*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:24px;background:#f3f6f8;color:#1b2939;font-family:"Microsoft YaHei",system-ui,sans-serif}.card{width:min(100%,440px);background:white;padding:40px;border:1px solid #e2e8ee;border-radius:18px;box-shadow:0 16px 50px #1734540d}.mark{width:46px;height:46px;display:grid;place-items:center;background:#225b46;color:#fff;border-radius:12px;font-size:25px;font-weight:700}.eyebrow{font-size:12px;color:#617166;margin:25px 0 8px;letter-spacing:.1em}h1{font-size:27px;margin:0 0 12px}.intro,.hint{font-size:14px;line-height:1.7;color:#687582}.intro{margin-bottom:30px}label{display:block;font-size:14px;margin:18px 0 8px}input{width:100%;padding:12px;font:inherit;border:1px solid #cbd5dd;border-radius:7px}input:focus{outline:2px solid #619e82;outline-offset:2px}button{margin-top:25px;width:100%;border:0;border-radius:7px;padding:13px;font:inherit;background:#225b46;color:#fff;cursor:pointer}button:disabled{opacity:.6;cursor:wait}#message{color:#a52c33;font-size:14px;min-height:20px}.hint{border-top:1px solid #edf0f3;padding-top:20px;margin:0}@media(max-width:500px){.card{padding:28px}}