*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:grid;place-items:center;background:#f2f3ed;color:#253c32;font:16px/1.8 system-ui,"Microsoft YaHei",sans-serif;padding:24px}.login-card{width:100%;max-width:480px;background:#fffdf8;border:1px solid #dce4d7;border-radius:28px;padding:38px;box-shadow:0 20px 80px #284e4010}.mark{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;color:#fff;background:#294e40;font-size:28px}.eyebrow{font-size:12px;letter-spacing:2px;margin-top:24px;color:#738174}h1{font-size:29px;letter-spacing:-1px;line-height:1.4}p{color:#657267}label{display:block;font-size:13px;margin:28px 0 7px}input{width:100%;border:1px solid #b9c8b9;background:#fff;border-radius:12px;padding:14px;font:inherit;color:#253c32}button{width:100%;border:0;background:#294e40;color:#fff;border-radius:12px;padding:14px;font:600 16px system-ui;cursor:pointer;margin-top:16px}button:disabled{opacity:.6}#message{font-size:14px;color:#a04738}.hint{font-size:12px;line-height:1.9;border-top:1px solid #e0e7dc;padding-top:20px;margin-top:24px}@media(max-width:480px){.login-card{padding:26px}h1{font-size:26px}}