/* One shared header component; geometry depends on viewport, never selected route. */
.header{position:sticky;top:0;z-index:40;display:grid;grid-template-columns:180px minmax(0,1fr) minmax(180px,280px);align-items:center;max-width:1440px;height:64px;margin-inline:auto;padding:0 40px;gap:20px;border-bottom:1px solid #172129;background:#03090cf5;backdrop-filter:blur(12px)}
.brand{display:flex;align-items:center;gap:10px;color:#f5d575;white-space:nowrap}.brand>svg{width:30px;height:30px;stroke-width:2;flex-shrink:0}.brand>span{font:600 30px/1 Teko,RobotoCondensed,sans-serif;letter-spacing:.3px}
.header-brand-group{display:flex;align-items:center;gap:10px;flex-shrink:0}
.header-brand-group .brand{margin-right:0}
.brand-biaomtv-link{display:none;flex-shrink:0;align-items:center;border-radius:6px}
body .brand-biaomtv-link{display:flex}
.brand-biaomtv-link:focus-visible{outline:2px solid #f5d575;outline-offset:2px}
.brand-biaomtv{display:none;flex-shrink:0;object-fit:contain}
body .brand-biaomtv{display:block;width:108px;height:auto}
@media(min-width:980px){body .header{grid-template-columns:max-content minmax(0,1fr) minmax(120px,180px) auto}}
@media(max-width:599px){body .brand-biaomtv{width:92px}}
@media(max-width:380px){body .header{padding-inline:10px;gap:6px}body .header-brand-group{gap:5px}body .brand{gap:5px}body .brand>svg{width:22px;height:22px}body .brand>span{font-size:24px}body .brand-biaomtv{width:68px}}
@media(max-width:979px){.header-brand-group{margin-right:auto}}
.header nav{display:flex;align-items:center;justify-content:center;gap:14px;white-space:nowrap;font:400 17px/22px RobotoCondensed,sans-serif}
.header nav a{display:flex;align-items:center;justify-content:center;min-height:40px;padding:7px 14px;border:1px solid transparent;border-radius:10px;background:none}
.header nav a.active{border-color:#f5d575;background:#081116;color:#ffdf82}
.header-search{display:flex;align-items:center;gap:9px;width:100%;height:38px;padding:0 11px;border:1px solid #2a404e;border-radius:8px;background:#0b171f;color:#c1c7cb}.header-search svg{width:17px;height:17px;flex-shrink:0}.header-search input{width:100%;min-width:0;border:0;background:none;color:#f2f3f4;font:13px/20px RobotoCondensed,sans-serif}.header-search input::placeholder{color:#89949c}
.nav-toggle,.mobile-search{display:none}.skip{z-index:60}
@media(min-width:980px) and (max-width:1150px){.header{padding-inline:28px;grid-template-columns:150px minmax(0,1fr) 230px;gap:12px}.header nav{gap:6px}.header nav a{padding-inline:9px}}
@media(max-width:979px){
 .header{display:flex;padding:0 20px;gap:12px}.brand{margin-right:auto;flex-shrink:0}.header-search{width:240px;flex-shrink:1}.header-search input{font-size:16px}
 .nav-toggle{display:flex;align-items:center;justify-content:center;order:4;width:44px;height:44px;flex-shrink:0;padding:10px;border:1px solid #2a3b46;border-radius:8px;background:#0b151d}.nav-toggle svg{width:22px;height:22px}
 .header nav{display:none;position:absolute;top:calc(100% + 8px);left:20px;right:20px;padding:10px;margin:0;gap:8px;background:#08131bf5;border:1px solid #2c414e;border-radius:10px;box-shadow:0 12px 30px #0009;white-space:normal}
 .header nav.is-open{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.header nav a{min-height:44px;font-size:16px;border-radius:7px}
}
@media(max-width:599px){
 .header{padding:0 14px;gap:10px}.brand{gap:8px}.brand>svg{width:26px;height:26px}.brand>span{font-size:29px}.header-search{display:none}
 .mobile-search{display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;padding:10px;border:1px solid #2a3b46;border-radius:8px;background:#0b151d}.mobile-search svg{width:21px;height:21px}.header nav{left:12px;right:12px}
}

.mobile-tabbar{display:none}
@media(max-width:700px){
 .mobile-tabbar{position:fixed;z-index:60;left:10px;right:10px;bottom:calc(8px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;padding:7px 6px calc(7px + env(safe-area-inset-bottom));border:1px solid #334852;border-radius:16px;background:rgb(5 13 18 / .94);box-shadow:0 10px 35px #0009,inset 0 1px #ffffff08;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);opacity:1;transform:translate3d(0,0,0);visibility:visible;transition:transform 360ms cubic-bezier(.2,.75,.2,1),opacity 360ms ease,visibility 0s linear 0s;will-change:transform,opacity}
 .mobile-tabbar.is-hidden{opacity:0;transform:translate3d(0,calc(100% + 12px),0);visibility:hidden;pointer-events:none;transition:transform 360ms cubic-bezier(.2,.75,.2,1),opacity 360ms ease,visibility 0s linear 360ms}
 .mobile-tabbar[data-scroll-direction=up]{transition-duration:150ms,150ms,0s;transition-delay:0s}
 .mobile-tabbar a{position:relative;display:flex;min-width:0;min-height:52px;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:1px solid transparent;border-radius:11px;color:#9eafba;text-decoration:none;font:500 10px/13px RobotoCondensed,sans-serif;transition:color .2s ease,background .2s ease,border-color .2s ease,transform .2s ease}
 .mobile-tabbar a svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
 .mobile-tabbar a[aria-current=page]{color:#ffe083;background:linear-gradient(180deg,#f5cc5c1a,#f5cc5c08);border-color:#f1cf6740;text-shadow:0 0 14px #f5cf5c55}
 .mobile-tabbar a[aria-current=page]::before{content:'';position:absolute;top:-7px;width:24px;height:2px;border-radius:2px;background:#ffdb6c;box-shadow:0 0 10px #f5cf5c}
 .mobile-tabbar a:active{transform:scale(.96)}
 .mobile-tabbar a:focus-visible{outline:2px solid #ffdf82;outline-offset:2px}
 body{padding-bottom:calc(78px + env(safe-area-inset-bottom))}
}
@media(prefers-reduced-motion:reduce){.mobile-tabbar,.mobile-tabbar a{transition:none!important;will-change:auto}}
@media(max-width:700px){.header .mobile-search,.header .header-search{display:none!important}}
.mobile-goals-header{display:none}
@media(max-width:700px){
 .header .brand-biaomtv-link{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(1.3)}
}