:root{--color-bg:#f7f7f5;--color-surface:#fff;--color-surface-alt:#f1f1ec;--color-text:#16181d;--color-text-muted:#5b616e;--color-border:#e3e3de;--color-accent:#1f5eff;--color-accent-contrast:#fff;--color-accent-soft:#eaf0ff;--color-promo:#9a6a12;--color-promo-soft:#fdf3dd;--space-1:.25rem;--space-2:.5rem;--space-3:1rem;--space-4:1.5rem;--space-5:2rem;--space-6:3rem;--space-7:5rem;--font-sans:system-ui, -apple-system, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--text-xs:.8125rem;--text-sm:.9375rem;--text-base:1.0625rem;--text-lg:1.25rem;--text-xl:1.75rem;--text-2xl:clamp(2rem, 5vw, 3rem);--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-pill:999px;--shadow-sm:0 1px 2px #1012160f, 0 8px 24px #1012160a;--measure:62ch;--content-width:68rem}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--color-bg);min-height:100dvh;color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-base);text-rendering:optimizelegibility;flex-direction:column;margin:0;line-height:1.7;display:flex}h1,h2,h3,p,figure{margin:0}h1{font-size:var(--text-2xl);letter-spacing:-.02em;line-height:1.2}h2{font-size:var(--text-xl);letter-spacing:-.01em;line-height:1.3}h3{font-size:var(--text-lg);line-height:1.35}a{color:var(--color-accent)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.shell{width:100%;max-width:var(--content-width);padding:var(--space-6) var(--space-4) var(--space-7);gap:var(--space-7);flex-direction:column;flex:1;margin:0 auto;display:flex}.site-header{z-index:5;background:color-mix(in srgb, var(--color-bg) 92%, transparent);backdrop-filter:saturate(140%)blur(8px);border-bottom:1px solid var(--color-border);position:sticky;top:0}.header-inner{max-width:var(--content-width);padding:var(--space-3) var(--space-4);justify-content:space-between;align-items:center;gap:var(--space-4);margin:0 auto;display:flex}.brand{align-items:center;gap:var(--space-2);color:var(--color-text);text-decoration:none;display:inline-flex}.brand-logo{border-radius:var(--radius-sm);width:30px;height:30px}.brand-name{letter-spacing:.02em;font-weight:700}.site-nav ul{gap:var(--space-4);font-size:var(--text-sm);margin:0;padding:0;list-style:none;display:flex}.site-nav a{color:var(--color-text-muted);text-decoration:none}.site-nav a:hover{color:var(--color-text)}.site-nav a[aria-current=page]{color:var(--color-accent);font-weight:600}.site-footer{border-top:1px solid var(--color-border);padding:var(--space-5) var(--space-4);text-align:center;font-size:var(--text-xs);color:var(--color-text-muted);gap:var(--space-1);display:grid}.footer-brand{color:var(--color-text);font-size:var(--text-sm)}.skip-link{padding:var(--space-2) var(--space-3);background:var(--color-surface);border-radius:var(--radius-sm);position:absolute;top:0;left:-9999px}.skip-link:focus{left:var(--space-3);top:var(--space-3);z-index:10}:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}
