:root{font-family:"Microsoft YaHei UI","Microsoft YaHei",Arial,sans-serif;color:#20385e;background:#f3f6fa}*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at 20% 0,#e7eef9,transparent 60%),#f3f6fa}.login-card{width:min(100%,460px);padding:40px 36px 24px;background:white;border:1px solid #e0e7f0;border-radius:16px;box-shadow:0 14px 48px #20385e0c}.logo{width:220px;max-width:80%;height:auto;display:block;margin:0 0 28px}.eyebrow{font-size:9px;letter-spacing:1.4px;color:#9c8757}h1{font-size:21px;line-height:1.5;margin:12px 0}.intro{color:#7f8b9c;font-size:12px;line-height:1.8;margin-bottom:28px}label{display:block;font-size:12px;font-weight:600;margin-bottom:10px}input{display:block;width:100%;border:1px solid #d8e1ed;border-radius:7px;background:#fafbfe;padding:13px 12px;font:14px inherit;color:#20385e}input:focus{outline:2px solid #78a5ed;outline-offset:2px}button{width:100%;margin-top:18px;border:0;border-radius:7px;background:#2563d7;padding:13px;color:#fff;font:600 13px "Microsoft YaHei",sans-serif;cursor:pointer}button:disabled{opacity:.55;cursor:wait}#login-error{min-height:24px;margin:12px 0 0;font-size:12px;line-height:1.8;color:#bb593b}.foot{border-top:1px solid #edf0f5;margin-top:16px;padding-top:18px;font-size:10px;color:#98a3b1}@media(max-width:480px){.login-card{padding:28px 22px 20px}h1{font-size:18px}}