*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-base: #06050b;--bg-mesh-1: hsl(258, 75%, 22%);--bg-mesh-2: hsl(330, 75%, 20%);--bg-mesh-3: hsl(195, 65%, 18%);--bg-mesh-4: hsl(48, 70%, 18%);--glass-1: rgba(255, 255, 255, .03);--glass-2: rgba(255, 255, 255, .05);--glass-3: rgba(255, 255, 255, .08);--glass-border: rgba(255, 255, 255, .08);--glass-border-strong: rgba(255, 255, 255, .14);--glass-highlight: rgba(255, 255, 255, .12);--glass-inner-shadow: rgba(0, 0, 0, .5);--text-primary: rgba(255, 255, 255, .98);--text-secondary: rgba(255, 255, 255, .66);--text-muted: rgba(255, 255, 255, .42);--text-disabled: rgba(255, 255, 255, .24);--accent: #a78bfa;--accent-hover: #c4b5fd;--accent-glow: rgba(167, 139, 250, .5);--m-fantasy: #fb923c;--m-romance: #f472b6;--m-suspense: #34d399;--m-urban: #facc15;--m-scifi: #c084fc;--m-history: #fda4af;--m-martial: #5eead4;--m-game: #93c5fd;--r-sm: 8px;--r-md: 14px;--r-lg: 22px;--r-xl: 32px;--r-full: 999px;--shadow-glass: inset 0 1px 0 rgba(255, 255, 255, .14), inset 0 0 0 1px rgba(255, 255, 255, .04), 0 1px 2px rgba(0, 0, 0, .2), 0 8px 24px rgba(0, 0, 0, .3), 0 24px 64px -8px rgba(0, 0, 0, .4);--shadow-glass-hover: inset 0 1px 0 rgba(255, 255, 255, .22), inset 0 0 0 1px rgba(255, 255, 255, .08), 0 2px 4px rgba(0, 0, 0, .2), 0 16px 40px rgba(0, 0, 0, .4), 0 40px 100px -16px rgba(0, 0, 0, .5)}[data-theme=light]{--bg-base: #f5f3ff;--bg-mesh-1: hsl(258, 90%, 88%);--bg-mesh-2: hsl(330, 85%, 92%);--bg-mesh-3: hsl(195, 75%, 90%);--bg-mesh-4: hsl(48, 90%, 92%);--glass-1: rgba(255, 255, 255, .45);--glass-2: rgba(255, 255, 255, .65);--glass-3: rgba(255, 255, 255, .8);--glass-border: rgba(0, 0, 0, .06);--glass-border-strong: rgba(0, 0, 0, .12);--glass-highlight: rgba(255, 255, 255, .9);--text-primary: rgba(15, 12, 25, .92);--text-secondary: rgba(15, 12, 25, .6);--text-muted: rgba(15, 12, 25, .4);--text-disabled: rgba(15, 12, 25, .25);--accent: #7c3aed;--accent-hover: #6d28d9;--accent-glow: rgba(124, 58, 237, .35);--shadow-glass: inset 0 1px 0 rgba(255, 255, 255, .95), inset 0 0 0 1px rgba(255, 255, 255, .4), 0 1px 2px rgba(0, 0, 0, .04), 0 8px 24px rgba(0, 0, 0, .08), 0 24px 64px -8px rgba(0, 0, 0, .12);--shadow-glass-hover: inset 0 1px 0 rgba(255, 255, 255, 1), inset 0 0 0 1px rgba(255, 255, 255, .6), 0 16px 40px rgba(0, 0, 0, .15), 0 40px 100px -16px rgba(0, 0, 0, .2)}html,body{font-family:Inter,system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;font-size:15px;line-height:1.6;color:var(--text-primary);background:var(--bg-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv11","ss01";overflow-x:hidden}body{min-height:100vh;position:relative}body:before{content:"";position:fixed;top:-10vh;right:-10vw;bottom:-10vh;left:-10vw;background:radial-gradient(45% 55% at 12% 8%,var(--bg-mesh-1) 0%,transparent 60%),radial-gradient(40% 50% at 88% 4%,var(--bg-mesh-2) 0%,transparent 55%),radial-gradient(55% 45% at 50% 100%,var(--bg-mesh-3) 0%,transparent 60%),radial-gradient(40% 40% at 80% 70%,var(--bg-mesh-4) 0%,transparent 50%);pointer-events:none;z-index:0;animation:meshDrift 30s ease-in-out infinite alternate}@keyframes meshDrift{0%{transform:translate(0) scale(1)}50%{transform:translate(-2%,-1%) scale(1.05)}to{transform:translate(2%,1%) scale(1)}}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='0.9'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.06 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");pointer-events:none;z-index:0;opacity:.35;mix-blend-mode:overlay}#app{position:relative;z-index:1;min-height:100vh}.glass-card{background:var(--glass-1);backdrop-filter:saturate(180%) blur(28px);-webkit-backdrop-filter:saturate(180%) blur(28px);border:1px solid var(--glass-border);border-radius:var(--r-lg);box-shadow:var(--shadow-glass);transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.glass-card:hover{border-color:var(--glass-border-strong);background:var(--glass-2);box-shadow:var(--shadow-glass-hover)}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:14px 26px;border-radius:var(--r-full);font-size:14px;font-weight:600;background:linear-gradient(135deg,#a78bfa,#8b5cf6);color:#fff;border:1px solid transparent;box-shadow:inset 0 1px #ffffff4d,0 0 0 1px #a78bfa66,0 8px 24px var(--accent-glow);transition:all .22s cubic-bezier(.4,0,.2,1);cursor:pointer}.btn-primary:hover{transform:translateY(-2px) scale(1.02);box-shadow:inset 0 1px #fff6,0 0 0 1px #a78bfa99,0 16px 40px var(--accent-glow)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{display:inline-flex;align-items:center;gap:8px;padding:14px 26px;border-radius:var(--r-full);font-size:14px;font-weight:600;background:var(--glass-2);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-color:var(--glass-border);color:var(--text-primary);box-shadow:var(--shadow-glass);transition:all .22s cubic-bezier(.4,0,.2,1);cursor:pointer}.btn-secondary:hover{background:var(--glass-3);transform:translateY(-2px);box-shadow:var(--shadow-glass-hover)}.input-field{width:100%;padding:14px 18px;background:var(--glass-1);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border:1px solid var(--glass-border);border-radius:var(--r-md);font-size:15px;color:var(--text-primary);outline:none;transition:all .2s}.input-field::placeholder{color:var(--text-muted)}.input-field:focus{border-color:var(--accent);box-shadow:0 0 0 3px #a78bfa26}.input-field:disabled{opacity:.5}select.input-field{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.66)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 18px center;padding-right:48px}[data-theme=light] select.input-field{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='rgba(15,12,25,0.6)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}select.input-field option{background-color:#1a1a2e;color:#fffffffa;padding:12px 16px}[data-theme=light] select.input-field option{background-color:#fff;color:#0f0c19eb}.step-indicator{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--r-full);font-weight:700;font-size:14px;flex-shrink:0}.step-active{background:linear-gradient(135deg,#a78bfa,#f472b6);color:#fff;box-shadow:0 0 16px var(--accent-glow)}.step-completed{background:linear-gradient(135deg,#34d399,#06b6d4);color:#fff;box-shadow:0 0 12px #34d39966}.step-pending{background:var(--glass-2);color:var(--text-muted);border:1px solid var(--glass-border)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--glass-border-strong);border-radius:var(--r-full);border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background-color:var(--text-muted);background-clip:padding-box}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmerText{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-slide-up{animation:slideUp .6s cubic-bezier(.4,0,.2,1) both}.animate-pulse{animation:pulse 2s ease-in-out infinite}.text-gradient{background:linear-gradient(135deg,#a78bfa,#f472b6 40%,#fb923c,#facc15);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% 200%;animation:shimmerText 6s ease-in-out infinite}.text-accent{color:var(--accent)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.nav-container{position:fixed;top:14px;left:50%;transform:translate(-50%);z-index:100;display:flex;align-items:center;gap:4px;padding:6px 8px 6px 16px;background:var(--glass-2);backdrop-filter:saturate(180%) blur(28px);-webkit-backdrop-filter:saturate(180%) blur(28px);border:1px solid var(--glass-border);border-radius:var(--r-full);box-shadow:var(--shadow-glass)}.nav-brand{display:flex;align-items:center;gap:8px;font-weight:700;font-size:13px;color:var(--text-primary);letter-spacing:-.01em;padding-right:12px;border-right:1px solid var(--glass-border);margin-right:4px}.nav-brand-dot{width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,#a78bfa,#f472b6);box-shadow:0 0 12px var(--accent-glow);animation:pulse 2.4s ease-in-out infinite}.nav-link{padding:7px 13px;border-radius:var(--r-full);color:var(--text-secondary);text-decoration:none;font-size:12.5px;font-weight:500;transition:all .18s cubic-bezier(.4,0,.2,1);white-space:nowrap}.nav-link:hover{color:var(--text-primary);background:var(--glass-3)}@media (max-width: 720px){.nav-container{padding:4px 6px 4px 12px;flex-wrap:wrap;max-width:95vw}.nav-link{padding:5px 10px;font-size:12px}}