:root{--brand-h:28;--brand-s:92%;--brand-l:52%;--c-brand:hsl(var(--brand-h)var(--brand-s)var(--brand-l));--c-brand-strong:hsl(var(--brand-h)92% 44%);--c-brand-soft:hsl(var(--brand-h)92% 92%);--c-bg:#fff;--c-surface:#fcfcfc;--c-surface-2:#f7f7f7;--c-text:#151b28;--c-muted:#586074;--c-border:#dbdee6;--c-link:hsl(var(--brand-h)92% 42%);--c-link-hover:hsl(var(--brand-h)92% 36%);--c-focus:hsl(var(--brand-h)92% 52%/.35);--shadow-1:0 1px 2px #1018280f;--shadow-2:0 8px 24px #10182814;--r-xs:10px;--r-sm:14px;--r-md:18px;--r-pill:999px;--s-1:8px;--s-2:12px;--s-3:16px;--s-4:24px;--s-5:32px;--s-6:48px;--s-7:72px;--fs-0:14px;--fs-1:16px;--fs-2:18px;--fs-3:22px;--fs-4:28px;--fs-5:40px;--lh:1.55;--container:1080px}:root[data-theme=dark]{--c-bg:#14171f;--c-surface:#181c25;--c-surface-2:#1f232d;--c-text:#f5f5f5;--c-muted:#abb0ba;--c-border:#303540;--c-brand-soft:hsl(var(--brand-h)60% 18%);--shadow-1:0 1px 2px #00000059;--shadow-2:0 16px 40px #00000059}@media (prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=dark]){--c-bg:#14171f;--c-surface:#181c25;--c-surface-2:#1f232d;--c-text:#f5f5f5;--c-muted:#abb0ba;--c-border:#303540;--c-brand-soft:hsl(var(--brand-h)60% 18%);--shadow-1:0 1px 2px #00000059;--shadow-2:0 16px 40px #00000059}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--c-bg);color:var(--c-text);font-family:system-ui,-apple-system,Segoe UI,Roboto,PingFang SC,Noto Sans CJK SC,sans-serif;line-height:var(--lh);font-size:var(--fs-1);min-height:100vh}a{color:var(--c-link);text-decoration:none}a:hover{color:var(--c-link-hover)}:focus-visible{box-shadow:0 0 0 4px var(--c-focus);border-radius:10px;outline:none}.container{max-width:var(--container);margin:0 auto;padding:0 24px}.card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-md);box-shadow:var(--shadow-1)}.btn{border-radius:var(--r-pill);border:1px solid var(--c-border);background:var(--c-surface);min-height:44px;color:var(--c-text);box-shadow:var(--shadow-1);justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-weight:600;display:inline-flex}.btnPrimary{background:var(--c-brand);color:#1a1a1a;border-color:#0000}.btnPrimary:hover{background:var(--c-brand-strong)}.btnGhost:hover{background:var(--c-brand-soft);border-color:hsl(var(--brand-h),65%,80%)}button,a{-webkit-tap-highlight-color:#0000}@media (max-width:480px){.btn{font-size:var(--fs-0);gap:6px;padding:10px 14px}}