:root{font-family:Arial,"Microsoft YaHei",sans-serif;color:#25282d;background:#f6f7f9;font-size:14px}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center}main{width:min(360px,calc(100vw - 40px));padding:28px;background:#fff;border:1px solid #e0e3e8;border-radius:8px}h1{font-size:20px;margin:0 0 10px}.hint{color:#737984;font-size:12px;margin:0 0 24px}label{display:block;margin:16px 0}input{display:block;width:100%;margin-top:8px;padding:10px;border:1px solid #d4d8df;border-radius:4px;font:inherit}input:focus{outline:2px solid #9da5b2;outline-offset:1px}button{width:100%;padding:10px;font:inherit;color:#fff;background:#30343b;border:0;border-radius:4px;cursor:pointer}button:disabled{opacity:.5;cursor:wait}#login-status{color:#9e302b;min-height:20px;font-size:13px}