.online-count{display:inline-flex;align-items:center;white-space:nowrap;font-size:12px;font-weight:800;color:#42f5b3;padding:7px 10px;border:1px solid rgba(66,245,179,.26);border-radius:999px;background:rgba(12,55,47,.28)}
.qr-login-btn{border:1px solid rgba(131,107,255,.48);background:rgba(76,53,145,.24);color:#ddd7ff;border-radius:14px;padding:10px 13px;font-weight:800;cursor:pointer}.qr-login-btn:hover{background:rgba(96,70,180,.35)}
.qr-login-card{max-width:440px;text-align:center}.qr-login-card h2{margin-bottom:8px}.qr-copy{color:var(--muted,#9aa0bb);line-height:1.55}.qr-box{width:304px;max-width:100%;aspect-ratio:1;margin:18px auto;background:#fff;border-radius:18px;padding:12px;display:flex;align-items:center;justify-content:center}.qr-box img{display:block;width:100%;height:100%;object-fit:contain}.qr-status{margin:10px 0 14px;font-weight:800;color:#42f5b3}.qr-login-card small{display:block;color:var(--muted,#9aa0bb);line-height:1.45;margin-bottom:14px}
.qr-phone-banner{position:sticky;top:8px;z-index:10000;margin:8px auto;max-width:680px;padding:16px;display:grid;gap:9px}.qr-phone-banner b{font-size:18px}.qr-phone-banner span,.qr-phone-banner small{color:var(--muted,#9aa0bb)}
@media(max-width:760px){.head-actions{gap:7px}.online-count{font-size:11px;padding:6px 8px}.qr-login-btn{display:none}.qr-box{width:260px}}
@media(max-width:430px){.online-count{max-width:92px;overflow:hidden;text-overflow:ellipsis}.head-actions .live-dot{display:none}}