:root{font-family:"Microsoft YaHei",system-ui,sans-serif;color:#e2e8f0;background:#0b1221;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at top,#172d4d,#0b1221 65%)}main{max-width:940px;margin:auto;padding:28px 36px;text-align:center}header{display:flex;align-items:center;justify-content:space-between;color:#94a3b8;font-size:13px}.brand{letter-spacing:2px}.badge{border:1px solid #334155;border-radius:30px;padding:6px 14px;background:#142135}h1{font-size:34px;margin:26px 0 8px;letter-spacing:1px}.intro{color:#94a3b8;margin:0 0 24px}.setup{max-width:520px;margin:28px auto;padding:28px;text-align:left;background:#142135;border:1px solid #2a3c56;border-radius:18px}.setup h2{font-size:21px;margin-top:0}.setup p{color:#a6b6ca;line-height:1.7;font-size:14px}label{display:block;font-size:14px;color:#cbd5e1}input,select{width:100%;border:1px solid #3a506d;background:#0c1729;color:#f8fafc;border-radius:8px;padding:12px;font:inherit;margin:8px 0 20px}input:focus,select:focus{outline:2px solid #60a5fa;outline-offset:2px}button{cursor:pointer;border:0;border-radius:8px;padding:12px 18px;font:inherit;font-size:14px;white-space:nowrap}button:disabled{opacity:.5;cursor:wait}.primary{width:100%;background:#3b82f6;color:white;font-weight:600}.primary:hover{background:#2563eb}.secondary{background:#233550;color:#dbeafe;border:1px solid #3b516e}.notice{font-size:12px!important}.toolbar{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:18px}.toolbar label{display:flex;align-items:center;gap:12px;white-space:nowrap}.toolbar select{width:230px;margin:0;font-size:18px}.qr-surface{width:min(100%,540px);height:min(56vw,540px);min-height:260px;max-height:55vh;margin:auto;background:white;border-radius:18px;padding:20px;display:flex;justify-content:center;align-items:center;box-shadow:0 12px 60px #0004}#qr{display:block;width:100%;height:100%;object-fit:contain;image-rendering:pixelated}#qr[hidden]{display:none}#placeholder{font-size:19px;color:#64748b;line-height:1.7;padding:20px}.countdown{font-size:26px;font-weight:700;margin-top:20px;color:#f8fafc}.device-label{font-size:13px;color:#94a3b8;margin:12px 0 4px}.text-button{color:#93c5fd;background:none;padding:7px}.status{min-height:24px;color:#93c5fd;line-height:1.6;margin:16px 0}footer{color:#71839b;font-size:12px;line-height:1.8;margin-top:16px}[hidden]{display:none!important}@media(max-width:650px){main{padding:20px 16px}h1{font-size:27px}.toolbar{flex-wrap:wrap}.toolbar label{width:100%;justify-content:center}.qr-surface{height:80vw;max-height:55vh;padding:12px}.setup{padding:20px}}