* { box-sizing: border-box; }
[hidden] { display: none !important; }
button, a, [role="button"] { touch-action: manipulation; }
a:focus-visible, button:focus-visible, [role="button"]:focus-visible { outline: 3px solid #459bff; outline-offset: 3px; }
#landing-feedback { position: fixed; left: 50%; bottom: max(16px, env(safe-area-inset-bottom)); transform: translateX(-50%); z-index: 20000; width: max-content; max-width: min(92vw, 620px); padding: 12px 16px; margin: 0; border-radius: 8px; color: white; background: rgba(20, 24, 32, .93); font: 14px/1.5 sans-serif; text-align: center; pointer-events: none; }
[data-probe-state="error"], [data-probe-state="timeout"], [data-probe-state="invalid"] { color: #b82525; }
[data-signal-state="error"] .active, [data-signal-state="timeout"] .active { background: #aaa !important; }
.code-box canvas, .code-box img { max-width: 100%; height: auto; }
.mask-wraps[hidden] { display: none !important; }
@media (max-width: 768px) { .time, .time2 { white-space: nowrap; font-size: 12px; } }

body { margin: 0; }
.speedup-container { padding:0; background:none; border:0; }
.modal-overlay { display:flex; align-items:center; justify-content:center; padding:16px; background:rgba(0,0,0,.45); }
.dl-bg-only { position:relative; width:min(600px,94vw); height:auto; aspect-ratio:600/394; }
.dl-bg-image { width:100%; height:100%; object-fit:cover; border-radius:10px; }
.dl-img { position:absolute; left:2%; top:10%; width:70%; height:80%; z-index:1; }
.dl-banner { position:absolute; right:5%; top:10%; width:35%; height:auto; z-index:1; }
.dl-qrcode { position:absolute; right:3%; top:30%; width:38%; height:auto; z-index:1; }
.qrcode { position:absolute; right:7%; top:32%; width:30%; padding:2%; background:#fff; z-index:2; aspect-ratio:1; }
.qrcode canvas, .qrcode img { display:block; width:100%; height:auto; }
.close-btn { position:absolute; top:8px; left:8px; z-index:3; width:35px; height:35px; border:0; border-radius:50%; cursor:pointer; background:white; color:#555; font-size:24px; }
.custom-button .signal-info { width:auto; min-width:64px; justify-content:center; }
.fallback-container .wrapper { width:min(100%,1000px); }
.fallback-container .fr { width:100%; }
.custom-button .delay-time[data-probe-state="error"], .custom-button .delay-time[data-probe-state="timeout"] { color:#fff; }
@media (max-width:768px) {
  .fallback-h5-container .custom-button.with-signal { flex-direction:column; gap:6px; }
  .fallback-h5-container .custom-button.with-signal .button-text { margin-left:0; }
  .fallback-h5-container .custom-button .signal-info { position:static; width:auto; }
  .fallback-h5-container .button-text { font-size:14px; }
  .fallback-h5-container .delay-time { font-size:12px; }
}