:root{--page-max-width:1200px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--shadow-sm:0 1px 2px #0f172a0f;--shadow-md:0 12px 28px #0f172a17;--transition-fast:.16s ease;--transition-base:.22s ease;--color-canvas:#f7f9fc;--color-surface:#fff;--color-surface-raised:#fff;--color-surface-subtle:#f0f4f9;--color-surface-sunken:#eef2f7;--color-text:#172033;--color-text-muted:#5b6880;--color-text-subtle:#7c89a0;--color-text-inverse:#fff;--color-on-primary:#fff;--color-border:#dde4ee;--color-border-strong:#c8d3e1;--color-primary:#2563eb;--color-primary-hover:#1d4ed8;--color-primary-pressed:#1e40af;--color-primary-soft:#e8f0ff;--color-info:#2563eb;--color-success:#16865b;--color-warning:#b96809;--color-error:#c83852;--color-info-soft:#e8f0ff;--color-success-soft:#e8f7f0;--color-warning-soft:#fff4dc;--color-error-soft:#feecef;--color-focus-ring:#2563eb73;--color-overlay:#0f172a73;--color-brand-hero-start:#0f172a;--color-brand-hero-end:#14532d;--color-brand-hero-text:#f8fafc;--color-brand-hero-muted:#f8fafcb8;--color-brand-hero-accent:#4ade80;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--color-canvas:#111827;--color-surface:#172033;--color-surface-raised:#1e293b;--color-surface-subtle:#223047;--color-surface-sunken:#0f1724;--color-text:#f1f5f9;--color-text-muted:#b8c2d2;--color-text-subtle:#8f9db1;--color-text-inverse:#fff;--color-on-primary:#172033;--color-border:#2d3b50;--color-border-strong:#40516a;--color-primary:#60a5fa;--color-primary-hover:#93c5fd;--color-primary-pressed:#3b82f6;--color-primary-soft:#1d3559;--color-info:#60a5fa;--color-success:#4ade80;--color-warning:#fbbf24;--color-error:#fb7185;--color-info-soft:#1d3559;--color-success-soft:#163a2a;--color-warning-soft:#4a3510;--color-error-soft:#4c1d2a;--color-focus-ring:#60a5fa85;--color-overlay:#020617ad;--color-brand-hero-start:#0b1220;--color-brand-hero-end:#173b35;--color-brand-hero-text:#f8fafc;--color-brand-hero-muted:#e2e8f0c2;--color-brand-hero-accent:#86efac;--shadow-sm:0 1px 2px #02061747;--shadow-md:0 12px 28px #0206175c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{background:var(--color-canvas);color:var(--color-text);transition:background-color var(--transition-base), color var(--transition-base);font-family:Inter,Noto Sans SC,Microsoft YaHei,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea,select{font:inherit}:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:3px}@media (width>=1600px){:root{--page-max-width:1440px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}.page-container{max-width:var(--page-max-width);padding:var(--space-5);margin:0 auto}@media (width<=640px){.page-container{padding:var(--space-4)}}