:root{color-scheme:dark;--bg:#07111f;--panel:#0e2035;--line:#27415f;--text:#eff6ff;--muted:#8196af;--blue:#66b1ff}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;background:var(--bg);color:var(--text)}main{min-height:100dvh;display:grid;place-items:center;padding:24px}.login-panel{width:min(100%,390px);border:1px solid var(--line);background:#0a1b2e;padding:30px;border-radius:8px;box-shadow:0 24px 80px #0007}.identity{display:flex;align-items:center;gap:14px;margin-bottom:30px}.identity>span{display:grid;place-items:center;width:48px;height:48px;border-radius:8px;background:var(--blue);color:#071321;font-size:24px;font-weight:900}.identity h1{font-size:20px;margin:0 0 3px}.identity p,footer{margin:0;color:var(--muted);font-size:12px}label{display:block;color:#a9bdd4;font-size:13px;margin:0 0 17px}input{display:block;width:100%;height:46px;margin-top:7px;padding:0 13px;border:1px solid var(--line);border-radius:6px;outline:0;background:#081725;color:#fff;font-size:15px}input:focus{border-color:var(--blue)}button{width:100%;height:46px;border:0;border-radius:6px;background:var(--blue);color:#061321;font-size:15px;font-weight:800;cursor:pointer}button:disabled{opacity:.55}#error{min-height:21px;margin:-5px 0 10px;color:#ff8080;font-size:12px}footer{text-align:center;margin-top:23px}