:root{font-family:"Microsoft YaHei",system-ui,sans-serif;color:#f8fafc;background:#071526}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 10%,#123f6b,#071526 55%)}main{width:min(1180px,94vw);text-align:center;padding:4vh}.eyebrow{letter-spacing:.35em;color:#70b8ff;font-weight:700}.muted{color:#a7b5c8}h1{font-size:clamp(44px,6vw,88px);margin:.2em}.code{font-size:clamp(80px,14vw,180px);font-weight:800;letter-spacing:.12em;color:#78c2ff;margin:.2em}.grid{display:grid;grid-template-columns:1.1fr 1fr;gap:6vw;align-items:center;margin-top:4vh}.qr{aspect-ratio:1;background:#fff;padding:2.5vw;border-radius:24px}.qr img{width:100%;height:100%;object-fit:contain}.timer{font-size:clamp(70px,12vw,160px);font-weight:800;color:#78c2ff}.rate{font-size:clamp(48px,8vw,100px);font-weight:700}strong{font-size:2.6em}button{margin-top:30px;padding:14px 26px;border-radius:12px;border:0}@media(max-width:700px){.grid{grid-template-columns:1fr}.qr{max-width:70vw;margin:auto}}

.controls{margin-top:3vh;padding:18px;border:1px solid #32628b;border-radius:18px;background:rgba(2,12,27,.75)}
.toolbar{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;margin:10px 0}
.controls button,.controls select,.controls input{font:inherit;border-radius:9px;padding:10px 14px}
.controls button{margin:4px;color:#061529;background:#8fd1ff;cursor:pointer}
.controls button.danger{background:#ffb6b6}
.controls button:disabled{opacity:.35;cursor:not-allowed}
.controls input,.controls select{max-width:165px;border:1px solid #88bce3}
#unlockPanel{padding:14px;border:2px solid #ffc870;border-radius:12px;background:#302215}
#controlStatus{font-size:1.15em;color:#a7d4ff}