.particle-bg[data-v-66b88d08]{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.header[data-v-66b88d08]{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:16px 32px;border-bottom:1px solid rgba(0,180,255,.15)}.header-bg[data-v-66b88d08]{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(0,180,255,.06),transparent);pointer-events:none}.header-content[data-v-66b88d08]{display:flex;align-items:center;gap:14px;position:relative}.header-icon[data-v-66b88d08]{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:linear-gradient(135deg,#00b4ff33,#7c3aed33);border:1px solid rgba(0,180,255,.3);color:var(--neon-cyan)}.header-title[data-v-66b88d08]{font-size:22px;font-weight:700;background:linear-gradient(135deg,#00f0ff,#00b4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:2px}.header-subtitle[data-v-66b88d08]{font-size:11px;color:var(--text-dim);letter-spacing:4px;margin-top:2px}.header-right[data-v-66b88d08]{display:flex;align-items:center;gap:12px;position:relative}.user-chip[data-v-66b88d08]{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border-radius:8px;background:#00b4ff14;border:1px solid rgba(0,180,255,.18);color:var(--text-secondary);font-size:12px;letter-spacing:1px}.user-chip svg[data-v-66b88d08]{color:var(--neon-cyan)}.logout-btn[data-v-66b88d08]{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border-radius:8px;background:#ec489914;border:1px solid rgba(236,72,153,.25);color:#f9a8d4;font-size:12px;letter-spacing:1px;cursor:pointer;font-family:inherit;transition:all .2s}.logout-btn[data-v-66b88d08]:hover{background:#ec489926;border-color:#ec489966;color:#fbcfe8;box-shadow:0 0 12px #ec489933}.logout-btn[data-v-66b88d08]:active{transform:scale(.97)}.header-time[data-v-66b88d08]{font-size:14px;color:var(--text-secondary);font-family:Courier New,monospace;letter-spacing:1px;position:relative;padding:6px 16px;border-radius:8px;background:#00b4ff0f;border:1px solid rgba(0,180,255,.1)}.main-content[data-v-66b88d08]{position:relative;z-index:5;height:calc(100vh - 77px);overflow-y:auto;overflow-x:hidden;padding:20px 32px 32px}.main-content--bare[data-v-66b88d08]{height:100vh;padding:0;overflow:hidden}:root{--bg-primary: #0a0e27;--bg-secondary: #10143a;--bg-card: rgba(16, 24, 80, .6);--border-glow: rgba(0, 180, 255, .25);--neon-blue: #00b4ff;--neon-cyan: #00f0ff;--neon-purple: #7c3aed;--neon-pink: #ec4899;--neon-green: #10b981;--neon-orange: #f59e0b;--text-primary: #e2e8f0;--text-secondary: #94a3b8;--text-dim: #64748b;--gradient-blue: linear-gradient(135deg, #00b4ff, #0066ff);--gradient-purple: linear-gradient(135deg, #7c3aed, #ec4899);--gradient-cyan: linear-gradient(135deg, #00f0ff, #00b4ff);--shadow-card: 0 8px 32px rgba(0, 0, 0, .4), 0 0 20px rgba(0, 180, 255, .08);--shadow-glow: 0 0 30px rgba(0, 180, 255, .15)}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;font-family:Microsoft YaHei,PingFang SC,-apple-system,sans-serif;background:var(--bg-primary);color:var(--text-primary);overflow:hidden}#app{width:100%;height:100vh;position:relative}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--neon-blue);border-radius:2px;opacity:.5}.glass-card{background:var(--bg-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-glow);border-radius:16px;box-shadow:var(--shadow-card);transition:all .3s ease}.glass-card:hover{border-color:#00b4ff80;box-shadow:var(--shadow-glow)}.number-glow{background:linear-gradient(135deg,#00f0ff,#00b4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.gradient-text{background:var(--gradient-cyan);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-purple{background:var(--gradient-purple);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glow-border{position:relative}.glow-border:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;border-radius:inherit;background:linear-gradient(135deg,var(--neon-blue),var(--neon-purple),var(--neon-cyan));z-index:-1;opacity:.3;transition:opacity .3s}.glow-border:hover:before{opacity:.6}@keyframes pulse-glow{0%,to{opacity:.4}50%{opacity:.8}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes rotate-glow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.fade-up-enter-active{animation:fadeInUp .5s ease-out}.fade-up-leave-active{animation:fadeInUp .3s ease-in reverse}.page-enter-active{animation:fadeInUp .4s ease-out}.page-leave-active{animation:fadeInUp .3s ease-in reverse}.tag-up{color:var(--neon-green);background:#10b98126;border:1px solid rgba(16,185,129,.3);padding:2px 8px;border-radius:4px;font-size:12px}.tag-stable{color:var(--neon-orange);background:#f59e0b26;border:1px solid rgba(245,158,11,.3);padding:2px 8px;border-radius:4px;font-size:12px}.tag-down{color:var(--neon-pink);background:#ec489926;border:1px solid rgba(236,72,153,.3);padding:2px 8px;border-radius:4px;font-size:12px}.title-line{height:2px;flex:1;background:linear-gradient(90deg,var(--neon-blue),transparent);margin-left:12px}.divider-gradient{height:1px;background:linear-gradient(90deg,transparent,var(--neon-blue),var(--neon-purple),transparent)}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}