:root{--primary: #533afd;--primary-deep: #4434d4;--primary-press: #2e2b8c;--primary-soft: #665efd;--primary-subdued: #b9b9f9;--brand-dark-900: #1c1e54;--ruby: #ea2261;--canvas: #ffffff;--canvas-soft: #f6f9fc;--canvas-cream: #f5e9d4;--hairline: #e3e8ee;--hairline-input: #a8c3de;--ink: #0d253d;--ink-secondary: #273951;--ink-mute: #64748d;--ink-mute-2: #61718a;--on-primary: #ffffff;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-pill: 9999px;--space-xxs: 2px;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--space-xxl: 32px;--space-huge: 64px;--font-sans: "Inter", system-ui, -apple-system, "SF Pro Text", "SF Pro Display", "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", sans-serif;--fs-display-lg: 32px;--fs-display-md: 26px;--fs-heading-lg: 22px;--fs-heading-md: 20px;--fs-heading-sm: 18px;--fs-body-lg: 16px;--fs-body-md: 15px;--fs-body-tabular: 14px;--fs-button-md: 16px;--fs-button-sm: 14px;--fs-caption: 13px;--fs-micro: 11px;--fs-micro-cap: 10px;--shadow-1: rgba(0, 55, 112, .08) 0 1px 3px;--shadow-2: rgba(0, 55, 112, .08) 0 8px 24px, rgba(0, 55, 112, .04) 0 2px 6px;--danger: #ea2261;--danger-soft: #fde7ee;--bg: var(--canvas);--card: var(--canvas);--surface: var(--canvas-soft);--border: var(--hairline);--border-2: var(--hairline);--border-3: var(--hairline);--divider: var(--hairline);--text: var(--ink);--text-bright: var(--ink);--text-2: var(--ink-secondary);--muted: var(--ink-mute);--dim: var(--ink-mute-2);--accent: var(--primary);--accent-tint: var(--canvas-soft);--accent-tint-btn: var(--primary);--accent-border-tint: var(--primary);--neg: var(--danger);--neg-muted: var(--danger);--neg-tint: var(--danger-soft);--neg-border-tint: #f4b6c9}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh}body{background:var(--canvas-soft);color:var(--ink);font-family:var(--font-sans);font-size:var(--fs-body-md);font-weight:300;line-height:1.4;letter-spacing:0;font-feature-settings:"ss01";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4{font-weight:300;letter-spacing:-.02em;color:var(--ink)}a{color:var(--primary);text-decoration:none}a:hover{color:var(--primary-deep)}button{font-family:inherit;cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);min-height:40px;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-pill);border:1px solid transparent;font-size:var(--fs-button-sm);font-weight:400;line-height:1;letter-spacing:0;font-feature-settings:"ss01";transition:background-color .12s ease,border-color .12s ease,color .12s ease,transform .06s ease;white-space:nowrap}.btn:active:not(:disabled){transform:translateY(1px)}.btn-primary{background:var(--primary);color:var(--on-primary)}.btn-primary:hover:not(:disabled){background:var(--primary-deep)}.btn-primary:active:not(:disabled){background:var(--primary-press)}.btn-secondary{background:var(--canvas);color:var(--primary);border-color:var(--primary)}.btn-secondary:hover:not(:disabled){background:var(--canvas-soft)}.btn-ghost{background:transparent;color:var(--ink-mute);border-color:var(--hairline)}.btn-ghost:hover:not(:disabled){background:var(--canvas-soft);color:var(--ink)}.btn-danger{background:var(--canvas);color:var(--danger);border-color:var(--hairline)}.btn-danger:hover:not(:disabled){background:var(--danger-soft);border-color:#f4b6c9}.btn-block{width:100%}.input{display:block;width:100%;min-height:40px;padding:var(--space-sm) var(--space-md);background:var(--canvas);color:var(--ink);border:1px solid var(--hairline-input);border-radius:var(--radius-sm);font-family:inherit;font-size:var(--fs-body-md);font-weight:300;outline:none;transition:border-color .12s ease,box-shadow .12s ease}.input::placeholder{color:var(--ink-mute)}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #533afd24}input:not([type=checkbox]):not([type=radio]),select{font-family:inherit}select.input{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%2364748d' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px}.field-label{display:block;font-size:var(--fs-caption);font-weight:400;letter-spacing:-.39px;color:var(--ink-mute);margin-bottom:var(--space-xs)}.card{background:var(--canvas);border:1px solid var(--hairline);border-radius:var(--radius-lg);box-shadow:var(--shadow-1)}.tag{display:inline-flex;align-items:center;padding:var(--space-xs) var(--space-sm);background:var(--primary-subdued);color:var(--primary-deep);border-radius:var(--radius-pill);font-size:var(--fs-micro-cap);font-weight:400;letter-spacing:.1px}.tnum{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:-.42px}input[type=checkbox]{accent-color:var(--primary);width:15px;height:15px}.scroll-y{overflow-y:auto}.scroll-y::-webkit-scrollbar{width:8px}.scroll-y::-webkit-scrollbar-thumb{background:var(--hairline);border-radius:var(--radius-pill)}