*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at 20% 10%,#d9eaff,transparent 60%),#f3f7fc;font:14px/1.6 "Microsoft YaHei",system-ui,sans-serif;color:#405775}.login-card{background:#fff;border:1px solid #e4edf7;border-radius:18px;padding:40px;width:420px;max-width:100%;box-shadow:0 15px 70px #4e86ca15}h1{font-size:26px;color:#233d60;margin:15px 0 5px}.login-brand{background:#409eff;color:white;border-radius:12px;font-size:30px;width:58px;height:58px;display:grid;place-items:center}.login-card>p{margin:0 0 30px;color:#94a2b6}label{display:block;margin:18px 0 8px;font-size:12px}input{width:100%;height:44px;border:1px solid #dce5f0;border-radius:7px;padding:0 12px;font:inherit;color:#354b68;outline:none}input:focus{border-color:#409eff;box-shadow:0 0 0 3px #409eff15}button{width:100%;height:44px;border:0;border-radius:7px;background:#409eff;color:white;font:inherit;cursor:pointer}button:disabled{opacity:.6;cursor:wait}#login-error{color:#dc626a;min-height:23px;font-size:12px;margin:14px 0}small{display:block;text-align:center;color:#a5b1c1;font-size:10px;margin-top:28px}