/* Navigation aligned with the supplied reference, 2026-09-18. */
.site-header.hero-header[data-module="00"]{position:fixed;inset:0 0 auto;z-index:50}
.site-header.hero-header{height:66px;min-height:66px;padding:0 2.2%;display:flex;align-items:center;flex-wrap:nowrap;gap:28px;background:#23334e;border:0;border-top:1px solid #a4b1c24d;backdrop-filter:none;font-family:"Microsoft YaHei","PingFang SC",sans-serif;font-synthesis:none;line-height:1.7}
.hero-header .nav-brand{display:flex;align-items:center;gap:8px;flex-shrink:0;color:#fff}
.hero-header .nav-brand .brand-mark{display:grid;place-items:center;background:#2863ee;width:36px;height:36px;border-radius:9px;color:white;font-size:20px;font-weight:750;letter-spacing:0;line-height:1}
.hero-header .brand-name{display:grid;gap:3px;letter-spacing:0}
.hero-header .brand-name strong{font-size:19px;letter-spacing:-.5px;line-height:1.2}
.hero-header .brand-name>span{font-size:9px;letter-spacing:-.1px;color:#b3bdcd;font-weight:600;line-height:1}
.hero-header #navigation{display:flex;position:static;flex:1;justify-content:center;align-items:center;gap:clamp(18px,2.2vw,32px);width:auto;background:transparent;padding:0;font-size:15px;flex-wrap:nowrap}
.hero-header #navigation a,.hero-header .nav-pending{color:#d0d5df;font:inherit;white-space:nowrap;line-height:1.4;padding:8px 0;text-decoration:none;background:none;border:0}
.hero-header #navigation a:hover{color:#fff}
.hero-header #navigation a:first-child{text-decoration:none}
.hero-header .nav-pending:disabled{opacity:1;cursor:not-allowed}
.hero-header .nav-actions{display:flex;gap:12px;align-items:center;flex-shrink:0}
.hero-header .language-toggle{display:grid;place-items:center;flex-shrink:0;background:transparent;border:1px solid #ffffff30;color:#c8d0dc;border-radius:3px;height:33px;width:39px;padding:0;font-size:14px;line-height:1;letter-spacing:0;text-decoration:none;cursor:pointer;opacity:1;transition:background-color .2s ease,color .2s ease}
.hero-header .language-toggle:hover{background:#ffffff18;color:#fff}
.hero-header .nav-actions .nav-cta{background:#2863ee;color:white;border:0;border-radius:3px;line-height:1;padding:12px 15px;font-size:12px;font-weight:600;white-space:nowrap}
.hero-header .nav-actions .nav-cta:hover{background:#3975ff}
.hero-header .menu-toggle{display:none}
@media(max-width:1150px){
 .site-header.hero-header{gap:18px}
 .hero-header #navigation{gap:16px;font-size:13px}
 .hero-header .brand-name strong{font-size:18px}
 .hero-header .nav-actions{gap:8px}
}
@media(max-width:1200px){
 .site-header.hero-header{padding:0 5%;gap:12px}
 .hero-header .menu-toggle{display:block;margin-left:auto;padding:7px 10px;border:1px solid #ffffff38;background:transparent;color:#fff;font-size:13px;min-height:35px;border-radius:3px;order:3}
 .hero-header #navigation{position:absolute;top:65px;left:0;right:0;width:100%;background:#23334e;padding:20px 5%;display:flex;flex-wrap:wrap;justify-content:flex-start;gap:12px 26px;box-shadow:0 12px 24px #0002}
 .js .hero-header #navigation{display:none}
 .js .hero-header #navigation.open{display:flex}
 .hero-header .nav-actions{margin-left:auto}
 .hero-header .menu-toggle{margin-left:0}
}
@media(max-width:480px){
 .site-header.hero-header{padding:0 4%;gap:9px}
 .hero-header .nav-brand .brand-mark{width:31px;height:34px;font-size:18px;border-radius:7px}
 .hero-header .brand-name strong{font-size:16px}
 .hero-header .brand-name>span{font-size:7px}
 .hero-header .nav-brand{gap:6px}
 .hero-header .nav-actions{gap:7px}
 .hero-header .language-toggle{width:30px;height:32px;font-size:12px}
 .hero-header .nav-actions .nav-cta{padding:11px 10px;font-size:11px}
 .hero-header .menu-toggle{font-size:12px;padding:7px 8px;min-height:32px}
}

@media(min-width:1280px){.site-header.hero-header{padding-left:max(32px,calc((100% - 1200px)/2));padding-right:max(32px,calc((100% - 1200px)/2));gap:20px}.hero-header #navigation{gap:clamp(12px,1.1vw,20px);font-size:14px}}
.hero-header #navigation{font-size:18px;font-weight:500}
/* Navigation spacing and restrained motion. */
@media(min-width:1201px){
 html[lang="zh-CN"] .hero-header #navigation{gap:clamp(24px,1.9vw,36px)}
}
.hero-header #navigation a{position:relative;transition:color .2s ease,transform .2s ease}
.hero-header #navigation a::after{content:"";position:absolute;left:0;right:0;bottom:1px;height:2px;border-radius:2px;background:#5fa2ff;transform:scaleX(0);transform-origin:center;transition:transform .22s ease}
.hero-header #navigation a:hover,.hero-header #navigation a:focus-visible{color:#fff;transform:translateY(-2px)}
.hero-header #navigation a:hover::after,.hero-header #navigation a:focus-visible::after,.hero-header #navigation a[aria-current="location"]::after,.hero-header #navigation a[aria-current="page"]::after{transform:scaleX(1)}
.hero-header #navigation a[aria-current="location"],.hero-header #navigation a[aria-current="page"]{color:#fff}
.hero-header #navigation a:focus-visible{outline:2px solid #8dbdff;outline-offset:5px;border-radius:2px}
.site-header.hero-header{transition:box-shadow .25s ease,background-color .25s ease}
.site-header.hero-header.is-scrolled{background:#172b46;box-shadow:0 5px 20px #03142b26}
.hero-header .nav-actions .nav-cta{transition:background-color .2s ease,box-shadow .2s ease,transform .2s ease}
.hero-header .nav-actions .nav-cta:hover{transform:translateY(-1px);box-shadow:0 4px 14px #2863ee40}
@media(prefers-reduced-motion:reduce){.hero-header #navigation a,.hero-header #navigation a::after,.site-header.hero-header,.hero-header .nav-actions .nav-cta{transition:none}.hero-header #navigation a:hover,.hero-header #navigation a:focus-visible,.hero-header .nav-actions .nav-cta:hover{transform:none}}