:root{--brand-50:#fff7ed;--brand-100:#ffedd5;--brand-200:#fed7aa;--brand-300:#fdba74;--brand-400:#fb923c;--brand-500:#f97316;--brand-600:#ea8224;--brand-700:#c2670f;--brand-800:#9a3412;--brand-900:#7c2d12;--neutral-0:#fff;--neutral-50:#f8fafc;--neutral-100:#f1f5f9;--neutral-200:#e2e8f0;--neutral-300:#cbd5e1;--neutral-400:#94a3b8;--neutral-500:#64748b;--neutral-600:#475569;--neutral-700:#334155;--neutral-800:#1e293b;--neutral-900:#0f172a;--neutral-950:#0b0f14;--color-bg:var(--neutral-0);--color-bg-alt:var(--neutral-50);--color-bg-card:var(--neutral-0);--color-border:var(--neutral-200);--color-border-strong:var(--neutral-300);--color-text:var(--neutral-900);--color-text-mute:var(--neutral-600);--color-text-faint:var(--neutral-500);--color-accent:var(--brand-500);--color-accent-hover:var(--brand-600);--color-accent-soft:var(--brand-50);--shadow-sm:0 1px 2px #0f172a0a;--shadow-md:0 4px 12px #0f172a0f;--shadow-lg:0 12px 32px #0f172a14;--shadow-xl:0 24px 56px #0f172a1a;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-pill:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--fs-xs:12px;--fs-sm:14px;--fs-base:15px;--fs-md:16px;--fs-lg:18px;--fs-xl:20px;--fs-2xl:24px;--fs-3xl:30px;--fs-4xl:38px;--fs-5xl:48px;--fs-6xl:60px;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-black:800;--container:1200px;--ease:cubic-bezier(.4, 0, .2, 1);--dur-fast:.12s;--dur-base:.2s;--dur-slow:.32s}[data-theme=dark]{--color-bg:var(--neutral-950);--color-bg-alt:#0f1419;--color-bg-card:#131a22;--color-border:#1f2937;--color-border-strong:#2a3441;--color-text:#e2e8f0;--color-text-mute:#94a3b8;--color-text-faint:#64748b;--color-accent:var(--brand-400);--color-accent-hover:var(--brand-300);--color-accent-soft:#fb923c1a;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 12px 32px #00000080;--shadow-xl:0 24px 56px #0009}*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:var(--fs-base);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background var(--dur-base) var(--ease), color var(--dur-base) var(--ease);line-height:1.6}body{flex-direction:column;min-height:100vh;display:flex}#app{flex-direction:column;flex:1;min-height:100vh;display:flex}a{color:inherit;transition:color var(--dur-fast) var(--ease);text-decoration:none}a:hover{color:var(--color-accent)}button{font-family:inherit;font-size:inherit;cursor:pointer;color:inherit;background:0 0;border:none}h1,h2,h3,h4,h5,h6{font-weight:var(--fw-bold);letter-spacing:-.02em;color:var(--color-text);margin:0}p{margin:0}img,svg{max-width:100%;display:block}code,pre{font-family:JetBrains Mono,Fira Code,Cascadia Mono,ui-monospace,SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace;font-size:.92em}::selection{background:var(--brand-200);color:var(--brand-900)}.container{width:100%;max-width:var(--container);padding:0 var(--space-6);margin:0 auto}.section{padding:var(--space-24) 0}.section--compact{padding:var(--space-16) 0}.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-md);font-size:var(--fs-md);font-weight:var(--fw-semibold);transition:all var(--dur-base) var(--ease);white-space:nowrap;padding:12px 24px;display:inline-flex}.btn--primary{background:var(--color-accent);color:#fff;box-shadow:var(--shadow-md)}.btn--primary:hover{background:var(--color-accent-hover);color:#fff;box-shadow:var(--shadow-lg);transform:translateY(-1px)}.btn--ghost{background:var(--color-bg-card);color:var(--color-text);border:1px solid var(--color-border-strong)}.btn--ghost:hover{border-color:var(--color-accent);color:var(--color-accent);transform:translateY(-1px)}.card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);transition:all var(--dur-base) var(--ease)}.card--interactive:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-md);transform:translateY(-2px)}.chip{align-items:center;gap:var(--space-1);border-radius:var(--radius-pill);background:var(--color-accent-soft);color:var(--color-accent);font-size:var(--fs-xs);font-weight:var(--fw-semibold);letter-spacing:.02em;padding:4px 10px;display:inline-flex}.icon-16{width:16px;height:16px}.icon-20{width:20px;height:20px}.icon-24{width:24px;height:24px}.icon-32{width:32px;height:32px}.icon-48{width:48px;height:48px}@media (max-width:768px){.section{padding:var(--space-16) 0}.container{padding:0 var(--space-4)}}