:root { --bg:#090b0d; --surface:#111519; --surface2:#171c21; --border:#30373e; --text:#f2f4f5; --muted:#8e98a2; --red:#d92331; --focus:0 0 0 3px rgba(98,168,255,.28); --font-ui:"Microsoft YaHei UI","Microsoft YaHei","Yu Gothic UI",Meiryo,"Noto Sans CJK SC","Noto Sans CJK JP",system-ui,sans-serif; }
* { box-sizing:border-box; }
body { margin:0; min-height:100vh; min-height:100dvh; background:var(--bg); color:var(--text); font-family:var(--font-ui); letter-spacing:0; }
.login-shell { min-height:100vh; min-height:100dvh; display:grid; place-items:center; padding:24px; }
.login-panel { width:min(390px,100%); display:grid; gap:14px; padding:26px; border:1px solid var(--border); border-radius:7px; background:var(--surface); box-shadow:0 18px 60px rgba(0,0,0,.34); }
.login-brand { display:flex; align-items:center; gap:12px; margin-bottom:4px; }
.login-mark { width:38px; height:38px; display:grid; place-items:center; border:1px solid #5a2328; border-radius:6px; background:#261014; color:#ff6670; font-size:12px; font-weight:700; }
h1 { margin:0; font-size:20px; line-height:1.2; }
p { margin:0; color:var(--muted); }
.login-brand p { margin-top:2px; font-size:11px; }
.login-intro { margin:4px 0 6px; line-height:1.6; }
label { color:#c9ced3; font-size:12px; font-weight:600; }
.login-secret { position:relative; }
input { width:100%; height:44px; padding:0 68px 0 12px; border:1px solid var(--border); border-radius:5px; outline:0; background:#0c0f12; color:#fff; font-size:16px; }
input:focus, button:focus-visible { outline:0; box-shadow:var(--focus); }
.secret-toggle { position:absolute; top:5px; right:5px; width:56px; height:34px; border:0; border-radius:4px; background:var(--surface2); color:#b8c0c7; cursor:pointer; }
button[type="submit"] { height:42px; margin-top:4px; border:1px solid #ee3441; border-radius:5px; background:var(--red); color:#fff; font-weight:700; cursor:pointer; }
button[type="submit"]:hover { background:#ef3340; }
.login-error { padding:10px 11px; border:1px solid #653039; border-radius:5px; background:#281317; color:#ff9299; font-size:12px; }
@media (max-width:480px) { .login-shell{padding:16px}.login-panel{padding:22px 18px} }