*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;color:#172033}body{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 0,#e8f0ff 0,transparent 38%),linear-gradient(145deg,#f7f9fd,#eef3fb)}.card{width:min(520px,100%);background:#fff;border:1px solid #e1e8f3;border-radius:24px;padding:34px;box-shadow:0 24px 70px rgba(42,65,105,.13)}.brand{display:flex;align-items:center;gap:9px;color:#3e73ee;font-size:12px;font-weight:800;letter-spacing:.16em}.brand i{width:12px;height:12px;border-radius:4px;background:#3e73ee;box-shadow:8px 0 0 #70a0ff}h1{font-size:30px;margin:22px 0 10px}.intro{font-size:16px;line-height:1.75;color:#617089;margin:0 0 24px}.stage{display:flex;flex-direction:column;align-items:center;text-align:center;padding:24px;border-radius:18px;background:#f6f8fc;border:1px solid #e7edf7}.stage[hidden]{display:none}.spinner{width:38px;height:38px;border:4px solid #dce6fb;border-top-color:#3e73ee;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:14px}@keyframes spin{to{transform:rotate(360deg)}}.scan-title{margin:0 0 18px;font-size:24px}#loginQr{display:block;width:min(320px,100%);height:auto;aspect-ratio:1;object-fit:contain;background:#fff;border-radius:14px;padding:0;image-rendering:pixelated;-webkit-touch-callout:default;touch-action:manipulation;-webkit-user-select:auto;user-select:auto;pointer-events:auto}#loginQr.is-large{position:fixed;z-index:30;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:min(92vw,620px);max-height:92vh;border:14px solid #fff;border-radius:18px;box-shadow:0 0 0 100vmax rgba(9,18,32,.76),0 22px 70px rgba(0,0,0,.28)}.qr-large{margin-top:10px;padding:5px 12px;border:0;background:transparent;color:#3972ef;font:inherit;font-weight:600;cursor:pointer}.stage p{color:#66758e;line-height:1.6}.stage p strong{color:#172033}.primary,.secondary,.error button{display:block;width:100%;border-radius:12px;text-align:center;text-decoration:none;font-size:17px;font-weight:700;padding:15px 18px;cursor:pointer}.primary,.error button{border:0;background:#3972ef;color:#fff}.secondary{margin-top:10px;border:1px solid #d8e1ee;background:#fff;color:#51617a}.stage button.secondary{font-family:inherit}.stage small{display:block;margin-top:4px;color:#8a97aa;line-height:1.55}.success span{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:#20b779;color:#fff;font-size:36px}.success h2,.error h2{margin-bottom:0}.error button{background:#172033}footer{text-align:center;margin-top:20px;color:#8a97aa;font-size:13px}@media(max-width:560px){body{padding:0;display:block;background:#fff}.card{width:100%;min-height:100vh;padding:22px 16px;border:0;border-radius:0;box-shadow:none}h1{font-size:26px}.intro{font-size:16px}.stage{padding:20px 14px;background:#fff}.scan-title{font-size:23px}}