*{box-sizing:border-box}body{margin:0;font-family:Inter,Microsoft YaHei,sans-serif;color:#262626;background:#f2f3f5}main{min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr) 544px}.brand{position:relative;overflow:hidden;background:#101b38}.brand>img{width:100%;height:100%;object-fit:cover}.brand-mark{position:absolute;left:7%;top:20%;color:#fff}.brand-mark svg{display:block;max-width:min(420px,80vw);height:auto}.login{position:relative;display:grid;place-items:center;background:#f7f8fa}.panel{width:464px;min-height:430px;padding:32px;background:#fff;border-radius:4px;text-align:center;box-shadow:0 12px 32px #14244614}h1{margin:0 0 26px;text-align:left;font-size:24px}.qr,.placeholder{width:300px;height:300px;margin:0 auto}.placeholder{display:grid;place-items:center;background:#f7f8fa}.hidden{display:none}.spinner{width:32px;height:32px;border:3px solid #dce5f2;border-top-color:#1677ff;border-radius:50%;animation:spin .8s linear infinite}.mock-mark{display:flex;flex-direction:column;gap:10px;align-items:center;color:#595959}.mock-mark strong{display:grid;place-items:center;width:88px;height:88px;border-radius:8px;background:#1677ff;color:#fff;font-size:22px;letter-spacing:0}.mock-mark span{font-size:14px}p{font-size:14px;color:#595959}.error{color:#d93026}.done{color:#18864b}.mock{display:none;gap:8px;flex-wrap:wrap;justify-content:center}.mock button{border:1px solid #d9d9d9;background:#fff;border-radius:4px;padding:7px 10px;cursor:pointer}body[data-mock=true] .mock{display:flex}footer{position:absolute;bottom:48px;width:100%;text-align:center;color:#595959;font-size:14px}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 800px){main{grid-template-columns:1fr}.brand{display:none}.login{min-height:100vh}.panel{width:min(92vw,464px)}footer{bottom:20px}}