:root{--color-brand-50: #EFF6FF;--color-brand-100: #DBEAFE;--color-brand-200: #BFDBFE;--color-brand-300: #93C5FD;--color-brand-400: #60A5FA;--color-brand-500: #3B82F6;--color-brand-600: #2563EB;--color-brand-700: #1D4ED8;--color-brand-800: #1E40AF;--color-brand-900: #1E3A8A;--color-neutral-0: #FFFFFF;--color-neutral-50: #F8F8F8;--color-neutral-100: #F1F1F1;--color-neutral-200: #E5E5E5;--color-neutral-300: #D4D4D4;--color-neutral-400: #A3A3A3;--color-neutral-500: #737373;--color-neutral-600: #525252;--color-neutral-700: #404040;--color-neutral-800: #262626;--color-neutral-900: #111827;--color-success: #16A34A;--color-warning: #D97706;--color-danger: #DC2626;--color-info: #2563EB;--color-success-soft: rgba(22, 163, 74, .1);--color-warning-soft: rgba(217, 119, 6, .1);--color-danger-soft: rgba(220, 38, 38, .1);--color-info-soft: rgba(37, 99, 235, .1);--font-sans: "Noto Sans TC", "Noto Sans", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--fs-xs: 12px;--fs-sm: 14px;--fs-base: 16px;--fs-lg: 18px;--fs-xl: 20px;--fs-2xl: 24px;--fs-3xl: 32px;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--lh-tight: 1.3;--lh-normal: 1.55;--lh-relaxed: 1.75;--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;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-pill: 9999px;--shadow-sm: 0 1px 2px rgba(0,0,0,.05);--shadow-md: 0 4px 12px rgba(0,0,0,.08);--shadow-lg: 0 12px 32px rgba(0,0,0,.12);--shadow-modal: 0 24px 64px rgba(0,0,0,.16);--dur-instant: 80ms;--dur-fast: .12s;--dur-normal: .2s;--dur-slow: .32s;--ease-default: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--z-dropdown: 100;--z-sticky: 200;--z-overlay: 300;--z-modal: 400;--z-toast: 500;--bg-app: var(--color-neutral-50);--bg-surface: var(--color-neutral-0);--text-default: var(--color-neutral-900);--text-muted: var(--color-neutral-500);--border-default: var(--color-neutral-200)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-sans);font-size:var(--fs-base);line-height:var(--lh-normal);color:var(--text-default);background:var(--bg-app);-webkit-font-smoothing:antialiased}a{color:var(--color-brand-600)}a:hover{color:var(--color-brand-700)}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--color-brand-500);outline-offset:2px}@keyframes tap-spin{to{transform:rotate(360deg)}}