/* First paint shared by desktop, browser and mobile H5; no JavaScript dependency. */
html, body { width: 100%; height: 100%; margin: 0; padding: 0; overflow: hidden; background: #17191e; }
#app { width: 100%; height: 100%; }
#boot-shell { position: fixed; inset: 0; z-index: 2147483000; display: flex; align-items: center; justify-content: center; padding: 32px 24px; box-sizing: border-box; overflow: hidden; color: #eef0f4; background: radial-gradient(ellipse 480px 360px at 50% 43%, #243b5b38, transparent 75%), #17191e; font-family: 'Segoe UI', 'Microsoft YaHei', 'PingFang SC', sans-serif; transition: opacity .3s ease, visibility .3s ease; }
#boot-shell.boot-hidden { opacity: 0; visibility: hidden; pointer-events: none; }
.boot-shell-content { width: min(360px, 100%); text-align: center; transform: translateY(-18px); }
.boot-shell-logo { display: block; width: 112px; height: 112px; margin: 0 auto 24px; object-fit: contain; }
.boot-shell-title { font-size: 42px; line-height: 1.2; font-weight: 700; letter-spacing: -1px; }
.boot-shell-subtitle { margin: 14px 0 0; color: #b0b9c9; font-size: 14px; line-height: 1.7; letter-spacing: 1px; }
.boot-shell-progress { width: 128px; height: 3px; margin: 42px auto 14px; border-radius: 3px; overflow: hidden; background: #2e394a; }
.boot-shell-progress span { display: block; width: 42%; height: 100%; border-radius: inherit; background: #8db5ff; animation: entry-loading 1.8s ease-in-out infinite; }
.boot-shell-status { color: #939fb2; font-size: 11px; line-height: 1.7; letter-spacing: 1px; }
@keyframes entry-loading { 0% { transform: translateX(-110%); } 65%, 100% { transform: translateX(350%); } }
@media (max-width: 700px) { .boot-shell-title { font-size: 36px; }.boot-shell-subtitle { font-size: 13px; }.boot-shell-logo { width: 96px; height: 96px; margin-bottom: 20px; }.boot-shell-content { transform: translateY(-24px); } }
@media (max-height: 420px) { .boot-shell-logo { width: 64px; height: 64px; margin-bottom: 10px; }.boot-shell-title { font-size: 28px; }.boot-shell-progress { margin-top: 20px; } }
@media (prefers-reduced-motion: reduce) { #boot-shell { transition: none; }.boot-shell-progress span { animation: none; width: 100%; opacity: .65; } }