:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:#0f1115;color:#e6e6e6}.center{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px}.qrcard{background:#1a1d24;border:1px solid #262a33;border-radius:16px;padding:28px 28px 22px;width:360px;max-width:92vw;text-align:center}.qrcard .head{font-size:20px;font-weight:700}.qrcard .sub{margin-top:8px;font-size:13px;color:#9aa0aa;line-height:1.5}.qrbox{margin:22px auto 14px;width:240px;max-width:80%;background:#fff;border-radius:14px;padding:16px}.qrbox img{display:block;width:100%;height:auto;image-rendering:pixelated}.tip{font-size:13px;color:#9aa0aa}.tip .t{color:#ffcc4d;font-weight:700}.warn{margin-top:14px;font-size:13px;font-weight:600;line-height:1.5;color:#ff6b6b;background:#ff4d4d1a;border:1px solid rgba(255,77,77,.38);border-radius:10px;padding:10px 12px}.warn b{color:#ff5252}.renew{margin-top:14px;font-size:12.5px;line-height:1.5;color:#ffcc4d;background:#ffcc4d14;border:1px solid rgba(255,204,77,.25);border-radius:10px;padding:9px 12px}.renew b{color:#ffd76a}.help{margin-top:10px;text-align:left}.help summary{cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none;text-align:center;font-size:13px;color:#cfd3da;padding:4px 0}.help summary::-webkit-details-marker{display:none}.help summary:after{content:" ▾";color:#9aa0aa}.help[open] summary:after{content:" ▴"}.help ul{margin:8px 0 0;padding-left:18px}.help li{font-size:12px;color:#9aa0aa;line-height:1.7}.help li b{color:#cfd3da}.help .note{margin-top:8px;font-size:11.5px;color:#6f7682;line-height:1.5}.qrcard.err .head{color:#ff9e80}.qrloading{color:#888;font-size:13px;padding:96px 0;text-align:center}.intro{text-align:left;margin:18px 0 4px;padding-left:20px}.intro li{font-size:13px;color:#c2c7d0;line-height:1.9}.intro li b{color:#ffd76a}.enter-btn{margin-top:18px;width:100%;padding:12px 0;border:none;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;color:#1a1d24;background:linear-gradient(180deg,#ffd76a,#f0b429)}.enter-btn:active{filter:brightness(.94)}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;padding:20px;z-index:50}.modal{background:#1a1d24;border:1px solid #2f3540;border-radius:16px;padding:22px 22px 18px;width:340px;max-width:90vw;text-align:center}.modal-title{font-size:17px;font-weight:700;color:#ffcc4d}.modal-body{margin-top:12px;font-size:13.5px;color:#c2c7d0;line-height:1.7}.modal-body b{color:#ffd76a}.modal-actions{margin-top:20px;display:flex;gap:10px}.modal-actions button{flex:1;padding:11px 0;border-radius:10px;font-size:14px;font-weight:700;cursor:pointer}.btn-ghost{background:transparent;color:#9aa0aa;border:1px solid #3a4150}.btn-ghost:active{background:#20242c}.btn-primary{border:none;color:#1a1d24;background:linear-gradient(180deg,#ffd76a,#f0b429)}.btn-primary:active{filter:brightness(.94)}