.scene{position:absolute;inset:0;overflow:hidden;background:radial-gradient( ellipse 130% 78% at 50% 42%,transparent 52%,rgba(2,6,14,.55) 100% ),radial-gradient( ellipse 90% 55% at 50% 28%,rgba(255,200,100,.13) 0%,transparent 60% ),radial-gradient( ellipse 120% 70% at 50% -12%,rgba(70,110,180,.22) 0%,transparent 55% ),linear-gradient(180deg,#070b16 0%,#0a1326 48%,#04070e 100%)}.scene::after{content:"♥";position:absolute;bottom:6%;right:-7%;font-size:18rem;line-height:1;color:rgba(240,205,120,.055);transform:rotate(12deg);pointer-events:none;z-index:0;animation:suitDrift 11s ease-in-out infinite}.scene::before{content:"♠";position:absolute;top:14%;left:-8%;font-size:20rem;line-height:1;color:rgba(240,205,120,6%);transform:rotate(-16deg);pointer-events:none;z-index:0;animation:suitDrift 13s ease-in-out infinite reverse}@keyframes suitDrift{0%,100%{translate:0 0}50%{translate:0 -1.3rem}}.ld-dot{position:absolute;width:.31rem;height:.31rem;border-radius:50%;background:#ffe1a3;box-shadow:0 0 .38rem .13rem rgba(255,205,110,.9),0 0 .88rem .25rem rgba(255,190,90,.35);opacity:0;pointer-events:none;z-index:1}.ld-dot.d1{left:12%;top:30%}.ld-dot.d2{left:24%;top:62%}.ld-dot.d3{left:86%;top:26%}.ld-dot.d4{left:80%;top:58%}.ld-dot.d5{left:50%;top:78%}.ld-dot.d6{left:36%;top:14%}@keyframes ldFloat{0%,100%{transform:translateY(0);opacity:0}18%{opacity:1}55%{transform:translateY(-2.8rem);opacity:.55}82%{opacity:.85}}@media(prefers-reduced-motion:no-preference){.ld-dot{animation:ldFloat 7s ease-in-out infinite}.ld-dot.d2{animation-delay:1.2s;animation-duration:8s}.ld-dot.d3{animation-delay:2.4s}.ld-dot.d4{animation-delay:3.1s;animation-duration:9s}.ld-dot.d5{animation-delay:4.3s}.ld-dot.d6{animation-delay:5.4s;animation-duration:8.5s}}.logo-wrap{position:relative;display:flex;flex-direction:column;align-items:center;margin:11vh auto 0;pointer-events:none;z-index:5;animation:logoIn .85s cubic-bezier(.2,.9,.3,1.2)both}@keyframes logoIn{from{opacity:0;transform:translateY(-1.8rem)scale(.92)}to{opacity:1;transform:none}}.logo-head,.logo-main,.logo-line{font-family:pingfang sc,microsoft yahei,heiti sc,hiragino sans gb,source han sans cn,noto sans cjk sc,stheiti,simhei,黑体,sans-serif;font-weight:900;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.logo-head{position:relative;display:flex;align-items:center;justify-content:center;gap:clamp(.4rem,1.6vw,.7rem);margin-bottom:clamp(-.2rem,-.4vw,-.1rem);filter:drop-shadow(0 .15rem .3rem rgba(0,0,0,.45))}.logo-seal{display:inline-flex;align-items:center;justify-content:center;width:clamp(1.6rem,6vw,2.1rem);height:clamp(1.6rem,6vw,2.1rem);background:linear-gradient(145deg,#e04038 0%,#b81d22 45%,#7d0e12 100%);color:#ffe9b0;font-size:clamp(1rem,4vw,1.4rem);font-weight:900;border-radius:.2rem;position:relative;transform:rotate(-6deg);box-shadow:inset 0 0 0 .063rem rgba(255,226,160,.55),inset 0 .063rem .19rem rgba(255,255,255,.25),inset 0 -.13rem .25rem rgba(70,5,5,.55),0 .13rem .31rem rgba(50,4,4,.6),0 0 .75rem rgba(220,60,50,.3);letter-spacing:0;text-shadow:0 .063rem 0 rgba(110,8,8,.75),0 0 .38rem rgba(255,220,150,.35)}.logo-seal-2{transform:rotate(6deg)}.logo-seal::before{content:"";position:absolute;inset:10%;border:1px solid rgba(255,232,170,.6);border-radius:.08rem;pointer-events:none}.logo-pinyin{color:#d8b96a;font-size:clamp(.68rem,2.5vw,.9rem);letter-spacing:.42em;text-indent:.42em;font-weight:600;font-family:var(--ff-sans);text-shadow:0 .063rem .25rem rgba(0,0,0,.6);opacity:.85}.logo-main{position:relative;display:block;margin:0;font-size:clamp(3.4rem,19vw,5.8rem);font-weight:900;letter-spacing:.18em;text-indent:.18em;line-height:1;color:transparent;background:linear-gradient( 180deg,#fffbe0 0%,#fff0a8 14%,#ffd85e 34%,#f5b538 55%,#d18c1c 76%,#9a5e0c 92%,#6e3f06 100% );-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;-webkit-text-stroke:.028rem #7a440e;text-shadow:.04rem .04rem 0 #8a4a12,.09rem .09rem 0 #5e2d08,.14rem .15rem 0 #3a1a04,.22rem .28rem .5rem rgba(40,15,0,.65),0 0 .75rem rgba(255,214,120,.45);filter:drop-shadow(0 .4rem .6rem rgba(0,0,0,.4));padding:0 .3rem;animation:logoGlow 3.2s ease-in-out infinite}@keyframes logoGlow{0%,100%{filter:drop-shadow(0 .4rem .6rem rgba(0,0,0,.4))drop-shadow(0 0 1.1rem rgba(255,200,100,.22))}50%{filter:drop-shadow(0 .4rem .6rem rgba(0,0,0,.4))drop-shadow(0 0 2.4rem rgba(255,205,110,.5))}}.logo-main.logo-latin{font-size:clamp(2.9rem,16vw,5rem);letter-spacing:.14em;text-indent:.14em}.logo-main::after{content:var(--logo-text,"YUDO");position:absolute;left:.3rem;right:.3rem;top:0;font-size:inherit;font-weight:inherit;letter-spacing:inherit;text-indent:inherit;line-height:inherit;background:linear-gradient( 180deg,#fff 0%,rgba(255,255,255,.7) 10%,rgba(255,255,255,0) 30% );-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;pointer-events:none}.logo-line{position:relative;width:65%;height:.18rem;margin-top:clamp(.2rem,1vw,.45rem);background:linear-gradient( 90deg,transparent 0%,#c89444 8%,#f5d57a 30%,#fff3c0 50%,#f5d57a 70%,#c89444 92%,transparent 100% );border-radius:.1rem;box-shadow:0 .05rem .2rem rgba(0,0,0,.4),0 0 .4rem rgba(255,220,130,.5);display:flex;align-items:center;justify-content:center}.logo-line-dot{width:.5rem;height:.5rem;background:linear-gradient(135deg,#fff6cc 0%,#f5d57a 55%,#c89444 100%);transform:rotate(45deg);border-radius:.063rem;box-shadow:0 0 0 .13rem rgba(255,220,130,.35),0 0 .63rem rgba(255,214,120,.75),0 .063rem .13rem rgba(0,0,0,.5)}.loading-area{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;margin:auto 0;min-height:0}.loading-text,.warning-title{text-shadow:0 .13rem .5rem rgba(0,0,0,.6)}.loading-text{display:inline-block;color:#f5ead2;font-family:var(--ff-cn);font-size:clamp(1.1rem,3.8vw,1.2rem);font-weight:800;letter-spacing:.13rem;text-align:center;margin:0 0 .88rem;animation:textPulse 1.7s ease-in-out infinite}@keyframes textPulse{0%,100%{opacity:.72}50%{opacity:1}}.progress-wrap{display:flex;justify-content:center;width:100%}.progress-bar{position:relative;width:80%;height:1rem;background:rgba(14,10,6,.8);border:.063rem solid rgba(240,205,120,.45);border-radius:.88rem;overflow:hidden;box-shadow:inset 0 .13rem .38rem rgba(0,0,0,.65),0 0 .88rem rgba(240,205,120,.14),0 .25rem .5rem rgba(0,0,0,.4)}.progress-fill{position:relative;width:0;height:100%;background:repeating-linear-gradient( 115deg,rgba(255,255,255,.22) 0 .5rem,transparent .5rem 1rem ),linear-gradient( 180deg,rgba(255,255,255,.45) 0%,transparent 30%,transparent 70%,rgba(120,40,0,.25) 100% ),linear-gradient(180deg,#ffe28a 0%,#ffb84a 50%,#d97a1a 100%);box-shadow:inset 0 .06rem .13rem rgba(255,255,255,.7),0 0 .6rem rgba(255,180,60,.55);transition:width .3s ease-out;animation:barStripe .8s linear infinite}@keyframes barStripe{to{background-position:1rem 0,0 0,0 0}}.progress-fill::after{content:"";position:absolute;right:-.38rem;top:50%;width:1.1rem;height:1.1rem;transform:translateY(-50%);border-radius:50%;background:radial-gradient( circle,#fff 0%,#ffe9ad 35%,rgba(255,190,80,.55) 60%,transparent 78% );filter:blur(.031rem);pointer-events:none}.progress-shine{position:absolute;inset:0;background:linear-gradient( 110deg,transparent 0%,rgba(255,255,255,0) 30%,rgba(255,255,255,.55) 50%,rgba(255,255,255,0) 70%,transparent 100% );animation:shine 1.8s linear infinite;pointer-events:none}@keyframes shine{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.footer-info{position:relative;margin:0 .88rem .63rem;text-align:center;padding:.4rem 0;z-index:10;font-family:var(--ff-cn)}#screen-loading.fade-out{position:fixed;inset:0;z-index:50;pointer-events:none}.warning-title{color:#e8cf9a;font-weight:800;font-size:clamp(.9rem,3.4vw,1rem);margin-bottom:.31rem;letter-spacing:.13rem}.warning-body{color:rgba(232,213,168,.72);font-size:clamp(.75rem,2.8vw,.82rem);font-weight:600;line-height:1.6;text-shadow:0 .063rem .31rem rgba(0,0,0,.55)}.load-error{display:flex;flex-direction:column;align-items:center;gap:.63rem;padding:.75rem 1rem;max-width:85%;background:rgba(60,20,10,.55);border:.13rem solid rgba(255,190,90,.5);border-radius:.75rem;box-shadow:0 .38rem .88rem rgba(0,0,0,.35)}.load-error-title{color:#ffd166;font-family:var(--ff-cn);font-size:clamp(1rem,3.6vw,1.2rem);font-weight:800;letter-spacing:.063rem;text-align:center}.load-error-detail{color:#fff;font-family:var(--ff-cn);font-size:clamp(.72rem,2.7vw,.8rem);line-height:1.5;text-align:center;opacity:.92;word-break:break-all}.load-error-actions{display:flex;gap:.5rem;margin-top:.13rem}.load-error-btn{appearance:none;-webkit-appearance:none;cursor:pointer;font-family:var(--ff-cn);font-size:.8rem;font-weight:700;color:#fff;padding:.4rem .9rem;border:.13rem solid rgba(255,255,255,.45);border-radius:.5rem;background:rgba(0,0,0,.28)}.load-error-btn:disabled{opacity:.55;cursor:default}.load-error-btn.primary{color:#4a2400;border-color:#ffe28a;background:linear-gradient(180deg,#ffe28a 0%,#ffb84a 100%)}@media(prefers-reduced-motion:reduce){.scene::before,.scene::after,.logo-wrap,.logo-main,.loading-text,.progress-fill,.progress-shine{animation:none}}