:root{--token-brand-500:#003aaa;--token-brand-600:#002580;--token-brand-400:#0052d9;--token-brand-300:#3b82f6;--token-semantic-success:#16a34a;--token-semantic-warning:#d97706;--token-semantic-danger:#dc2626;--token-semantic-info:#0284c7;--token-neutral-50:#f8fafc;--token-neutral-100:#f1f5f9;--token-neutral-200:#e2e8f0;--token-neutral-300:#cbd5e1;--token-neutral-400:#94a3b8;--token-neutral-500:#64748b;--token-neutral-600:#475569;--token-neutral-700:#334155;--token-neutral-800:#1e293b;--token-neutral-900:#0f172a;--token-surface-bg:var(--token-neutral-50);--token-surface-base:#fff;--token-surface-muted:var(--token-neutral-100);--token-surface-strong:var(--token-neutral-200);--token-border-default:var(--token-neutral-200);--token-border-strong:var(--token-neutral-300);--token-text-primary:var(--token-neutral-900);--token-text-secondary:var(--token-neutral-500);--token-text-tertiary:var(--token-neutral-400);--token-accent-default:var(--token-brand-500);--token-accent-strong:var(--token-brand-400);--token-accent-soft:#003aaa1f;--token-space-0:0;--token-space-1:4px;--token-space-2:8px;--token-space-3:12px;--token-space-4:16px;--token-space-5:20px;--token-space-6:24px;--token-space-8:32px;--token-space-10:40px;--token-space-12:48px;--token-space-16:64px;--token-space-20:80px;--token-space-24:96px;--token-font-body:-apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang TC", "Microsoft JhengHei", "Noto Sans TC", sans-serif;--token-font-heading:var(--token-font-body);--token-font-display:"Georgia", "Times New Roman", serif;--token-text-xs:.75rem;--token-text-sm:.875rem;--token-text-base:1rem;--token-text-lg:1.125rem;--token-text-xl:1.25rem;--token-text-2xl:1.5rem;--token-text-3xl:1.875rem;--token-text-4xl:2.25rem;--token-font-normal:400;--token-font-medium:500;--token-font-semibold:600;--token-font-bold:700;--token-font-extrabold:800;--token-leading-tight:1.25;--token-leading-normal:1.5;--token-leading-relaxed:1.625;--token-radius-sm:6px;--token-radius-md:12px;--token-radius-lg:20px;--token-radius-xl:24px;--token-radius-full:9999px;--token-shadow-sm:0 1px 3px #0f172a14, 0 1px 2px #0f172a0f;--token-shadow-md:0 4px 6px #0f172a12, 0 2px 4px #0f172a0f;--token-shadow-lg:0 10px 25px #0f172a1a, 0 4px 10px #0f172a0d;--token-shadow-xl:0 20px 50px #0f172a1f;--token-shadow-panel:0 1px 3px #0f172a1f, 0 1px 2px #0f172a14;--token-shadow-card:0 1px 2px #0f172a14, 0 2px 6px #0f172a0f;--token-transition-fast:.15s ease;--token-transition-normal:.25s ease;--token-transition-slow:.4s ease;--token-z-dropdown:100;--token-z-sticky:200;--token-z-fixed:300;--token-z-modal-backdrop:400;--token-z-modal:500;--token-z-popover:600;--token-z-toast:700;--token-z-tooltip:800}