:root{color-scheme:light;--ink:#252724;--muted:#6f716d;--paper:#f5f2ec;--surface:#fffdfa;--line:#d9d5cd;--accent:#ae4b31;--accent-deep:#8f3924;--shadow:0 28px 70px rgba(43,36,29,.14)}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;background:radial-gradient(circle at 15% 15%,#fff 0,transparent 35%),linear-gradient(135deg,#f7f4ef,#ece9e1);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}
button,input{font:inherit}
.login-layout{min-height:100vh;display:grid;grid-template-columns:minmax(300px,1fr) minmax(360px,520px);gap:8vw;align-items:center;max-width:1320px;margin:auto;padding:7vw}
.login-intro{display:flex;align-items:center;gap:24px}
.brand-mark{display:grid;place-items:center;width:88px;height:88px;border-radius:28px;background:var(--accent);color:#fff;font:700 42px/1 Georgia,serif;box-shadow:0 18px 35px rgba(174,75,49,.25)}
.login-intro span,.login-card header span{font-weight:700;letter-spacing:.13em;color:var(--accent)}
.login-intro h1{margin:10px 0 8px;font:700 clamp(38px,5vw,68px)/1.05 Georgia,"Songti SC",serif}
.login-intro p{margin:0;color:var(--muted);font-size:20px}
.login-card{background:rgba(255,253,250,.94);border:1px solid rgba(217,213,205,.9);border-radius:28px;padding:44px;box-shadow:var(--shadow);backdrop-filter:blur(18px)}
.login-card form{display:grid;gap:22px}
.login-card form[hidden]{display:none}
.login-card header h2{margin:8px 0 0;font:700 34px/1.2 Georgia,"Songti SC",serif}
.login-card form>p{margin:0;color:var(--muted);line-height:1.65}
.login-card label{display:grid;gap:9px;font-weight:650}
.login-card input{width:100%;height:52px;border:1px solid var(--line);border-radius:14px;background:#fff;padding:0 16px;outline:none;transition:border-color .2s,box-shadow .2s}
.login-card input:focus{border-color:var(--accent);box-shadow:0 0 0 4px rgba(174,75,49,.12)}
.login-card button{height:54px;border:0;border-radius:14px;background:var(--accent);color:#fff;font-weight:800;cursor:pointer;transition:background .2s,transform .2s}
.login-card button:hover{background:var(--accent-deep)}
.login-card button:active{transform:translateY(1px)}
.login-card button:disabled{opacity:.55;cursor:wait}
.form-error{min-height:22px!important;color:#a22f21!important;font-weight:650}
.login-card footer{margin-top:26px;padding-top:22px;border-top:1px solid var(--line);color:var(--muted);font-size:14px}
@media(max-width:800px){.login-layout{grid-template-columns:1fr;gap:34px;padding:30px 20px}.login-intro{gap:16px}.brand-mark{width:60px;height:60px;border-radius:20px;font-size:30px}.login-intro h1{font-size:32px}.login-intro p{font-size:16px}.login-card{padding:28px;border-radius:22px}}