:root{color-scheme:dark;--bg:#0b1020;--panel:#121a2b;--line:#2b3a58;--text:#eef4ff;--muted:#94a3bd;--accent:#765cff;--danger:#ff8ca0}*{box-sizing:border-box}body{min-height:100vh;margin:0;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 65% -20%,#20305e 0,transparent 44%),var(--bg);color:var(--text);font:15px/1.5 "Microsoft YaHei UI",system-ui,sans-serif}.login-card{width:min(420px,100%);padding:34px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(155deg,rgba(25,35,58,.98),rgba(16,24,42,.98));box-shadow:0 24px 80px rgba(0,0,0,.35)}.brand-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:linear-gradient(145deg,var(--accent),#3aa5ff);font-size:25px;font-weight:800}h1{margin:18px 0 4px;font-size:26px}.login-card>p,.login-card>small{color:var(--muted)}.error{padding:10px 12px;border:1px solid #71384a;border-radius:10px;background:#4a1e2a;color:var(--danger)!important}form{display:grid;gap:16px;margin:24px 0}label{display:grid;gap:7px;color:#c8d4e7}input{width:100%;padding:12px;border:1px solid #344665;border-radius:10px;background:#0e1628;color:var(--text);font:inherit;outline:none}input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #7564ff25}button{padding:13px;border:0;border-radius:11px;background:linear-gradient(100deg,var(--accent),#3e9dff);color:white;font:700 15px inherit;cursor:pointer}