.brand-loading { width: min(100%, 480px); display: flex; flex-direction: column; align-items: center; color: #edf1ff; text-align: center; padding: 12px; }
.brand-loading-art { width: min(100%, 420px); aspect-ratio: 3 / 2; position: relative; flex-shrink: 0; }
.brand-loading-art > img { display: block; width: 100%; height: 100%; }
.brand-loading-logo { position: absolute; inset: 41% 26% auto; height: 17%; display: flex; align-items: center; justify-content: center; gap: 8px; animation: brand-loading-float 5s ease-in-out infinite; }
.brand-loading-logo > img,.brand-loading-logo .brand-wordmark { width: 100%; height: 100%; object-fit: contain; }
.brand-loading-logo .brand-logo { width: 42px; height: 42px; font-size: 24px; }
.brand-loading-logo .brand-title { font-size: 14px; }
.brand-loading-logo .brand-subtitle { display: none; }
.brand-loading .brand-loading-title { font-size: clamp(20px, 4.8vw, 26px); line-height: 1.4; letter-spacing: .02em; margin: 20px 0 10px; font-weight: 750; }
.brand-loading .brand-loading-hint { color: #9eadd0; font-size: 13px; line-height: 1.8; margin: 0 0 28px; }
.brand-loading-meter { width: min(280px, 88%); display: grid; gap: 12px; justify-items: center; }
.brand-loading .brand-loading-progress { display: block; appearance: none; -webkit-appearance: none; width: 100%; height: 5px; border: 0; border-radius: 99px; overflow: hidden; background: #26324c; color: #79e2f1; }
.brand-loading-progress::-webkit-progress-bar { background: #26324c; border-radius: 99px; }
.brand-loading-progress::-webkit-progress-value { border-radius: 99px; background: linear-gradient(90deg, #3fdbe9, #8275ff 65%, #df84ed); transition: width 180ms linear; }
.brand-loading-progress::-moz-progress-bar { border-radius: 99px; background: linear-gradient(90deg, #3fdbe9, #8275ff 65%, #df84ed); }
.brand-loading-progress:indeterminate { background: linear-gradient(90deg, #26324c 20%, #78d9ef 50%, #26324c 80%); background-size: 220% 100%; animation: brand-loading-scan 2.5s ease-in-out infinite; }
.brand-loading-progress:indeterminate::-webkit-progress-bar { background: transparent; }
.brand-loading-value { font-size: 12px; letter-spacing: .12em; color: #acbadd; font-variant-numeric: tabular-nums; }
@keyframes brand-loading-float { 50% { transform: translateY(-6px); } }
@keyframes brand-loading-scan { 0%,100% { background-position: 100% 0; } 50% { background-position: 0 0; } }
@media (max-height: 620px) { .brand-loading-art { width: 240px; } .brand-loading .brand-loading-title { margin-top: 8px; } .brand-loading .brand-loading-hint { margin-bottom: 16px; } }
@media (prefers-reduced-motion: reduce) { .brand-loading-logo,.brand-loading-progress:indeterminate { animation: none; } .brand-loading-progress::-webkit-progress-value { transition: none; } }

/* 动态 Logo 自带手柄动画，扩大透明安全区以免旋转裁切，不再整体漂移字标。 */
.brand-loading-logo { inset: 37% 23% auto; height: 24%; animation: none; }