.site-header{--sans:"Space Grotesk","Noto Sans TC",sans-serif;--page-pad:clamp(22px,4vw,54px);--paper-deep:#e9e6dd;--ink:#1e1f1a;--muted:#67695f;--line:rgba(30,31,26,.16);--green:#1f6b4a;position:sticky;top:0;z-index:20;background:rgba(243,241,236,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(12px);color:var(--ink)}
html[data-theme="dark"] .site-header{--paper-deep:#171e19;--ink:#f0eee7;--muted:#b1b6ac;--line:rgba(240,238,231,.15);--green:#72c89d;background:rgba(16,20,17,.96)}
#shared-site-header{position:sticky;top:0;z-index:20}
.site-header .nav-shell{box-sizing:border-box;width:min(100%,calc(1160px + var(--page-pad)*2));margin:auto;padding:0 var(--page-pad);min-height:78px;display:grid;grid-template-columns:minmax(220px,1fr) auto auto auto;align-items:center;gap:34px}
.site-header a{color:inherit;text-decoration:none}.site-header .brand{display:inline-flex;align-items:baseline;gap:9px;width:max-content;font:600 16px/1 var(--sans);letter-spacing:-.01em}.site-header .brand-zh{font-family:"Noto Serif TC",serif;font-weight:600}
.site-header .nav-links{display:flex;align-items:center;gap:clamp(16px,2.3vw,30px);font:500 15px/1 var(--sans)}.site-header .nav-link{white-space:nowrap;flex-shrink:0;padding-block:8px}.site-header .nav-link.is-active{color:var(--green);text-decoration:underline;text-underline-offset:7px}
@media(max-width:1200px) and (min-width:681px){.site-header .nav-shell{grid-template-columns:minmax(0,1fr) auto auto;gap:12px 20px;padding-block:14px}.site-header .nav-links{grid-column:1/-1;grid-row:2;min-width:0;overflow-x:auto;padding-bottom:4px}}
@media(max-width:680px){.site-header .nav-shell{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px 16px;padding-block:14px}.site-header .brand{grid-column:1/-1;grid-row:1}.site-header .preference-control{grid-row:2}.site-header .nav-links{grid-row:3;grid-column:1/-1;min-width:0;overflow-x:auto;padding-bottom:4px;gap:18px}}