:root{color-scheme:dark;--bg:#02070c;--panel:#07131d;--line:#21313e;--text:#d7dce1;--muted:#7e8d99;--green:#38c964;--amber:#f0b400;--red:#ff4048}
*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;background:#010407;color:var(--text);font-family:"Microsoft YaHei UI","Segoe UI",sans-serif}
body{background:radial-gradient(circle at 50% 38%,#0b1d29 0,#030a10 38%,#010407 74%)}
.login-shell{height:100%;display:grid;place-items:center;padding:24px}.login-card{width:min(430px,94vw);padding:42px 42px 30px;border:1px solid #28404f;background:linear-gradient(160deg,rgba(9,25,36,.98),rgba(3,11,17,.99));box-shadow:0 28px 90px #000,inset 0 1px rgba(255,255,255,.025)}
.brand-mark{height:34px;display:flex;align-items:end;justify-content:center;gap:5px;margin-bottom:16px}.brand-mark span{width:7px;background:var(--green)}.brand-mark span:nth-child(1){height:10px}.brand-mark span:nth-child(2){height:17px}.brand-mark span:nth-child(3){height:25px}.brand-mark span:nth-child(4){height:34px}
.eyebrow{text-align:center;color:var(--green);font:11px Consolas,monospace;letter-spacing:2.4px}h1{text-align:center;margin:8px 0 9px;font-size:25px;font-weight:550}.description{text-align:center;color:var(--muted);font-size:13px;margin:0 0 32px}
form{display:grid;gap:18px}label{display:grid;gap:7px;color:#9cabb6;font-size:13px}input{width:100%;padding:12px 13px;border:1px solid #2b414f;outline:0;background:#02080d;color:#e6eaed;font:14px Consolas,"Microsoft YaHei UI"}input:focus{border-color:#3c8e65;box-shadow:0 0 0 2px rgba(56,201,100,.08)}button{margin-top:4px;padding:12px;border:1px solid #2e9a5b;background:#0d4025;color:#d9ffe5;font-weight:600;cursor:pointer}button:hover{background:#12542f}button:disabled{opacity:.55;cursor:wait}output{min-height:18px;color:var(--red);font-size:12px}
footer{margin-top:32px;display:flex;align-items:center;gap:12px;color:#50606c;font-size:11px;white-space:nowrap}footer i{height:1px;flex:1;background:#1d303c}