:root{--paper-50: #FFFCF4;--paper-100: #FAF5EB;--paper-200: #F3EDDE;--paper-300: #E8DFCC;--paper-400: #D8CCB4;--paper-500: #C9BCA4;--ink-900: #2B2117;--ink-700: #4A3C2E;--ink-500: #6B5D4C;--ink-400: #8A7F70;--ink-300: #B5A99A;--terracotta-600: #B04F2F;--terracotta-500: #D4633F;--terracotta-400: #E8743B;--terracotta-100: #FBE7DE;--terracotta-50: #FDF3ED;--sage-600: #2D5E44;--sage-500: #3E7D5C;--sage-100: #E0EDDF;--sage-50: #F2F8F1;--amber-600: #B07A12;--amber-500: #E8A33B;--amber-100: #FAEBC8;--amber-50: #FCF5E1;--rouge-600: #B23A30;--rouge-500: #C8332A;--rouge-100: #FCE5E1;--bg: var(--paper-100);--bg-elev: var(--paper-50);--bg-sunk: var(--paper-200);--fg: var(--ink-900);--fg-2: var(--ink-700);--fg-3: var(--ink-500);--fg-muted: var(--ink-400);--fg-faint: var(--ink-300);--border: var(--paper-300);--border-strong: var(--paper-500);--rule: var(--paper-400);--primary: var(--terracotta-500);--primary-ink: var(--terracotta-600);--primary-soft: var(--terracotta-100);--primary-faint: var(--terracotta-50);--accent: var(--sage-500);--accent-ink: var(--sage-600);--accent-soft: var(--sage-100);--accent-faint: var(--sage-50);--success: var(--sage-500);--success-soft: var(--sage-100);--warning: var(--amber-600);--warning-soft: var(--amber-100);--danger: var(--rouge-500);--danger-soft: var(--rouge-100);--font-sans: "Noto Sans TC", -apple-system, BlinkMacSystemFont, "PingFang TC", system-ui, sans-serif;--font-serif: "Noto Serif TC", "Songti TC", Georgia, serif;--font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--fs-2xs: 11px;--fs-xs: 12px;--fs-sm: 14px;--fs-md: 16px;--fs-lg: 18px;--fs-xl: 22px;--fs-2xl: 28px;--fs-3xl: 36px;--fs-4xl: 48px;--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;--r-xs: 6px;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 22px;--r-2xl: 28px;--r-pill: 999px;--shadow-xs: 0 1px 0 rgba(70, 50, 30, .04);--shadow-sm: 0 1px 0 rgba(70, 50, 30, .04), 0 1px 2px rgba(70, 50, 30, .05);--shadow-md: 0 2px 0 rgba(70, 50, 30, .04), 0 6px 16px -6px rgba(70, 50, 30, .18);--shadow-lg: 0 6px 18px -6px rgba(70, 50, 30, .18), 0 1px 2px rgba(70, 50, 30, .05);--shadow-xl: 0 12px 32px -10px rgba(70, 50, 30, .22), 0 2px 4px rgba(70, 50, 30, .06);--glow-primary: 0 8px 24px -10px rgba(180, 79, 47, .55);--ease-ios: cubic-bezier(.32, .72, 0, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-out: cubic-bezier(.2, .7, .2, 1);--dur-fast: .12s;--dur-base: .22s;--dur-slow: .38s}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:var(--font-sans);font-size:var(--fs-md);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}button{cursor:pointer}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}.mono{font-family:var(--font-mono)}.container{max-width:960px;margin:0 auto;padding:0 var(--space-6)}.card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--space-6);box-shadow:var(--shadow-sm)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--r-pill);font-size:var(--fs-xs);font-weight:600;font-family:var(--font-sans)}.badge-success{background:var(--success-soft);color:var(--accent-ink)}.badge-danger{background:var(--danger-soft);color:var(--rouge-600)}.badge-warning{background:var(--warning-soft);color:var(--amber-600)}.badge-neutral{background:var(--bg-sunk);color:var(--fg-muted)}.badge-primary{background:var(--primary-soft);color:var(--primary-ink)}.eyebrow{font-size:var(--fs-2xs);font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-muted)}.section{padding:var(--space-12) 0;border-top:1px solid var(--rule)}.section:first-child{border-top:none;padding-top:var(--space-10)}