:root{--bg: #0b1020;--bg-soft: #121a33;--card: #161f3d;--border: #243156;--text: #e7ecf7;--text-dim: #9aa7c7;--primary: #6d8bff;--primary-2: #8a6dff;--danger: #ff6b8a;--radius: 14px}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,PingFang SC,Microsoft YaHei,sans-serif;background:radial-gradient(1200px 800px at 80% -10%,#1b2550 0%,var(--bg) 55%);color:var(--text)}a{color:var(--primary);text-decoration:none}button{font:inherit;cursor:pointer}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border:1px solid var(--border);border-radius:10px;background:var(--bg-soft);color:var(--text);transition:.18s ease}.btn:hover{border-color:var(--primary)}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-2));border:none;color:#fff;font-weight:600}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-ghost{background:transparent}.btn-danger{background:transparent;border-color:var(--danger);color:var(--danger);font-weight:600}.btn-danger:hover{background:var(--danger);border-color:var(--danger);color:#fff}.input{width:100%;padding:11px 14px;border:1px solid var(--border);border-radius:10px;background:#0e1530;color:var(--text);outline:none;transition:border-color .18s ease}.input:focus{border-color:var(--primary)}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:24px}.label{display:block;margin-bottom:6px;font-size:13px;color:var(--text-dim)}.field{margin-bottom:16px}.muted{color:var(--text-dim)}.error{color:var(--danger);font-size:13px}