:root{color-scheme:dark;font-family:"Segoe UI","Microsoft YaHei",sans-serif;color:#efdfb8;background:#071713}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at 50% 0,#17372b 0,transparent 65%)}
.login-card{width:min(100%,420px);padding:36px 30px;background:#0b211bee;border:1px solid #94794a;border-radius:12px;box-shadow:0 24px 70px #0005}
.eyebrow{margin:0;color:#bca876;font-size:11px;letter-spacing:2px}
h1{margin:18px 0 8px;font-family:"STSong","SimSun",serif;font-size:38px;font-weight:500;letter-spacing:7px;color:#f0ce8d}
.intro{margin:0 0 30px;color:#b9c7bb;font-size:14px}
.login-error{margin:0 0 20px;padding:12px;border:1px solid #db8d7a;border-radius:6px;background:#351e19;color:#ffd7c9;font-size:14px;line-height:1.7}
label{display:block;margin:18px 0 8px;font-size:14px}
input{display:block;width:100%;padding:13px 12px;background:#071712;border:1px solid #53644e;border-radius:6px;color:#f4eddb;font-size:16px}
input:focus-visible{outline:2px solid #d8b874;outline-offset:2px}
button{width:100%;margin-top:26px;padding:13px;border:1px solid #d0ac66;border-radius:6px;background:#d0ac66;color:#142319;font-size:16px;font-weight:600;cursor:pointer}
button:hover{background:#e0bd7a}
button:focus-visible{outline:2px solid #f5dcaa;outline-offset:3px}
.note{margin:22px 0 0;color:#9cac9f;font-size:12px;line-height:1.8}
@media(max-width:400px){body{padding:16px}.login-card{padding:28px 22px}}