html, body { margin: 0; height: 100%; background: #F3F5F8; }
#app { position: relative; height: 100%; max-width: 520px; margin: 0 auto; overflow: hidden; background: #F3F5F8; }
@media (min-width: 600px) {
  body { background: #E6E9EE; }
  #app { box-shadow: 0 0 0 1px #DCE1E8, 0 12px 40px rgba(22, 33, 43, .10); }
}
#h5-splash { position: fixed; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; font: 15px/1.5 -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif; color: #0B1426; background: #F3F5F8; z-index: 1; }
#h5-splash img { border-radius: 18px; box-shadow: 0 8px 24px rgba(11, 20, 38, .18); }
#h5-splash p { margin: 0; max-width: 300px; text-align: center; font-weight: 600; }
.h5-bar { width: 120px; height: 3px; border-radius: 3px; background: #E9EEFF; overflow: hidden; }
.h5-bar i { display: block; width: 40%; height: 100%; background: #2453FF; animation: h5-load 1.1s ease-in-out infinite; }
@keyframes h5-load { from { transform: translateX(-100%); } to { transform: translateX(260%); } }
.vaultora-scan { position: fixed; inset: 0; z-index: 10; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 16px; background: rgba(11, 20, 38, .92); color: #fff; font: 15px/1.5 -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif; }
.vaultora-scan video { width: min(86vw, 420px); aspect-ratio: 1; object-fit: cover; border-radius: 16px; border: 2px solid #2453FF; }
.vaultora-scan p { margin: 0; }
.vaultora-scan button { min-width: 140px; padding: 10px 24px; border: 0; border-radius: 22px; background: #fff; color: #2453FF; font: inherit; font-weight: 600; cursor: pointer; }