:root{--site-nav-offset:150px}
html{scroll-padding-top:var(--site-nav-offset)}
.skip-link{position:absolute;top:10px;left:16px;z-index:100;transform:translateY(-160%);padding:8px 16px;background:var(--accent);color:var(--on-accent)}
.skip-link:focus{transform:none}
.site-navigation{position:sticky;top:0;z-index:40;background:var(--nav-bg);backdrop-filter:blur(12px);border-bottom:1px solid var(--nav-line);color:var(--nav-ink);font-family:Inter,"Avenir Next","PingFang SC","Microsoft YaHei",sans-serif;line-height:1.5}
.site-navigation *{box-sizing:border-box}
.site-navigation .shell{width:min(1280px,calc(100% - 48px));margin-inline:auto}
.site-navigation .site-header{display:grid;grid-template-columns:minmax(150px,1fr) auto minmax(150px,1fr);align-items:center;gap:16px;min-height:82px;padding:0;border-bottom:1px solid var(--nav-line)}
.site-navigation a{text-decoration:none}
.site-navigation .brand{display:flex;align-items:center;justify-self:start;gap:10px;color:var(--nav-ink);font-size:20px;font-weight:800;letter-spacing:-.6px;white-space:nowrap}
.site-navigation .brand img{width:36px;height:36px;border-radius:11px}
.site-navigation .brand small{display:block;margin:0;color:var(--accent);font-size:9px;font-weight:700;letter-spacing:2px;line-height:1.2}
.site-navigation .site-channels{display:flex;justify-content:center;align-items:center;gap:8px;margin:0;color:var(--nav-muted);font-size:14px}
.site-navigation .site-channels a{display:block;padding:10px 14px;border-radius:8px;white-space:nowrap}
.site-navigation .site-channels a[aria-current=page]{color:var(--accent);background:var(--nav-active)}
.site-navigation a:hover{color:var(--accent)}
.site-navigation .order-link{justify-self:end;margin:0;min-height:38px;padding:8px 12px;border:1px solid var(--nav-line);border-radius:9px;color:var(--nav-ink);font-size:12px;font-weight:500;white-space:nowrap}
.site-navigation .order-link>span:last-child{margin-left:4px;color:var(--accent)}
.site-navigation .page-navigation{display:flex;align-items:center;gap:22px;min-height:51px}
.site-navigation .page-label{flex:none;padding-right:22px;border-right:1px solid var(--nav-line);color:var(--nav-ink);font-size:12px;font-weight:700;white-space:nowrap}
.site-navigation .page-links{flex:1;display:flex;align-items:center;gap:24px;min-width:0;margin:0;overflow-x:auto;scrollbar-width:thin;color:var(--nav-muted);font-size:12px}
.site-navigation .page-links a{display:block;flex:none;min-height:50px;padding:16px 0 12px;border-bottom:2px solid transparent;white-space:nowrap}
.site-navigation .page-links a[aria-current=location]{border-bottom-color:var(--accent);color:var(--accent)}
.site-navigation .page-navigation-extras{display:flex;align-items:center;gap:13px;flex:none;margin-left:auto}
.site-navigation .preference-toggle{display:block;min-width:42px;min-height:32px;margin:0;padding:5px 9px;border:1px solid var(--nav-line);border-radius:8px;background:transparent;color:var(--nav-ink);font:600 11px Inter,"PingFang SC",sans-serif;cursor:pointer}
.site-navigation .preference-toggle:hover{color:var(--accent);border-color:var(--accent)}
.site-navigation a:focus-visible,.site-navigation button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media(max-width:1000px){
  .site-navigation .shell{width:calc(100% - 32px)}
  .site-navigation .site-header{grid-template-columns:1fr auto;gap:8px 12px;min-height:0;padding:14px 0 5px}
  .site-navigation .brand{gap:8px;font-size:18px}
  .site-navigation .brand img{width:32px;height:32px;border-radius:9px}
  .site-navigation .brand small{font-size:8px;letter-spacing:1.5px}
  .site-navigation .site-channels{grid-column:1/-1;grid-row:2;gap:9px;font-size:13px}
  .site-navigation .site-channels a{min-height:42px;padding:10px 12px}
  .site-navigation .order-link{grid-column:2;grid-row:1;padding:8px 9px;font-size:12px}
  .site-navigation .page-navigation{gap:14px;min-height:47px}
  .site-navigation .page-label{padding-right:14px;font-size:11px}
  .site-navigation .page-links{gap:20px;font-size:12px}
  .site-navigation .page-links a{min-height:46px;padding:14px 0 10px}
  .site-navigation .page-navigation-extras{margin-left:0;gap:6px}
  .site-navigation .page-label{display:none}
  .site-navigation .site-channels{max-width:100%;overflow-x:auto;justify-content:flex-start;justify-self:center}
}