:root{--paper: #0a0c12;--surface: rgba(255, 255, 255, .055);--surface-2: rgba(255, 255, 255, .09);--surface-3: rgba(255, 255, 255, .045);--ink: #f4f6fa;--ink-2: #a9b2c2;--ink-3: #6b7484;--line: rgba(255, 255, 255, .11);--line-strong: rgba(255, 255, 255, .2);--muted: #6b7484;--vermilion: #22d3ee;--vermilion-deep: #0ea5e9;--teal: #a78bfa;--teal-deep: #7c3aed;--gold: #fbbf24;--gold-soft: rgba(251, 191, 36, .12);--danger: #fb7185;--danger-soft: rgba(251, 113, 133, .12);--ok: #22d3ee;--glass-blur: blur(24px) saturate(160%);--glow-cyan: 0 0 22px rgba(34, 211, 238, .22);--glow-violet: 0 0 22px rgba(167, 139, 250, .2);--radius: 16px;--radius-sm: 11px;--shadow: 0 4px 20px rgba(0, 0, 0, .35);--shadow-lg: 0 12px 44px rgba(0, 0, 0, .55);--font-serif: "Noto Serif SC", "Songti SC", SimSun, serif;--font-sans: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", ui-monospace, Consolas, monospace;--topbar-h: 56px;--sidebar-w: 240px;--ease: cubic-bezier(.2, .7, .3, 1)}*{margin:0;padding:0;box-sizing:border-box}html,body,#app{height:100%}body{font-family:var(--font-sans);background:var(--paper);color:var(--ink);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(900px 600px at 12% -8%,rgba(34,211,238,.09),transparent 60%),radial-gradient(800px 600px at 92% 12%,rgba(167,139,250,.09),transparent 62%),radial-gradient(700px 500px at 55% 108%,rgba(251,191,36,.06),transparent 60%)}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:.3;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:56px 56px;mask-image:radial-gradient(ellipse 90% 70% at 50% 0%,black 30%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse 90% 70% at 50% 0%,black 30%,transparent 80%)}#app{position:relative;z-index:1}a{color:var(--vermilion);text-decoration:none;transition:color .15s var(--ease)}a:hover{color:#67e8f9}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit;font-size:14px;color:var(--ink)}::selection{background:#22d3ee4d}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#ffffff24;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#22d3ee59}::-webkit-scrollbar-track{background:transparent}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 18px;height:40px;border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--surface-2);color:var(--ink-2);font-size:14px;font-weight:600;letter-spacing:.01em;white-space:nowrap;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);transition:all .18s var(--ease);position:relative;overflow:hidden}.btn:hover{border-color:#22d3ee80;color:var(--vermilion);box-shadow:0 0 20px #22d3ee29}.btn:active{transform:translateY(1px) scale(.985)}.btn:disabled{opacity:.35;cursor:not-allowed;box-shadow:none;transform:none}.btn-primary{background:linear-gradient(135deg,#22d3ee,#0ea5e9);border-color:transparent;color:#04121a;font-weight:650}.btn-primary:hover{background:linear-gradient(135deg,#67e8f9,#22d3ee);border-color:transparent;color:#04121a;box-shadow:0 0 26px #22d3ee73,0 6px 22px #0ea5e94d}.btn-teal{background:linear-gradient(135deg,#a78bfa,#8b5cf6);border-color:transparent;color:#150c26;font-weight:650}.btn-teal:hover{background:linear-gradient(135deg,#c4b5fd,#a78bfa);border-color:transparent;color:#150c26;box-shadow:0 0 26px #a78bfa73}.btn-ghost{background:transparent;border-color:transparent;color:var(--muted);backdrop-filter:none;-webkit-backdrop-filter:none}.btn-ghost:hover{color:var(--ink);border-color:transparent;background:#ffffff0f;box-shadow:none}.btn-sm{padding:4px 13px;height:32px;font-size:13px;border-radius:9px}.btn-block{width:100%;justify-content:center}.btn.danger,.btn-danger{color:#fecdd3;background:var(--danger-soft);border-color:#fb71854d}.btn.danger:hover,.btn-danger:hover{border-color:#fb7185a6;color:#fecdd3;box-shadow:0 0 20px #fb718547}.card{background:var(--surface);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);position:relative}.card:before{content:"";position:absolute;inset:0 0 auto 0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);border-radius:var(--radius) var(--radius) 0 0;pointer-events:none}.field{margin-bottom:16px}.field-label{display:block;font-size:13px;font-weight:600;color:var(--ink-2);margin-bottom:6px}.field-input{width:100%;height:44px;padding:0 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface-3);color:var(--ink);outline:none;transition:all .18s var(--ease)}.field-input::placeholder{color:var(--ink-3)}.field-input:focus{border-color:#22d3ee99;background:#ffffff0f;box-shadow:0 0 0 3px #22d3ee1f,0 0 22px #22d3ee1a}textarea.field-input{height:auto;padding:10px 14px;resize:vertical;line-height:1.7}.select{height:40px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface-3);color:var(--ink);outline:none;transition:border-color .15s var(--ease)}.select:focus{border-color:#22d3ee99}select option{background:#161a24;color:#f4f6fa;font-family:inherit;font-size:14px}select option:disabled{color:#6b7484}.tag{display:inline-flex;align-items:center;gap:6px;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:600;background:#ffffff0f;color:var(--ink-2);border:1px solid var(--line)}.tag-vermilion{background:#22d3ee21;color:var(--vermilion);border-color:#22d3ee42}.tag-teal{background:#a78bfa21;color:var(--teal);border-color:#a78bfa42}.tag-gold{background:#fbbf241f;color:var(--gold);border-color:#fbbf2442}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#05070c99;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.modal{background:#131721d1;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--line-strong);border-radius:var(--radius);box-shadow:var(--shadow-lg);width:100%;max-width:460px;max-height:86vh;overflow-y:auto;padding:24px;position:relative}.modal:before{content:"";position:absolute;inset:0 0 auto 0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);border-radius:var(--radius) var(--radius) 0 0;pointer-events:none}.modal-title{font-family:var(--font-serif);font-size:18px;font-weight:700;letter-spacing:-.01em;margin-bottom:18px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.spinner{width:28px;height:28px;border:3px solid rgba(255,255,255,.12);border-top-color:var(--vermilion);border-radius:50%;animation:spin .8s linear infinite;box-shadow:0 0 18px #22d3ee33}@keyframes spin{to{transform:rotate(360deg)}}.empty{text-align:center;padding:60px 20px;color:var(--muted)}.empty-icon{font-size:40px;margin-bottom:12px;opacity:.5}.toast-wrap{position:fixed;top:70px;left:50%;transform:translate(-50%);z-index:200;display:flex;flex-direction:column;gap:8px;align-items:center}.toast{padding:10px 20px;border-radius:12px;background:#141822e6;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--line-strong);color:var(--ink);font-size:13px;box-shadow:var(--shadow-lg);animation:toast-in .2s var(--ease)}.toast-error{background:#fb718529;border-color:#fb718566;color:#fecdd3}.toast-ok{background:#22d3ee24;border-color:#22d3ee66;color:#a5f3fc}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1023px){:root{--sidebar-w: 220px}}