:root{--ht-red:#e52b24;--ht-red-dark:#bd211c;--ht-ink:#252b36;--ht-muted:#596579;--ht-line:#dce2ea;--ht-bg:#f5f6f8;--red:#e52b24;--text:#252b36;--muted:#596579;--line:#dce2ea}
huitu-header{display:block;position:relative;z-index:90;flex:none;width:100%;color:var(--ht-ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}
huitu-header *{box-sizing:border-box}
.ht-header{background:#fff;border-top:4px solid var(--ht-red);border-bottom:1px solid var(--ht-line);box-shadow:0 2px 8px #18283a06}
.ht-header .ht-header-row{display:flex;align-items:center;gap:22px;width:min(1440px,calc(100% - 48px));height:76px;margin:auto}
.ht-header a{text-decoration:none;color:inherit}
.ht-header .ht-brand{display:flex;align-items:center;gap:10px;flex:none;white-space:nowrap}
.ht-header .ht-brand img{width:47px;height:47px;object-fit:contain}
.ht-header .ht-brand span{display:flex;flex-direction:column;line-height:1.3}
.ht-header .ht-brand b{font-size:21px;font-weight:750;letter-spacing:.5px;color:#202630}
.ht-header .ht-brand small{font-size:11px;font-weight:550;color:var(--ht-red);margin-top:3px}
.ht-header .ht-navigation{display:flex;flex:1;justify-content:center;align-items:center;gap:4px;min-width:0;margin:0;padding:0;background:transparent;white-space:nowrap}
.ht-header .ht-navigation a{height:42px;padding:0 11px;display:flex;align-items:center;justify-content:center;border-radius:7px;color:#303640;font-size:16px;font-weight:650;line-height:1.4;border:0}
.ht-header .ht-navigation a:hover{background:#fff0ed;color:var(--ht-red-dark)}
.ht-header .ht-navigation a.is-active{color:#fff;background:var(--ht-red);box-shadow:0 3px 8px #e52b241c}
.ht-header .ht-search{display:flex;align-items:stretch;flex:0 0 188px;width:188px;height:39px;margin:0;border:1px solid #cfd6df;border-radius:7px;background:#f7f8fa;overflow:hidden;padding:0}
.ht-header .ht-search input{border:0;outline:0;min-width:0;width:100%;padding:0 10px;font-family:inherit;font-size:13px;font-weight:450;color:#303640;background:transparent;box-shadow:none}
.ht-header .ht-search input::placeholder{color:#6e7787}
.ht-header .ht-search button{flex:0 0 51px;border:0;border-radius:0;padding:0;background:var(--ht-red);color:#fff;font-size:13px;font-weight:600;cursor:pointer}
.ht-header .ht-search:focus-within{border-color:var(--ht-red);box-shadow:0 0 0 3px #e52b2412}
.ht-header .ht-account-wrap{position:relative;display:flex;align-items:center;flex:none;gap:3px}
.ht-header .ht-account{display:block;max-width:110px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;font-weight:650;color:#bf251f;padding:9px 12px;border:1px solid #edb3ae;background:#fff6f4;border-radius:7px;line-height:20px;margin:0}
.ht-header .ht-account-toggle{border:0;background:transparent;color:#7a3631;font-size:17px;padding:5px;cursor:pointer}
.ht-header .ht-account-menu{position:absolute;right:0;top:calc(100% + 8px);width:180px;padding:7px;border:1px solid var(--ht-line);border-radius:9px;background:#fff;box-shadow:0 12px 30px #1a263a20}
.ht-header .ht-account-menu a{display:block;font-size:14px;padding:11px 12px;border-radius:5px;color:#303640;line-height:1.5;font-weight:550}
.ht-header .ht-account-menu a:hover{background:#fff0ed;color:var(--ht-red)}
.ht-header [hidden]{display:none!important}
.ht-header .ht-menu{display:none;align-items:center;justify-content:center;flex:none;width:36px;height:38px;border:1px solid #dce2ea;background:#fff;border-radius:6px;cursor:pointer;padding:6px}
.ht-header .ht-menu svg{width:23px;height:23px;stroke:#303640;stroke-width:1.8;fill:none;stroke-linecap:round}
.ht-header a:focus-visible,.ht-header button:focus-visible{outline:2px solid var(--ht-red);outline-offset:3px}
/* Consistent, readable hierarchy across the legacy page layouts. */
body{color:var(--ht-ink)}
.panel-title p,.section-heading p,.profile-view dt,.account-body p,.candidate-eyebrow,.candidate-note,.result-toolbar,.tool-description{color:var(--ht-muted)}
.account-body .section-heading h3,.account-body .section-heading h2,.profile-view dd,.auth-intro h1,.auth-form-heading h2{color:var(--ht-ink)}
.account-body input,.account-body select,.auth-form input,.auth-form select,.auth-form label,.profile-form label,.security-form label{font-size:14px;color:#3a4658}
.account-body button,.auth-card button,.tabs button{font-size:14px;font-weight:600}
.career-product-nav{color:#303640!important}.career-product-nav a{color:#424b59;font-weight:550}.career-product-nav strong{font-size:21px}
@media(max-width:1280px){.ht-header .ht-header-row{gap:14px;width:calc(100% - 32px)}.ht-header .ht-brand span{display:none}.ht-header .ht-navigation a{font-size:15px;padding:0 9px}.ht-header .ht-search{flex-basis:176px;width:176px}.ht-header .ht-brand img{width:43px;height:43px}}
@media(max-width:980px){.ht-header .ht-header-row{height:64px;gap:9px;width:calc(100% - 24px)}.ht-header .ht-menu{display:flex}.ht-header .ht-navigation{display:none;position:absolute;left:0;right:0;top:100%;padding:12px;background:#fff;border-bottom:1px solid var(--ht-line);box-shadow:0 14px 20px #20304015;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.ht-header .ht-navigation.is-open{display:grid}.ht-header .ht-navigation a{font-size:15px}.ht-header .ht-search{flex:1;max-width:290px;min-width:70px;width:auto;margin-left:auto}.ht-header .ht-account{max-width:100px}.ht-header .ht-brand img{width:36px;height:36px}}
@media(max-width:480px){.ht-header .ht-header-row{gap:7px;width:calc(100% - 20px)}.ht-header .ht-account{font-size:12px;max-width:90px;padding:8px}.ht-header .ht-search input{font-size:12px;padding:0 7px}.ht-header .ht-search button{flex-basis:40px;font-size:12px}.ht-header .ht-navigation{grid-template-columns:repeat(2,minmax(0,1fr))}.ht-header .ht-account-toggle{padding:2px;font-size:15px}.ht-header .ht-brand img{width:32px;height:32px}.ht-header .ht-menu{width:32px}}
.ht-header .ht-search{flex-basis:207px;width:207px}
.ht-fill-entry{position:relative;min-width:0}
.ht-fill-arrow{margin-left:5px;font-size:13px}
.ht-fill-arrow[hidden],.ht-fill-menu[hidden]{display:none!important}
.ht-header .ht-fill-menu{position:absolute;top:47px;left:0;min-width:175px;padding:5px;background:#fff;border:1px solid #d9e0eb;border-radius:8px;box-shadow:0 12px 32px #25334826;z-index:95}
.ht-header .ht-fill-menu a{height:auto;min-height:40px;justify-content:flex-start;padding:10px 12px;font-size:14px;font-weight:600;color:#33465f;white-space:nowrap}
.ht-header .ht-fill-menu a:hover{background:#fff0ed;color:#d82f29}
@media(max-width:1280px){.ht-header .ht-search{flex-basis:194px;width:194px}}
@media(max-width:980px){.ht-header .ht-search{flex:1;max-width:319px;min-width:70px;width:auto}.ht-header .ht-fill-menu{left:0;right:0;min-width:0}.ht-header .ht-fill-entry>.ht-fill-link{height:42px}}
@media print{huitu-header{display:none}}
