:root{color-scheme:light;--paper:#f6f0e6;--ink:#392e25;--muted:#776957;--gold:#b49766;--red:#8b302b;--line:#d7c7b1}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{min-height:100%;background:var(--paper);color:var(--ink)}
body{margin:0;min-height:100vh;min-height:100svh;display:grid;place-items:center;background:radial-gradient(ellipse at top,#fffcf5 0%,var(--paper) 75%);padding:32px 20px;padding-top:max(32px,env(safe-area-inset-top));padding-bottom:max(32px,env(safe-area-inset-bottom));font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;line-height:1.6}
.login-card{width:100%;max-width:440px;padding:36px 34px 24px;background:#fffdf8;border:1px solid var(--line);border-top:3px solid var(--gold);border-radius:7px;box-shadow:0 14px 46px #634c2410}
header{text-align:center;margin-bottom:27px}
.crest{display:block;width:76px;height:76px;margin:0 auto 15px;object-fit:contain;border-radius:16px}
.temple{margin:0 0 8px;letter-spacing:.2em;font-family:"Songti SC","Noto Serif CJK SC",serif;font-size:17px;color:#886b3e}
h1{margin:0;font-family:"Songti SC","Noto Serif CJK SC",serif;font-weight:600;font-size:27px;line-height:1.4;letter-spacing:.07em}
.subtitle{margin:16px 0 0;color:var(--muted);font-size:15px}
label{display:block;font-size:15px;margin-bottom:7px}
input{width:100%;min-width:0;min-height:49px;padding:11px 13px;border:1px solid #c7b69c;border-radius:4px;background:#fffefa;color:var(--ink);font:inherit;font-size:17px;line-height:1.5;-webkit-appearance:none}
input:focus-visible,button:focus-visible{outline:3px solid #b99a6070;outline-offset:3px}
#username{margin-bottom:19px}
.password-field{display:flex;align-items:center;border:1px solid #c7b69c;border-radius:4px;background:#fffefa}
.password-field input{border:0;background:transparent;flex:1}
.text-button{align-self:stretch;flex:0 0 58px;border:0;background:none;color:#785424;font-size:14px;padding:8px;cursor:pointer}
.primary{display:block;width:100%;min-height:50px;margin-top:27px;border:1px solid #792a25;border-radius:4px;background:linear-gradient(#a34138,#812b25);color:white;font:inherit;font-weight:600;font-size:17px;letter-spacing:.12em;cursor:pointer;touch-action:manipulation}
.primary:disabled{opacity:.68;cursor:wait}
.status{min-height:24px;margin:17px 0 0;color:var(--red);font-size:14px;overflow-wrap:anywhere}
.retry{min-height:44px;padding:8px 15px;border:1px solid var(--line);background:transparent;border-radius:4px;color:var(--ink);font:inherit;cursor:pointer}
.continue{text-align:center;text-decoration:none;padding:10px 15px;margin:18px 0 14px}
footer{margin-top:22px;padding-top:18px;border-top:1px solid #e9dfcf;color:var(--muted);font-family:"Songti SC",serif;font-size:12px;text-align:center}
@media(max-width:420px){body{padding-left:16px;padding-right:16px}.login-card{padding:28px 23px 22px}h1{font-size:25px}}
@media(max-height:650px){body{place-items:start center}.login-card{padding-top:24px}.crest{width:58px;height:58px}header{margin-bottom:20px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}