:root{--bg-base: #070a14;--bg-deep: #0a0e1a;--bg-elev: #0e1424;--neon-cyan: #22d3ee;--neon-purple: #7c3aed;--text: #e8edf7;--text-sub: #98a3b8;--text-mute: #5a647a;--glass-bg: rgba(255, 255, 255, .04);--glass-border: rgba(255, 255, 255, .08);--success: #22c55e;--danger: #ef4444;--speaking: #22d3ee;--radius: 16px}*{margin:0;padding:0;box-sizing:border-box}html,body,#app{height:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:var(--text);background:var(--bg-base);-webkit-font-smoothing:antialiased;overflow-x:hidden}#app{position:relative;isolation:isolate}.bg-ambient{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(60vw 60vw at 12% -10%,rgba(34,211,238,.14),transparent 60%),radial-gradient(50vw 50vw at 100% 0%,rgba(124,58,237,.16),transparent 55%),radial-gradient(60vw 60vw at 50% 120%,rgba(59,130,246,.1),transparent 60%),var(--bg-base)}.bg-ambient:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(circle at 50% 30%,black,transparent 80%);mask-image:radial-gradient(circle at 50% 30%,black,transparent 80%)}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input{font-family:inherit}.glass{background:var(--glass-bg);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);border:1px solid var(--glass-border);border-radius:var(--radius);box-shadow:0 12px 40px #00000073}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 20px;border-radius:12px;font-weight:600;font-size:14px;letter-spacing:.2px;transition:transform .15s ease,box-shadow .2s ease,background .2s ease;white-space:nowrap}.btn:active{transform:translateY(1px) scale(.99)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,#22d3ee,#7c3aed);color:#fff;box-shadow:0 6px 22px #7c3aed66}.btn-primary:hover:not(:disabled){box-shadow:0 8px 30px #22d3ee80}.btn-ghost{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text)}.btn-ghost:hover:not(:disabled){border-color:#ffffff38}.btn-danger{background:#ef444424;border:1px solid rgba(239,68,68,.4);color:#fda4a4}.btn-danger:hover:not(:disabled){background:#ef444438}.field{width:100%;padding:12px 14px;border-radius:12px;background:#00000040;border:1px solid var(--glass-border);color:var(--text);font-size:14px;transition:border-color .2s ease,box-shadow .2s ease}.field::placeholder{color:var(--text-mute)}.field:focus{outline:none;border-color:#22d3ee99;box-shadow:0 0 0 3px #22d3ee1f}.text-gradient{background:linear-gradient(135deg,#22d3ee,#a78bfa 60%,#ec4899);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:#ffffff2e;background-clip:padding-box}.fade-enter-active,.fade-leave-active{transition:opacity .25s ease}.fade-enter-from,.fade-leave-to{opacity:0}