*{box-sizing:border-box}body{margin:0;background:#f5f6f2;color:#233b3a;font-family:"Microsoft YaHei",sans-serif;display:grid;min-height:100dvh;place-items:center;padding:24px}main{width:min(100%,380px);background:#fff;padding:32px;border:1px solid #e3e8e3;border-radius:12px}h1{margin:0 0 28px;font-size:23px}label{display:block;margin:16px 0 7px;font-size:14px}input{width:100%;padding:11px;border:1px solid #ccd8cf;border-radius:6px;font:inherit;min-width:0}input:focus{outline:2px solid #8fb5a8;outline-offset:2px}button{margin-top:24px;width:100%;border:0;border-radius:6px;padding:12px;color:#fff;background:#2d6557;font:inherit;cursor:pointer}button:disabled{opacity:.6;cursor:wait}#login-error{color:#a55049;font-size:13px;line-height:1.6}