:root{--brand-primary: #6C63FF;--brand-primary-hover:#7C73FF;--brand-red: #E63946;--brand-green: #2A9D8F;--brand-pink: #F4A261;--brand-orange: #FF6B6B;--bg-dark: #0F0F0F;--bg-dark-grey: #1A1A2E;--bg-deep: #2B2D42;--bg-card: #1A1D2E;--bg-hover: #2a2a3a;--text-primary: #FFFFFF;--text-secondary: #8D99AE;--text-muted: #5A6378;--glass-bg: rgba(255, 255, 255, .05);--glass-bg-strong: rgba(255, 255, 255, .08);--glass-bg-heavy: rgba(255, 255, 255, .12);--glass-border: rgba(255, 255, 255, .1);--glass-border-strong: rgba(255, 255, 255, .18);--radius-sm: 8px;--radius-base: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-circle: 50%;--shadow-sm: 0 4px 12px rgba(0, 0, 0, .3);--shadow-base: 0 8px 24px rgba(0, 0, 0, .4);--shadow-lg: 0 20px 60px rgba(0, 0, 0, .6)}@font-face{font-family:Alimama ShuHeiTi;src:url(/assets/%E9%98%BF%E9%87%8C%E5%A6%88%E5%A6%88%E6%95%B0%E9%BB%91%E4%BD%93-IgCLZLJT.ttf) format("truetype");font-weight:900;font-display:swap}@font-face{font-family:DIN Alternate;src:url(/assets/DIN-RegularAlternate-2-Cye1qnQc.otf) format("opentype");font-weight:400;font-display:swap}#app{width:100vw;height:100vh;overflow:hidden;font-family:Microsoft YaHei,sans-serif;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased}*{box-sizing:border-box;margin:0;padding:0}@media (max-width: 768px){#app{overflow:visible}body{background:var(--bg-dark);color:var(--text-primary);overscroll-behavior:none}.pc-only{display:none!important}}@media (min-width: 769px){.wap-only{display:none!important}}html,body{width:100%;min-height:100vh}:root{--bg-primary: var(--bg-dark);--bg-secondary: var(--bg-dark-grey);--bg-card: #1A1D2E;--bg-hover: #2a2a3a;--text-primary: #FFFFFF;--text-secondary: #8D99AE;--accent: var(--brand-primary);--accent-hover: var(--brand-primary-hover);--accent-secondary: var(--brand-orange);--border: var(--glass-border);--radius: var(--radius-lg);--shadow: var(--shadow-lg)}body{background:var(--bg-primary);color:var(--text-primary)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}.btn{border:none;outline:none;cursor:pointer;border-radius:24px;padding:12px 28px;font-size:15px;font-weight:600;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn-primary{background:linear-gradient(135deg,var(--accent),#8b5cf6);color:#fff;box-shadow:0 4px 20px #6c63ff4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 24px #6c63ff66}.btn-secondary{background:var(--glass-bg-strong);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--glass-bg-heavy)}.glass-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.input-field{width:100%;height:48px;background:var(--glass-bg);border:1px solid var(--border);border-radius:12px;padding:0 16px;color:var(--text-primary);font-size:14px;outline:none;transition:all .2s}.input-field:focus{border-color:var(--accent);background:var(--glass-bg-strong)}.input-field::placeholder{color:var(--text-secondary)}.avatar{border-radius:50%;object-fit:cover}.tag{display:inline-flex;align-items:center;padding:4px 10px;border-radius:12px;font-size:12px;background:var(--glass-bg-strong);color:var(--text-secondary)}.gradient-text{background:linear-gradient(90deg,var(--accent),var(--brand-pink));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}