/* login.css — loaded only by: login (登录，无侧栏) (see pageCSS in console.go). Page-specific rules only; shared components live in style.css. */
main.bare{max-width:none;min-height:100vh;min-height:100dvh;padding:24px 16px;display:flex;flex-direction:column;align-items:center;justify-content:center}
main.bare>.flash{width:100%;max-width:400px}
.login{width:100%;max-width:400px;background:var(--surface);border-radius:12px;box-shadow:var(--sh2);padding:28px}
.login-hd{display:flex;align-items:center;gap:12px;margin-bottom:24px}
.login-hd .mark{width:40px;height:40px;border-radius:10px;font-size:20px}
.login-hd h1{font-size:20px;line-height:28px}

.login .form{max-width:none;gap:16px}
.login .form>.btn{align-self:stretch;--ctl-h:40px;font-size:14px;margin-top:4px}

@media (prefers-color-scheme:dark){.login{box-shadow:0 0 0 1px var(--line-strong),0 16px 48px #000000b3}}
@media (max-width:480px){.login{padding:22px 20px 16px}}