@font-face{font-family:BaduDisplay;src:url("/assets/badu-display-20261015-v1.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}
:root{--badu-intro-ready:5}
#badu-intro{position:fixed;inset:0;z-index:2147483000;isolation:isolate;overflow:hidden;display:grid;place-items:center;background:#03050b;color:#f5f6ff;font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;font-size:14px;line-height:1.5;opacity:1;transition:opacity .65s ease,visibility .65s!important;contain:layout paint style;color-scheme:dark}
#badu-intro *{box-sizing:border-box}
#badu-intro.bi-leaving{opacity:0;visibility:hidden;pointer-events:none}
#badu-intro .bi-ambient{position:absolute;inset:-20%;z-index:-1;background:radial-gradient(ellipse at 42% 48%,#5728cb44,transparent 32%),radial-gradient(ellipse at 62% 53%,#006a9340,transparent 27%);animation:bi-atmosphere 3.7s ease both!important}
#badu-intro .bi-grid{position:absolute;inset:0;background:linear-gradient(#7cb3fc07 1px,transparent 1px),linear-gradient(90deg,#7cb3fc07 1px,transparent 1px);background-size:90px 90px;mask-image:radial-gradient(ellipse at center,#000,transparent 65%);opacity:.4;pointer-events:none}
#badu-intro .bi-particles{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}
#badu-intro .bi-top{position:absolute;z-index:5;top:clamp(24px,5vh,52px);left:clamp(24px,5vw,76px);right:clamp(24px,5vw,76px);display:flex;align-items:center;justify-content:space-between;gap:20px}
#badu-intro .bi-studio{font:500 9px/1.5 system-ui,sans-serif;letter-spacing:.26em;color:#b3b6cd;display:flex;align-items:center;gap:12px}
#badu-intro .bi-studio i{width:6px;height:6px;background:#66e2f9;border-radius:50%;box-shadow:0 0 12px #53d9ff}
#badu-intro .bi-skip{appearance:none;border:1px solid #b3bfff30;border-radius:99px;background:#ffffff04;padding:9px 17px;color:#bec6e6;font:inherit;font-size:11px;letter-spacing:.1em;cursor:pointer;transition:background .2s,color .2s}
#badu-intro .bi-skip:hover,#badu-intro .bi-skip:focus-visible{background:#ffffff14;color:#fff;outline:1px solid #b7a2ff;outline-offset:4px}
#badu-intro .bi-portal{position:absolute;left:50%;top:50%;width:min(69vh,600px);height:min(69vh,600px);transform:translate(-50%,-50%);pointer-events:none;z-index:0}
#badu-intro .bi-core{position:absolute;inset:12%;border-radius:50%;background:radial-gradient(circle,#5a53ff12 34%,#b37bff21 57%,#6db9ff37 65%,#6d7bff08 69%,transparent 72%);box-shadow:inset 0 0 80px #6647e220;animation:bi-core 3.8s cubic-bezier(.16,1,.3,1) both!important}
#badu-intro .bi-spectrum{position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(0 0 5px #7467ff55);animation:bi-spectrum 4.3s cubic-bezier(.2,.7,.2,1) both!important}
#badu-intro .bi-ring{position:absolute;inset:-5%;border:1px solid #99b2ff14;border-radius:50%;transform:rotateX(66deg) rotate(-20deg);box-shadow:0 0 30px #416aff0c;animation:bi-orbit 3.9s cubic-bezier(.2,.6,.2,1) both!important}
#badu-intro .bi-ring:before{content:"";position:absolute;inset:-1px;border:2px solid transparent;border-left-color:#a678f9;border-bottom-color:#45d9e8;border-radius:50%;filter:drop-shadow(0 0 6px #9276ff);mask-image:linear-gradient(45deg,#000,transparent 65%)}
#badu-intro .bi-ring-b{inset:-16%;transform:rotateX(69deg) rotate(36deg);animation-name:bi-orbit-b!important;opacity:.65}
#badu-intro .bi-ring-b:before{border-left-color:#4cdbf8;border-bottom-color:#8b70fb}
#badu-intro .bi-shock{position:absolute;inset:6%;border-radius:50%;border:1px solid #83c8fc8f;box-shadow:0 0 18px #786eff44,inset 0 0 18px #6edfff12;opacity:0;animation:bi-shock 1.6s 1.05s cubic-bezier(.16,1,.3,1) both!important}
#badu-intro .bi-shock-b{animation-delay:1.32s!important;border-color:#b297ff66}
#badu-intro .bi-scene{position:relative;z-index:3;width:min(100%,1180px);padding:50px 24px;text-align:center;transform:translateY(-8px);perspective:800px}
#badu-intro .bi-horizon{position:absolute;left:50%;top:51%;width:min(96vw,1180px);height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,#7d4ffd50,#c3dcffc9,#00efff60,transparent);box-shadow:0 0 16px #62baff66;animation:bi-horizon 1.7s .5s cubic-bezier(.2,.65,.2,1) both!important}
#badu-intro .bi-signal{position:relative;height:52px;display:flex;justify-content:center;align-items:center;gap:5px;margin:0 0 16px}
#badu-intro .bi-signal i{width:4px;height:var(--h);border-radius:5px;background:linear-gradient(#d1bcff,#8e6cff 50%,#69eaff);box-shadow:0 0 14px #7e98ff88;transform-origin:center;animation:bi-bars 1.35s var(--d) cubic-bezier(.3,.7,.3,1) 3 both!important}
#badu-intro .bi-kicker{display:flex;align-items:center;justify-content:center;gap:12px;font:500 8px/1.5 system-ui,sans-serif;letter-spacing:.35em;color:#949dce;margin-bottom:14px;animation:bi-sub .8s .6s both!important}
#badu-intro .bi-kicker span{height:1px;width:28px;background:#a5b9ff50}
#badu-intro .bi-title{position:relative;display:inline-flex;justify-content:center;gap:.035em;margin:0;padding-inline:.12em;font-family:BaduDisplay,"Microsoft YaHei",sans-serif;font-size:clamp(64px,11.3vw,144px);font-weight:400;font-synthesis:none;line-height:1.35;letter-spacing:0;white-space:nowrap}
#badu-intro .bi-letter{position:relative;display:inline-block;color:#f1f1ff;background:linear-gradient(160deg,#fff 14%,#c1b2fa 40%,#f9fbff 51%,#d8f5ff 64%,#68bdde 90%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:none;transform-origin:50% 85%;animation:bi-letter-bounce 1.05s var(--d) linear both!important}
#badu-intro .bi-letter:before{content:attr(data-letter);position:absolute;inset:0;color:transparent;-webkit-text-stroke:1px #c9faff88;opacity:0;filter:blur(1px);animation:bi-echo 1s calc(var(--d) + .4s) cubic-bezier(.16,1,.3,1) both!important}
#badu-intro .bi-title:after{content:"";position:absolute;inset:-5% -25%;background:linear-gradient(105deg,transparent 43%,#b7e5ff40 50%,transparent 57%);mix-blend-mode:screen;transform:translateX(-100%);animation:bi-sheen 1.1s 2s ease both!important;pointer-events:none;mask-image:linear-gradient(transparent,#000,transparent)}
#badu-intro .bi-en{position:relative;margin:12px 0 0;font:400 10px/1.5 system-ui,sans-serif;letter-spacing:.45em;color:#8da8d2;animation:bi-sub .9s 1.65s ease both!important}
#badu-intro .bi-tagline{position:relative;margin:25px 0 0;font-size:12px;letter-spacing:.42em;color:#b4c1dd;animation:bi-sub 1s 1.9s ease both!important}
#badu-intro .bi-bottom{position:absolute;z-index:4;bottom:clamp(26px,5vh,52px);left:clamp(24px,5vw,76px);right:clamp(24px,5vw,76px);display:flex;align-items:center;gap:28px;color:#7a86a3;font:9px/1.5 system-ui,sans-serif;letter-spacing:.15em}
#badu-intro .bi-bottom span:last-child{margin-left:auto;color:#879ed0}
#badu-intro .bi-progress{position:absolute;left:50%;width:100px;height:1px;transform:translateX(-50%);background:#7e8ab525;overflow:hidden}
#badu-intro .bi-progress i{display:block;width:100%;height:1px;background:linear-gradient(90deg,#a879ff,#56efff);transform-origin:left;animation:bi-progress 3.7s linear both!important}
@keyframes bi-letter-bounce{0%{opacity:0;transform:translateY(-.85em) rotate(-7deg) scale(.8,1.12);animation-timing-function:cubic-bezier(.55,.05,.8,.5)}38%{opacity:1;transform:translateY(.09em) rotate(1deg) scale(1.12,.82);filter:none;animation-timing-function:cubic-bezier(.2,.65,.3,1)}61%{transform:translateY(-.17em) rotate(-2deg) scale(.96,1.06);animation-timing-function:cubic-bezier(.55,.05,.8,.5)}79%{transform:translateY(.035em) rotate(.5deg) scale(1.04,.96);animation-timing-function:ease-out}91%{transform:translateY(-.035em) scale(.99,1.01)}100%{opacity:1;transform:translateY(0) rotate(0) scale(1);filter:drop-shadow(0 0 22px #a08aff33)}}
@keyframes bi-echo{0%{opacity:.65;transform:scale(1)}100%{opacity:0;transform:scale(1.3)}}
@keyframes bi-sub{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@keyframes bi-horizon{from{opacity:0;scale:0 1}60%,100%{opacity:1;scale:1 1}}
@keyframes bi-bars{0%,100%{scale:1 .45;opacity:.55}45%{scale:1 1;opacity:1}75%{scale:1 .6;opacity:.8}}
@keyframes bi-atmosphere{0%{opacity:0;scale:.7}40%{opacity:.8}65%,100%{opacity:1;scale:1.08}}
@keyframes bi-spectrum{0%{opacity:0;transform:scale(.35) rotate(-100deg)}25%{opacity:.8}100%{opacity:.7;transform:scale(1) rotate(20deg)}}
@keyframes bi-core{0%{opacity:0;scale:.3}40%{opacity:.7;scale:.9}65%{opacity:1;scale:1.04}100%{opacity:.7;scale:1}}
@keyframes bi-orbit{from{opacity:0;transform:rotateX(68deg) rotate(-95deg) scale(.4)}45%{opacity:.9}to{opacity:.85;transform:rotateX(66deg) rotate(-20deg) scale(1)}}
@keyframes bi-orbit-b{from{opacity:0;transform:rotateX(66deg) rotate(130deg) scale(.6)}45%{opacity:.5}to{opacity:.65;transform:rotateX(69deg) rotate(36deg) scale(1)}}
@keyframes bi-shock{0%{opacity:0;transform:scale(.65)}12%{opacity:.7}100%{opacity:0;transform:scale(2)}}
@keyframes bi-sheen{to{transform:translateX(100%)}}
@keyframes bi-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:600px){#badu-intro .bi-title{font-size:clamp(48px,14vw,78px);gap:.025em}#badu-intro .bi-portal{width:94vw;height:94vw}#badu-intro .bi-scene{padding-inline:15px}#badu-intro .bi-signal{margin-bottom:15px;height:44px}#badu-intro .bi-signal i{width:3px;max-height:42px}#badu-intro .bi-en{font-size:9px;letter-spacing:.28em}#badu-intro .bi-kicker{font-size:7px;letter-spacing:.22em;margin-bottom:14px}#badu-intro .bi-tagline{font-size:11px;letter-spacing:.24em;margin-top:23px}#badu-intro .bi-studio{font-size:8px;letter-spacing:.13em}#badu-intro .bi-bottom{font-size:8px;gap:12px}#badu-intro .bi-progress{bottom:26px;width:60px}}
@media(max-height:500px) and (min-width:601px){#badu-intro .bi-title{font-size:72px}#badu-intro .bi-signal{height:24px;margin-bottom:8px}#badu-intro .bi-signal i{max-height:25px}#badu-intro .bi-kicker{margin-bottom:5px}#badu-intro .bi-tagline{margin-top:12px}}
#badu-intro.bi-reduced *{animation:none!important}
#badu-intro.bi-reduced .bi-particles,#badu-intro.bi-reduced .bi-shock,#badu-intro.bi-reduced .bi-letter:before,#badu-intro.bi-reduced .bi-title:after{display:none}

#badu-intro.bi-preparing *{animation-play-state:paused!important}
#badu-intro.bi-preparing .bi-title{visibility:hidden}

#badu-intro.bi-reduced{transition:none!important}

/* Small screens: bright, larger glyphs and a position-only bounce avoid blurred text layers. */
@keyframes bi-letter-mobile{0%{opacity:0;transform:translateY(-.55em)}22%{opacity:1}42%{transform:translateY(.065em);animation-timing-function:ease-out}65%{transform:translateY(-.11em);animation-timing-function:ease-in}84%{transform:translateY(.025em);animation-timing-function:ease-out}100%{opacity:1;transform:translateY(0)}}
@media(max-width:600px){
 #badu-intro .bi-scene{perspective:none}
 #badu-intro .bi-title{font-size:clamp(54px,16.5vw,88px);line-height:1.32;gap:.035em}
 #badu-intro .bi-letter{color:#f7f8ff;background:none;-webkit-text-fill-color:#f7f8ff;-webkit-text-stroke:.25px #f7f8ff;filter:none!important;text-shadow:none;animation-name:bi-letter-mobile!important;animation-duration:.86s!important}
 #badu-intro .bi-letter:before,#badu-intro .bi-title:after{display:none}
 #badu-intro .bi-en{color:#c3d5f2;font-size:10px}
 #badu-intro .bi-tagline{color:#d7e0f4;font-size:12px;letter-spacing:.22em}
 #badu-intro .bi-kicker{color:#b4c4e5}
 #badu-intro .bi-horizon{opacity:.35}
 #badu-intro.bi-reduced .bi-letter{animation:none!important}
}