:root{--primary-50: #f0edff;--primary-100: #ddd6fe;--primary-200: #c4b5fd;--primary-300: #a78bfa;--primary-400: #8b5cf6;--primary-500: #7c3aed;--primary-600: #6d28d9;--primary-700: #5b21b6;--primary-800: #4c1d95;--primary-900: #3b0764;--gold-50: #fdf8ef;--gold-100: #f5e6c8;--gold-200: #e8cfa0;--gold-300: #d4b07a;--gold-400: #c4a77d;--gold-500: #b8976a;--gold-600: #a07d4e;--accent-400: #c4a77d;--accent-500: #b8976a;--accent-600: #a07d4e;--neutral-50: #f8fafc;--neutral-100: #f1f5f9;--neutral-200: #e2e8f0;--neutral-300: #cbd5e1;--neutral-400: #94a3b8;--neutral-500: #64748b;--neutral-600: #475569;--neutral-700: #334155;--neutral-800: #1e293b;--neutral-900: #0f172a;--primary-color: var(--primary-500);--primary-hover: var(--primary-600);--primary-content: #ffffff;--bg-app: #f4f2ee;--bg-surface: rgba(255, 255, 255, .75);--bg-surface-solid: #ffffff;--bg-surface-hover: rgba(255, 255, 255, .92);--bg-surface-active: rgba(255, 255, 255, .96);--bg-panel: rgba(255, 255, 255, .68);--glass-bg: rgba(255, 255, 255, .6);--glass-bg-strong: rgba(255, 255, 255, .82);--glass-border: rgba(255, 255, 255, .65);--glass-shadow: 0 8px 32px rgba(12, 21, 40, .05);--glass-blur: 24px;--border-color: rgba(12, 21, 40, .06);--border-light: rgba(12, 21, 40, .03);--text-primary: #1a1625;--text-secondary: #5c566b;--text-tertiary: #8e899e;--text-on-primary: #ffffff;--success-bg: rgba(34, 197, 94, .08);--success-text: #16a34a;--warning-bg: rgba(245, 158, 11, .08);--warning-text: #d97706;--error-bg: rgba(239, 68, 68, .08);--error-text: #dc2626;--info-bg: rgba(124, 58, 237, .07);--info-text: #7c3aed;--font-sans: "Inter", "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--font-heading: "Inter", "Noto Sans SC", sans-serif;--font-body: "Inter", "Noto Sans SC", sans-serif;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(12, 21, 40, .04);--shadow-md: 0 4px 16px rgba(12, 21, 40, .06);--shadow-lg: 0 12px 48px rgba(12, 21, 40, .08);--shadow-glow: 0 0 32px rgba(139, 92, 246, .12);--transition: all .3s cubic-bezier(.4, 0, .2, 1);--transition-fast: all .18s cubic-bezier(.4, 0, .2, 1);--transition-spring: all .5s cubic-bezier(.34, 1.56, .64, 1);--focus-ring: 0 0 0 2.5px rgba(139, 92, 246, .35)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;height:100%}:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-sm)}body{font-family:var(--font-sans);background:var(--bg-app);background-image:radial-gradient(ellipse at 0% 0%,rgba(139,92,246,.05) 0%,transparent 50%),radial-gradient(ellipse at 100% 100%,rgba(196,167,125,.04) 0%,transparent 50%);background-attachment:fixed;color:var(--text-primary);line-height:1.6;height:100%;overflow:hidden;-webkit-font-smoothing:antialiased}#app{height:100%;display:flex;flex-direction:column}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0c15281a;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#0c15282e}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;max-height:0}to{opacity:1;max-height:600px}}@media (max-width: 960px){html{font-size:15px}}@media (max-width: 640px){html{font-size:14px}}.page-transition{animation:pageFadeIn .5s cubic-bezier(.16,1,.3,1) forwards}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes springScale{0%{transform:scale(1)}50%{transform:scale(.96)}to{transform:scale(1)}}.hover-spring{transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s ease}.hover-spring:hover{transform:translateY(-3px) scale(1.015)}.hover-spring:active{transform:translateY(0) scale(.98)}.text-h1{font-size:2rem;font-weight:800;line-height:1.2;letter-spacing:-.03em}.text-h2{font-size:1.5rem;font-weight:700;line-height:1.3;letter-spacing:-.02em}.text-h3{font-size:1.25rem;font-weight:600;line-height:1.4;letter-spacing:-.01em}.text-body{font-size:1rem;line-height:1.65;color:var(--text-primary)}.text-sm{font-size:.875rem;line-height:1.55;color:var(--text-secondary)}.text-xs{font-size:.75rem;line-height:1.5;color:var(--text-tertiary)}.glass-panel{background:var(--glass-bg-strong);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:#fff;padding:9px 20px;border-radius:var(--radius-md);border:none;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #8b5cf640}.btn-primary:hover{background:linear-gradient(135deg,var(--primary-600),var(--primary-700));box-shadow:0 6px 24px #8b5cf659;transform:translateY(-1px)}.btn-primary:active{transform:translateY(1px);box-shadow:0 2px 8px #8b5cf640}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--bg-surface);color:var(--text-primary);padding:9px 20px;border-radius:var(--radius-md);border:1px solid var(--border-color);font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-secondary:hover{background:var(--bg-surface-hover);border-color:var(--primary-300);color:var(--primary-600);box-shadow:0 2px 12px #8b5cf614}.btn-secondary:active{transform:translateY(1px)}