:root{font-family:"Microsoft YaHei",system-ui,sans-serif;color:#183449;background:#f0f4f7}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at top left,#d6eee7,transparent 65%),#f0f4f7}main{width:100%;max-width:430px;background:#fff;border:1px solid #dde5ea;border-radius:24px;padding:40px;box-shadow:0 20px 60px #16334912}.mark{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#173f46;color:white;font-size:30px}.eyebrow{font-size:13px;color:#557b7a;margin-top:24px}h1{font-size:26px;line-height:1.5;margin:8px 0}.intro,.footnote{font-size:13px;line-height:1.8;color:#6a7d89}.intro{margin-bottom:28px}label{display:block;font-size:14px;margin-top:18px}input{width:100%;display:block;padding:12px 14px;border:1px solid #cbd8df;border-radius:9px;font:inherit;margin-top:8px}input:focus{outline:2px solid #3c8076;outline-offset:2px}button{width:100%;padding:13px;border:0;border-radius:9px;background:#194e49;color:white;font:inherit;cursor:pointer}button:disabled{opacity:.6}#login-error{color:#ad342c;min-height:20px;font-size:13px;line-height:1.6}.footnote{text-align:center;margin:24px 0 0}@media(max-width:480px){main{padding:28px 24px}}