/* Shared top navigation r14; variables stay inside the header. */
body>.site-header.site-nav-r14{--nav-gutter:104px;--nav-container:1232px;--nav-navy:#173e69;--nav-ink:#103049;--nav-muted:#718396;--nav-teal:#008eaa;--nav-border:#d6e5ef;line-height:1.7}
@media(max-width:1200px){body>.site-header.site-nav-r14{--nav-gutter:56px}}
@media(max-width:900px){body>.site-header.site-nav-r14{--nav-gutter:32px}}
@media(max-width:640px){body>.site-header.site-nav-r14{--nav-gutter:18px}}
body>.site-header.site-nav-r14{background:#fff}
body>.site-header.site-nav-r14 .header-inner{display:flex;align-items:center;justify-content:space-between;min-height:86px;gap:28px}
body>.site-header.site-nav-r14 .brand img{width:154px;height:60px;object-fit:contain}
body>.site-header.site-nav-r14 nav{display:flex;align-items:center;gap:34px}
body>.site-header.site-nav-r14 nav a{font-size:16px;color:#748497;white-space:nowrap;padding:26px 0}
body>.site-header.site-nav-r14 nav a:hover{color:var(--nav-teal)}
body>.site-header.site-nav-r14 .menu-toggle{display:none}
body>.site-header.site-nav-r14 .brand{position:relative;display:block;width:154px;height:66px;overflow:hidden;flex-shrink:0}
body>.site-header.site-nav-r14 .brand img{position:absolute;max-width:none;width:200px;height:auto;aspect-ratio:3508/2481;left:50%;top:56%;transform:translate(-50%,-50%)}
/* Use the full brand frame: the older inner crop clipped the two orange dots. */
body>.site-header.site-nav-r14 .brand .official-logo-clip{width:100%;height:100%;overflow:visible}
@media(max-width:1200px){
body>.site-header.site-nav-r14 nav{gap:22px}
}
@media(max-width:900px){
body>.site-header.site-nav-r14 .header-inner{min-height:80px}
body>.site-header.site-nav-r14 nav{gap:16px}
body>.site-header.site-nav-r14 nav a{font-size:14px}
body>.site-header.site-nav-r14 .brand img{width:130px}
}
@media(max-width:640px){
body>.site-header.site-nav-r14 .header-inner{min-height:74px;position:relative}
body>.site-header.site-nav-r14 .brand img{width:128px;height:51px}
body>.site-header.site-nav-r14 .menu-toggle{display:flex;width:42px;height:42px;align-items:center;justify-content:center;flex-direction:column;gap:5px;border:1px solid #d8e5ed;border-radius:5px;background:#fff}
body>.site-header.site-nav-r14 .menu-toggle span{height:2px;width:20px;background:var(--nav-navy)}
body>.site-header.site-nav-r14 nav{display:none;position:absolute;left:0;right:0;top:74px;background:#fff;border:1px solid #e1eaf0;padding:12px 20px;z-index:5;box-shadow:0 12px 22px #24435b15}
body>.site-header.site-nav-r14 nav.open{display:flex;flex-direction:column;align-items:stretch;gap:0}
body>.site-header.site-nav-r14 nav a{padding:10px 0;font-size:16px}
}
@media(max-width:900px){
body>.site-header.site-nav-r14 .brand{width:130px;height:56px}
body>.site-header.site-nav-r14 .brand img{width:174px;height:auto}
}
@media(max-width:640px){
body>.site-header.site-nav-r14 .brand{width:128px;height:54px}
body>.site-header.site-nav-r14 .brand img{width:170px;height:auto}
}
@media(min-width:701px){
body>.site-header.site-nav-r14 .header-inner{margin-left:max(var(--nav-gutter),calc((100% - var(--nav-container))/2));margin-right:0;max-width:none;width:calc(100% - max(var(--nav-gutter),calc((100% - var(--nav-container))/2)) - max(10px,calc((100% - min(50% + 590px,100% - 20px))/2)))}
}
body>.site-header.site-nav-r14{position:relative;z-index:5;font-family:"Noto Sans SC","Microsoft YaHei",Arial,sans-serif;font-synthesis:none}
body>.site-header.site-nav-r14 nav.primary-nav{align-items:stretch;gap:38px;margin-left:auto}
body>.site-header.site-nav-r14 nav.primary-nav>a,body>.site-header.site-nav-r14 nav.primary-nav>.nav-group>a{display:flex;align-items:center;padding:26px 0;color:#385363;font-size:15px;font-weight:400;letter-spacing:.045em;white-space:nowrap}
body>.site-header.site-nav-r14 nav.primary-nav>a:hover,body>.site-header.site-nav-r14 nav.primary-nav>a[aria-current="page"],body>.site-header.site-nav-r14 nav.primary-nav>.nav-group>a:hover{color:#087d98}
body>.site-header.site-nav-r14 .nav-group{position:relative;display:flex;align-items:center;gap:0;min-width:0}
body>.site-header.site-nav-r14 .nav-group>.nav-expand{display:none}
body>.site-header.site-nav-r14 .mega-menu{position:absolute;top:100%;left:-24px;display:none;width:180px;padding:24px;background:#fff;box-shadow:0 12px 32px #0b1f2a14;border-top:3px solid #00a6c7;grid-template-columns:1fr;gap:4px;max-height:72vh;overflow:auto}
body>.site-header.site-nav-r14 .nav-group.open>.mega-menu{display:grid}
body>.site-header.site-nav-r14 nav .mega-menu a{display:block;padding:4px 0;color:#4a6270;white-space:normal;overflow-wrap:anywhere;font-size:16px;line-height:1.65}
body>.site-header.site-nav-r14 nav .mega-menu a:hover{color:#007f99}
body>.site-header.site-nav-r14 .demo-nav-depth-1{padding-left:16px}
body>.site-header.site-nav-r14 .demo-nav-depth-2{padding-left:30px}
body>.site-header.site-nav-r14 .demo-nav-depth-3{padding-left:40px}
@media(max-width:1170px){
body>.site-header.site-nav-r14 nav.primary-nav{gap:24px}
}
@media(max-width:700px){
body>.site-header.site-nav-r14 .header-inner{position:relative}
body>.site-header.site-nav-r14 .menu-toggle{display:flex;width:42px;height:42px;align-items:center;justify-content:center;flex-direction:column;gap:5px;border:1px solid #d8e5ed;border-radius:5px;background:#fff}
body>.site-header.site-nav-r14 .menu-toggle span{height:2px;width:20px;background:var(--nav-navy)}
body>.site-header.site-nav-r14 nav.primary-nav{position:absolute;display:none;top:100%;left:0;right:0;width:100%;margin:0;padding:10px 15px 22px;background:#fff;box-shadow:0 12px 32px #0b1f2a14;max-height:calc(100dvh - 104px);overflow:auto}
body>.site-header.site-nav-r14 nav.primary-nav.open{display:block}
body>.site-header.site-nav-r14 nav.primary-nav>a,body>.site-header.site-nav-r14 nav.primary-nav>.nav-group>a{padding:12px 0}
body>.site-header.site-nav-r14 nav.primary-nav>.nav-group{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:4px}
body>.site-header.site-nav-r14 .nav-group>.nav-expand{position:static;display:inline-flex;align-items:center;justify-content:center;grid-column:2;grid-row:1;width:40px;height:40px;min-width:40px;margin:auto 0;padding:0;border:1px solid #d8e7ec;border-radius:6px;background:#f6fafc;color:#0b1f2a;font-size:20px;line-height:1}
body>.site-header.site-nav-r14 .mega-menu{position:static;grid-column:1/-1;width:auto;box-shadow:none;border:0;padding:0 16px 8px;background:#f6fafc;display:none}
}
body>.site-header.site-nav-r14 .product-mega-menu{left:50%;width:min(760px,calc(100vw - 40px));transform:translateX(-50%);grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:0}
body>.site-header.site-nav-r14 .product-menu-group{min-width:0;padding:22px 24px}
body>.site-header.site-nav-r14 .product-menu-group+.product-menu-group{border-left:1px solid var(--nav-border)}
body>.site-header.site-nav-r14 .product-menu-group>.demo-nav-child+.demo-nav-child{margin-top:12px}
body>.site-header.site-nav-r14 nav .product-menu-group>.demo-nav-child>a{font-weight:500}
body>.site-header.site-nav-r14 nav .product-menu-group .demo-nav-depth-1 a{font-size:14px}
@media(min-width:701px){
body>.site-header.site-nav-r14 nav.primary-nav{align-self:stretch}
body>.site-header.site-nav-r14 .product-nav-group{position:static}
body>.site-header.site-nav-r14 .product-nav-group>.product-mega-menu{top:100%}
body>.site-header.site-nav-r14 nav.primary-nav .nav-label{position:relative;display:inline-block}
body>.site-header.site-nav-r14 nav.primary-nav>a>.nav-label::after,body>.site-header.site-nav-r14 nav.primary-nav>.nav-group>a>.nav-label::after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:3px;background:#f39800;transform:scaleX(0);transform-origin:center;transition:transform .3s ease;pointer-events:none}
body>.site-header.site-nav-r14 nav.primary-nav>a:hover>.nav-label::after,body>.site-header.site-nav-r14 nav.primary-nav>a:focus-visible>.nav-label::after,body>.site-header.site-nav-r14 nav.primary-nav>.nav-group:hover>a>.nav-label::after,body>.site-header.site-nav-r14 nav.primary-nav>.nav-group:focus-within>a>.nav-label::after,body>.site-header.site-nav-r14 nav.primary-nav>.nav-group.open>a>.nav-label::after{transform:scaleX(1)}
}
@media(max-width:700px){
body>.site-header.site-nav-r14 .product-mega-menu{left:auto;width:auto;transform:none;grid-template-columns:1fr;padding:0}
body>.site-header.site-nav-r14 .product-menu-group{padding:12px 16px}
body>.site-header.site-nav-r14 .product-menu-group+.product-menu-group{border-left:0;border-top:1px solid var(--nav-border)}
}

@media(min-width:701px){
body>.site-header.site-nav-r14 nav.primary-nav>.nav-group{align-items:stretch}
body>.site-header.site-nav-r14 nav.primary-nav>.nav-group>.mega-menu{top:100%}
}
body>.site-header.site-nav-r14 nav .product-menu-group>.demo-nav-child>a{font-size:14px;font-weight:400}
body>.site-header.site-nav-r14 nav .product-menu-group .demo-nav-depth-1 a{font-size:13px;font-weight:400}
body>.site-header.site-nav-r14 .mega-menu{border-top:0;box-shadow:0 8px 28px #0b1f2a12}
body>.site-header.site-nav-r14 .mega-menu.compact{padding:10px 20px;gap:0}
body>.site-header.site-nav-r14 nav .mega-menu.compact a{font-size:15px;font-weight:400;padding:10px 0}
body>.site-header.site-nav-r14 .mega-menu.compact>.demo-nav-child:not(:last-child){border-bottom:1px solid #eceff1}
@media(min-width:701px){
body>.site-header.site-nav-r14 nav.primary-nav>.nav-group>a{position:relative}
body>.site-header.site-nav-r14 nav.primary-nav>.nav-group.open>a{z-index:1}
body>.site-header.site-nav-r14 nav.primary-nav>.nav-group.open>a::before{content:"";position:absolute;left:50%;bottom:-1px;transform:translateX(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #fff;filter:drop-shadow(0 -2px 2px #0b1f2a08);pointer-events:none}
}
@media(max-width:700px){
body>.site-header.site-nav-r14 .mega-menu{box-shadow:none}
body>.site-header.site-nav-r14 .mega-menu.compact{padding:0 16px 8px}
}
body>.site-header.site-nav-r14{position:sticky;top:0;z-index:50;box-shadow:0 2px 8px #173e6910;border-bottom:0}
body>.site-header.site-nav-r14 .header-inner{width:calc(100% - var(--nav-gutter)*2);max-width:var(--nav-container);margin-inline:auto;min-height:86px}
body>.site-header.site-nav-r14 .brand{display:block;padding:0}
body>.site-header.site-nav-r14 .demo-logo{width:154px;height:60px}
body>.site-header.site-nav-r14 .demo-logo img{width:100%;height:100%;object-fit:contain}
body>.site-header.site-nav-r14 .menu-button{display:none}
body>.site-header.site-nav-r14 .primary-nav>.nav-group{gap:0}
body>.site-header.site-nav-r14 .primary-nav>.nav-group>.nav-expand{display:none}
body>.site-header.site-nav-r14 .mega-menu{max-height:calc(100dvh - 102px);overscroll-behavior:contain}
@media(min-width:701px){
body>.site-header.site-nav-r14 .header-inner{margin-left:max(var(--nav-gutter),calc((100% - var(--nav-container))/2));margin-right:0;max-width:none;width:calc(100% - max(var(--nav-gutter),calc((100% - var(--nav-container))/2)) - max(10px,calc((100% - min(50% + 590px,100% - 20px))/2)))}
}
@media(max-width:700px){
body>.site-header.site-nav-r14 .menu-button{display:flex}
body>.site-header.site-nav-r14 .primary-nav>.nav-group>.nav-expand{display:inline-flex}
body>.site-header.site-nav-r14 .header-inner{min-height:74px}
body>.site-header.site-nav-r14 .demo-logo{width:128px;height:51px}
body>.site-header.site-nav-r14 .primary-nav{max-height:calc(100dvh - 86px)}
body>.site-header.site-nav-r14 .mega-menu{max-height:none;overflow:visible}
}
@media(max-width:700px){
body>.site-header.site-nav-r14 .menu-button{display:flex;flex:0 0 42px;width:42px;height:42px;min-width:42px;padding:0;align-items:center;justify-content:center;flex-direction:column;gap:5px;border:1px solid #d8e5ed;border-radius:5px;background:#fff}
body>.site-header.site-nav-r14 .menu-button i{display:block;flex:none;width:20px;height:2px;margin:0;background:var(--nav-navy)}
body>.site-header.site-nav-r14 .search-trigger{display:inline-flex;flex:0 0 42px;width:42px;height:42px;min-width:42px;padding:0;align-items:center;justify-content:center;font-size:22px;color:var(--nav-navy)}
}

/* Keep the existing route state authoritative; no first-child page assumptions. */
body>.site-header.site-nav-r14 nav.primary-nav>a,body>.site-header.site-nav-r14 nav.primary-nav>.nav-group>a{color:#385363}
body>.site-header.site-nav-r14 nav.primary-nav>a.active,body>.site-header.site-nav-r14 nav.primary-nav>.nav-group>a.active,body>.site-header.site-nav-r14 nav.primary-nav>a[aria-current="page"],body>.site-header.site-nav-r14 nav.primary-nav>.nav-group>a[aria-current="page"],body>.site-header.site-nav-r14 nav.primary-nav>a:hover,body>.site-header.site-nav-r14 nav.primary-nav>.nav-group>a:hover{color:#087d98}