:root{font-family:system-ui,"Microsoft YaHei",sans-serif;color:#242931;background:#f4f5f7}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:24px}main[hidden]{display:none}main{width:100%;display:grid;place-items:center}.entry-card{width:min(100%,460px);padding:36px;text-align:center;background:#fff;border-radius:18px;box-shadow:0 12px 40px #202c3d14}h1{font-size:24px;margin:0 0 12px}p{font-size:14px;line-height:1.6;color:#687383;margin:8px 0 18px}canvas{display:block;width:min(100%,360px);height:auto;margin:0 auto;image-rendering:pixelated}#qr-status{min-height:24px;color:#cf6515}button{border:0;border-radius:9px;background:#f47b21;color:white;padding:11px 22px;font:inherit;cursor:pointer}button:disabled{opacity:.5}.hint{font-size:12px;color:#919ba8;margin:18px 0 0}#entry-loading{color:#707a87}

[hidden]{display:none!important}#entry-loading{display:flex;align-items:center;gap:12px}#entry-loading::before,#qr-status[data-busy="true"]::before{content:"";display:inline-block;width:18px;height:18px;flex-shrink:0;border:2px solid #f8d4b5;border-top-color:#ef7c28;border-radius:50%;animation:entry-spin .85s linear infinite}#qr-status[data-busy="true"]::before{width:12px;height:12px;margin-right:8px;vertical-align:-2px}.qr-progress{font-size:12px;color:#8a95a3;min-height:18px;margin:4px 0 10px;font-variant-numeric:tabular-nums}#entry-loading[data-failed="true"]::before{display:none}@keyframes entry-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){#entry-loading::before,#qr-status[data-busy="true"]::before{animation:none}}