:root{color-scheme:light;--ink:#101828;--muted:#667085;--line:#e5e9f0;--paper:#f5f7fa;--blue:#2e5aac}
*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Microsoft YaHei',sans-serif}
.login{width:min(420px,100%);padding:30px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 18px 50px rgba(16,24,40,.09)}
.brand{display:flex;align-items:center;gap:12px;margin-bottom:24px}.mark{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:var(--ink);color:#d99a3a;font-weight:900}.brand strong{display:block;font-size:1.08rem}.brand span{color:var(--muted);font-size:.78rem}
h1{margin:0 0 6px;font-size:1.45rem}p{margin:0 0 22px;color:var(--muted);font-size:.88rem}.field{margin-top:14px}label{display:block;margin-bottom:6px;font-size:.8rem;font-weight:700}input{width:100%;padding:12px;border:1px solid #cfd6e0;border-radius:10px;font:inherit}input:focus{outline:3px solid #e5edff;border-color:var(--blue)}button{width:100%;margin-top:20px;padding:12px;border:0;border-radius:10px;background:var(--ink);color:#fff;font:inherit;font-weight:750}.error{margin:14px 0 0;padding:10px 12px;border-radius:9px;background:#fff0ee;color:#b42318;font-size:.8rem}.foot{margin:18px 0 0;text-align:center;font-size:.72rem}