*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #0a0e1a;--bg-secondary: #131825;--bg-card: #1a2035;--bg-hover: #1e2640;--purple-primary: #7c3aed;--purple-light: #8b5cf6;--purple-dark: #6d28d9;--purple-glow: rgba(124, 58, 237, .3);--text-primary: #e2e8f0;--text-secondary: #94a3b8;--text-muted: #64748b;--border-color: #1e2640;--success: #10b981;--warning: #f59e0b;--danger: #ef4444}html,body,#app{height:100%;width:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;background:var(--bg-primary);color:var(--text-primary);overflow:hidden}body{background:linear-gradient(135deg,#0a0e1a,#131825,#0a0e1a);min-height:100vh}::selection{background:var(--purple-primary);color:#fff}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-hover);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--purple-dark)}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:24px;transition:all .3s ease}.card:hover{border-color:var(--purple-primary);box-shadow:0 0 20px var(--purple-glow)}.gradient-btn{background:linear-gradient(135deg,var(--purple-primary) 0%,var(--purple-light) 100%);color:#fff;border:none;border-radius:8px;padding:10px 24px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px}.gradient-btn:hover{transform:translateY(-1px);box-shadow:0 4px 20px var(--purple-glow)}.gradient-btn:active{transform:translateY(0)}.gradient-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.input-dark{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);padding:10px 14px;font-size:14px;outline:none;transition:border-color .3s ease}.input-dark:focus{border-color:var(--purple-primary);box-shadow:0 0 0 2px var(--purple-glow)}.input-dark::placeholder{color:var(--text-muted)}.glow-border{border:1px solid var(--purple-primary);box-shadow:0 0 15px var(--purple-glow)}.text-glow{color:var(--purple-light);text-shadow:0 0 10px var(--purple-glow)}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease,transform .3s ease}.fade-enter-from{opacity:0;transform:translateY(10px)}.fade-leave-to{opacity:0;transform:translateY(-10px)}.page-container{display:flex;flex-direction:column;height:100vh;padding:20px;gap:16px}.page-header{display:flex;align-items:center;justify-content:space-between;padding:0 4px}.page-title{font-size:20px;font-weight:600;color:var(--text-primary)}.tag-status{display:inline-block;padding:2px 10px;border-radius:10px;font-size:12px;font-weight:500}.tag-success{background:#10b98126;color:var(--success)}.tag-warning{background:#f59e0b26;color:var(--warning)}.tag-danger{background:#ef444426;color:var(--danger)}.tag-default{background:#7c3aed26;color:var(--purple-light)}@keyframes pulse-glow{0%,to{box-shadow:0 0 5px var(--purple-glow)}50%{box-shadow:0 0 20px var(--purple-glow),0 0 40px #7c3aed26}}.animate-glow{animation:pulse-glow 2s ease-in-out infinite}