*{box-sizing:border-box}body{margin:0;background:#edf2f7;color:#344961;font:14px/1.6 "Microsoft YaHei",sans-serif;min-height:100vh;display:grid;place-items:center}main{width:min(420px,calc(100vw - 40px));padding:36px;background:#fff;border:1px solid #e0e7f1;border-radius:8px;box-shadow:0 10px 40px #20354d0c}.login-brand{color:#526dff;font-size:20px;font-weight:bold}h1{font-size:23px;margin:22px 0 6px}p,small{color:#8593a5}label{display:block;margin:20px 0}input{display:block;width:100%;padding:12px;border:1px solid #dce3ef;border-radius:4px;margin-top:8px;font:inherit}input:focus{outline:2px solid #d6dcff;border-color:#526dff}button{width:100%;padding:12px;border:0;border-radius:4px;background:#526dff;color:white;font:inherit;cursor:pointer}button:disabled{opacity:.6;cursor:wait}small{display:block;margin-top:24px;font-size:12px}#loginError{color:#b53b3b;background:#fff1ed;padding:10px}[hidden]{display:none!important}