.site-header{display:contents;position:relative;top:auto;z-index:100;padding:0;background:transparent;box-shadow:none}.site-brandbar{background:linear-gradient(180deg,#fff,#f6f9fd);border-bottom:1px solid #e6ecf4}.site-brandbar .container{display:flex;align-items:center;padding-top:10px;padding-bottom:10px}.site-brandbar .container,.site-navbar .container,.site-main>.container,.site-footer>.container{width:min(var(--workspace-width),100% - 30px);max-width:calc(100% - 30px);padding-left:0;padding-right:0}.site-brandbar .logo{display:inline-flex;align-items:center;gap:7px;color:#292929;font-family:Georgia,Times New Roman,STZhongsong,SimSun,serif;line-height:1}.site-brandbar .logo{gap:4px;flex-direction:column;align-items:flex-start}.site-brandbar .logo-brand{display:inline-flex;align-items:baseline;padding-left:12px;border-left:4px solid #1a1a1a}.site-brandbar .logo-mark,.site-brandbar .logo-name{display:inline-block;line-height:1;vertical-align:baseline;font-size:38px;color:#000;-webkit-text-fill-color:#000;font-family:Source Han Sans SC,Source Han Sans CN,Noto Sans CJK SC,Noto Sans SC,PingFang SC,Microsoft YaHei,\5fae\8f6f\96c5\9ed1,Hiragino Sans GB,Heiti SC,sans-serif;letter-spacing:0}.site-brandbar .logo-mark{font-weight:800;margin-right:4px}.site-brandbar .logo-name{font-weight:700}.site-brandbar .logo-word{display:inline-block;color:#000;-webkit-text-fill-color:#000;font-size:38px;font-weight:800;letter-spacing:.04em;line-height:1;padding-left:12px;border-left:4px solid #1a1a1a;font-family:Source Han Sans SC,Source Han Sans CN,Noto Sans CJK SC,Noto Sans SC,PingFang SC,Microsoft YaHei,\5fae\8f6f\96c5\9ed1,Hiragino Sans GB,Heiti SC,sans-serif}.site-brandbar .logo small{display:none;color:#6b7a8a;font-size:12px;margin-top:4px;padding-left:16px;letter-spacing:.02em;line-height:1.3;white-space:nowrap;max-width:720px}.site-brandbar .logo img{display:block;width:152px;object-fit:contain}.site-navbar{height:46px;background:#101b38;box-shadow:0 2px 5px #00000038;position:sticky;top:0;z-index:99}.site-navbar .container{height:100%;display:flex;align-items:center;justify-content:space-between}.site-navbar .main-nav{height:100%;gap:0;overflow:visible}.site-navbar .main-nav-link{height:100%;padding:0 11px;border:0;border-bottom:3px solid transparent;color:#b4c1d8;font-size:14px}.site-navbar .main-nav-link:hover,.site-navbar .main-nav-link:focus{color:#fff;background:#1c2b50;border-bottom-color:#5d96ee}.site-navbar .main-nav-link.is-active{color:#fff;background:#1c2b50;border-bottom-color:#4285ed}.site-navbar .dropdown-trigger{font-family:inherit;line-height:1.6}.site-navbar .main-nav-dropdown:hover>.dropdown-trigger,.site-navbar .main-nav-dropdown:focus-within>.dropdown-trigger,.site-navbar .main-nav-dropdown.is-active>.dropdown-trigger{color:#fff;background:#1c2b50;border-bottom-color:#4285ed}.site-navbar .main-nav-dropdown.is-active .dropdown-caret{opacity:1}.site-navbar .main-nav-dropdown{height:100%}.site-navbar .main-nav-dropdown>.dropdown-trigger{align-self:stretch}.site-navbar .main-nav-dropdown .dropdown-trigger:not([href]){font-size:14px}.site-navbar .dropdown-caret{color:currentColor;opacity:.7}.site-navbar .main-nav-dropdown:hover .dropdown-caret,.site-navbar .main-nav-dropdown:focus-within .dropdown-caret{opacity:1}.site-navbar .main-nav-menu{top:100%;min-width:158px;margin-top:0;padding:12px 6px 6px}.site-navbar .main-nav-menu:before{top:8px;background:#16223f;border:1px solid rgba(255,255,255,.12);border-radius:4px;box-shadow:0 12px 26px #00000061}.site-navbar .main-nav-menu a{color:#b4c1d8;padding:9px 10px;border-radius:4px;font-size:13px}.site-navbar .main-nav-menu a:hover,.site-navbar .main-nav-menu a:focus{color:#fff;background:#22315a;outline:0}.site-navbar .main-nav-menu a.is-active{color:#fff;background:#1c2b50}.site-navbar .main-nav-menu a.is-active .nav-ico{opacity:1}.site-navbar .main-nav-user{margin-left:auto;padding-left:16px;border-left:1px solid rgba(255,255,255,.14)}.site-navbar .main-nav-user .main-nav-link{color:#cfdced;height:auto;padding:6px 11px;border-bottom-width:0}.site-navbar .main-nav-user .main-nav-link:hover,.site-navbar .main-nav-user .main-nav-link:focus{color:#fff;background:#1c2b50}.site-navbar .main-nav-user .main-nav-login,.site-navbar .main-nav-user .main-nav-login:hover,.site-navbar .main-nav-user .main-nav-login:focus{border-bottom-width:0}.site-navbar .main-nav-user-name{max-width:150px;overflow:hidden;text-overflow:ellipsis;font-weight:600}.site-navbar .main-nav-user .main-nav-login{height:28px;padding:0 13px;color:#cfe0fb;font-size:13px;font-weight:600;background:transparent;border:1px solid rgba(127,178,247,.5);border-radius:4px;box-shadow:none;line-height:1}.site-navbar .main-nav-user .main-nav-login .nav-ico{opacity:1}.site-navbar .main-nav-user .main-nav-login:hover,.site-navbar .main-nav-user .main-nav-login:focus{color:#0d1630;background:#7fb2f7;border-color:#7fb2f7}.site-navbar .main-nav-user .main-nav-login:active{color:#fff;background:#4285ed;border-color:#4285ed}.site-navbar .main-nav-logout{color:#93a3b8}.header-setting{border:1px solid #e0b82e;color:#f1cb48;padding:5px 9px;font-size:11px;border-radius:3px}.header-setting:hover{color:#fff;border-color:#fff}.site-main{background:#eef1f7;min-height:calc(100vh - 145px)}.site-main>.container{padding:0 0 34px}.public-breadcrumb{max-width:none;padding:16px 0 18px;color:#6c757d;font-size:14px;line-height:21px;font-weight:500}.public-breadcrumb a{color:#6c757d}.public-breadcrumb-ico{width:1.1em;height:1.1em;margin-right:4px;vertical-align:-.15em;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.public-breadcrumb-home{display:inline-block;width:1.1em;height:1.1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 9.5 12 3l9 6.5V20a1.5 1.5 0 0 1-1.5 1.5h-15A1.5 1.5 0 0 1 3 20V9.5z'/%3E%3Cpath d='M9.5 21.5V13h5v8.5'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 9.5 12 3l9 6.5V20a1.5 1.5 0 0 1-1.5 1.5h-15A1.5 1.5 0 0 1 3 20V9.5z'/%3E%3Cpath d='M9.5 21.5V13h5v8.5'/%3E%3C/svg%3E") center / contain no-repeat}.public-breadcrumb--path{display:flex;align-items:center;color:#6c757d;font-size:14px;line-height:21px;font-weight:500}.public-breadcrumb--path a{color:#6c757d}.public-breadcrumb--path a:hover{color:#3b82f6}.public-breadcrumb-sep{margin:0 8px;color:#6c757d}.public-breadcrumb--path .is-current{color:#6c757d;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tool-page{max-width:none;padding:0 0 24px}.ping-page>.tool-hero,.tcping-page>.tool-hero,.http-page>.tool-hero,.dns-page>.tool-hero,.traceroute-page>.tool-hero,.ech-page>.tool-hero,.local-page>.tool-hero,.batch-page>.tool-hero{display:none}.ping-page,.tcping-page,.http-page,.dns-page,.traceroute-page,.ech-page,.local-page,.batch-page{padding-top:0}.tool-page>h1{padding:0 0 3px;color:#435363;font-size:18px;font-weight:500}.tool-desc{margin-bottom:9px;color:#8995a2;font-size:11px}.tool-hero{flex-direction:column;align-items:center;gap:12px;margin-bottom:9px}.tool-hero-badge{align-self:center}.tool-hero h1{margin:0 0 3px;color:#435363;font-size:18px;font-weight:500;letter-spacing:0}.tool-hero .tool-desc{color:#8995a2;font-size:11px}.tool-kicker,.section-kicker,.tool-seo-keywords{display:none}.tool-hero-badge{padding:5px 9px;border-radius:3px;font-size:10px}.tool-page>.tool-form{margin-bottom:12px;padding:35px 50px;border:1px solid #e3e9ef;border-radius:7px;box-shadow:0 6px 18px #1f354b1a;transition:box-shadow .22s ease,border-color .22s ease}.tool-page>.tool-form:hover{border-color:#d3dde6;box-shadow:0 12px 28px #1f354b29}
