:root{--bbpl-bg:#040a12;--bbpl-panel:#071522;--bbpl-line:rgba(104,210,255,.2);--bbpl-cyan:#71e8ff;--bbpl-blue:#728dff;--bbpl-gold:#ffd477;--bbpl-text:#f2fbff;--bbpl-muted:rgba(205,226,243,.74)}
html.bb88-premium-loading,html.bb88-premium-loading body{overflow:hidden!important;background:var(--bbpl-bg)!important}
.bb88-premium-loader{position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;padding:max(20px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));background:radial-gradient(circle at 50% -5%,rgba(35,102,168,.35),transparent 44%),linear-gradient(180deg,rgba(4,10,18,.98),rgba(2,7,13,.995));color:var(--bbpl-text);font-family:Inter,"Noto Sans SC","Microsoft YaHei",system-ui,sans-serif;isolation:isolate}
html:not(.bb88-premium-loading) .bb88-premium-loader{display:none}
.bb88-premium-loader::before,.bb88-premium-loader::after{content:"";position:absolute;border-radius:999px;filter:blur(80px);opacity:.23;pointer-events:none}.bb88-premium-loader::before{width:330px;height:330px;left:-120px;top:10%;background:#0ac8ff}.bb88-premium-loader::after{width:290px;height:290px;right:-100px;bottom:5%;background:#665dff}
.bb88-loader-card{position:relative;z-index:1;width:min(760px,96vw);max-height:min(890px,94dvh);overflow:auto;scrollbar-width:none;padding:28px;border:1px solid var(--bbpl-line);border-radius:28px;background:linear-gradient(180deg,rgba(7,22,37,.97),rgba(4,12,21,.985));box-shadow:0 30px 90px rgba(0,0,0,.48),0 0 0 1px rgba(124,225,255,.05) inset}.bb88-loader-card::-webkit-scrollbar{display:none}
.bb88-loader-brand{display:flex;align-items:center;gap:15px}.bb88-loader-logo{position:relative;width:64px;height:64px;display:grid;place-items:center;flex:0 0 auto}.bb88-loader-logo::before,.bb88-loader-logo::after{content:"";position:absolute;inset:-5px;border:1px solid rgba(113,232,255,.38);border-radius:19px;animation:bbplOrbit 2.5s linear infinite}.bb88-loader-logo::after{inset:-11px;border-color:rgba(123,132,255,.25);animation-direction:reverse;animation-duration:3.6s}.bb88-loader-logo img{width:54px;height:54px;object-fit:contain;border-radius:15px;filter:drop-shadow(0 0 14px rgba(65,211,255,.28))}
.bb88-loader-kicker{margin:0 0 4px;color:var(--bbpl-cyan);font-size:11px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.bb88-loader-title{margin:0;font-size:clamp(23px,3vw,32px);line-height:1.2}.bb88-loader-copy{margin:9px 0 0;color:var(--bbpl-muted);font-size:14px;line-height:1.65}
.bb88-loader-progress{margin-top:22px}.bb88-loader-progress-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px;color:rgba(220,239,251,.82);font-size:12px;font-weight:800}.bb88-loader-track{height:7px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.075);box-shadow:0 0 0 1px rgba(255,255,255,.04) inset}.bb88-loader-bar{display:block;width:8%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--bbpl-cyan),var(--bbpl-blue),var(--bbpl-gold));box-shadow:0 0 18px rgba(99,218,255,.5);transition:width .38s cubic-bezier(.22,.72,.2,1)}
.bb88-loader-phases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:15px}.bb88-loader-phase{display:flex;align-items:center;gap:8px;min-height:46px;padding:9px 11px;border:1px solid rgba(255,255,255,.07);border-radius:13px;background:rgba(255,255,255,.025);color:rgba(203,224,240,.63);font-size:11px;font-weight:800}.bb88-loader-phase i{width:9px;height:9px;border-radius:999px;background:rgba(255,255,255,.16);box-shadow:0 0 0 4px rgba(255,255,255,.025)}.bb88-loader-phase.is-active{color:#e9faff;border-color:rgba(113,232,255,.22);background:rgba(75,183,224,.07)}.bb88-loader-phase.is-active i{background:var(--bbpl-cyan);box-shadow:0 0 0 4px rgba(82,222,255,.11),0 0 12px rgba(82,222,255,.5)}.bb88-loader-phase.is-done{color:#c9ffe1;border-color:rgba(80,232,157,.2);background:rgba(43,185,111,.07)}.bb88-loader-phase.is-done i{background:#63efab}
.bb88-loader-skeleton{display:grid;grid-template-columns:1.45fr .75fr;gap:12px;margin-top:19px}.bb88-sk-block{position:relative;overflow:hidden;min-height:88px;border:1px solid rgba(116,203,246,.09);border-radius:16px;background:rgba(255,255,255,.025)}.bb88-sk-block::after{content:"";position:absolute;inset:0;transform:translateX(-120%);background:linear-gradient(90deg,transparent,rgba(124,227,255,.08),transparent);animation:bbplShimmer 1.65s ease-in-out infinite}.bb88-sk-hero{min-height:126px}.bb88-sk-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.bb88-sk-grid .bb88-sk-block{min-height:72px}.bb88-sk-lines{position:absolute;inset:18px;display:grid;align-content:center;gap:10px}.bb88-sk-lines span{display:block;height:8px;border-radius:999px;background:rgba(185,223,244,.08)}.bb88-sk-lines span:nth-child(1){width:42%}.bb88-sk-lines span:nth-child(2){width:78%}.bb88-sk-lines span:nth-child(3){width:61%}
.bb88-loader-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:18px}.bb88-loader-actions[hidden]{display:none}.bb88-loader-actions button,.bb88-loader-actions a{min-height:42px;padding:10px 16px;border-radius:12px;border:1px solid rgba(115,221,255,.24);background:rgba(69,174,218,.1);color:#ecfbff;font-weight:900;text-decoration:none;cursor:pointer}.bb88-loader-actions button:first-child{background:linear-gradient(135deg,#7eeaff,#8e9cff);color:#06101a;border:0}.bb88-loader-slow{margin:13px 0 0;text-align:center;color:rgba(255,211,127,.82);font-size:11px;line-height:1.5}
.bb88-premium-loader.is-complete{animation:bbplFade .4s ease forwards}.bb88-premium-loader.is-complete .bb88-loader-card{transform:scale(.985);opacity:.3;transition:.35s ease}
@keyframes bbplOrbit{to{transform:rotate(360deg)}}@keyframes bbplShimmer{to{transform:translateX(120%)}}@keyframes bbplFade{to{opacity:0;visibility:hidden}}
@media(max-width:720px){.bb88-premium-loader{place-items:stretch center;padding-top:max(12px,env(safe-area-inset-top));padding-bottom:max(12px,env(safe-area-inset-bottom))}.bb88-loader-card{width:100%;max-height:calc(100dvh - max(24px,env(safe-area-inset-top) + env(safe-area-inset-bottom)));padding:21px 17px;border-radius:23px}.bb88-loader-logo{width:54px;height:54px}.bb88-loader-logo img{width:46px;height:46px}.bb88-loader-title{font-size:23px}.bb88-loader-copy{font-size:13px}.bb88-loader-phases{grid-template-columns:1fr}.bb88-loader-phase{min-height:40px}.bb88-loader-skeleton{grid-template-columns:1fr}.bb88-sk-hero{min-height:104px}.bb88-sk-block{min-height:70px}.bb88-sk-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.bb88-loader-logo::before,.bb88-loader-logo::after,.bb88-sk-block::after{animation:none}.bb88-loader-bar{transition:none}}


/* 88BB Safe Release v2.1: visual loading only, never a permanent page lock. */
.bb88-premium-loader{will-change:opacity,visibility}
.bb88-premium-loader.is-complete{pointer-events:none}
@media(max-width:720px){.bb88-loader-skeleton{max-height:34vh;overflow:hidden}.bb88-loader-card{padding-bottom:max(18px,env(safe-area-inset-bottom))}}