/* 透明品牌特效：620ms结束，不遮住正文、不阻止交互。 */
.splash.splash--renewed,html[data-theme="dark"] .splash.splash--renewed{background:transparent;pointer-events:none;isolation:isolate}
html.splash-fx-on .splash.splash--renewed{display:grid}
.splash--renewed .splash-inner{position:relative;display:grid;justify-items:center;gap:8px;max-width:calc(100vw - 32px);padding:16px;text-align:center;transform:translateY(-6vh)}
.splash--renewed .splash-emblem{position:relative;width:148px;height:128px;display:grid;place-items:center}
.splash--renewed .splash-mark{position:relative;width:108px;height:86px;border-radius:0;overflow:hidden;clip-path:polygon(14% 0,86% 0,100% 18%,100% 82%,86% 100%,14% 100%,0 82%,0 18%);background:linear-gradient(135deg,#81caff,#2782ef 42%,#244bba);color:#fff;font-size:42px;font-weight:850;letter-spacing:-.06em;box-shadow:none;border:1px solid #91caff;text-shadow:0 2px 6px #2152a5}
.splash--renewed .splash-mark::after{content:"";position:absolute;inset:-28px auto -28px 0;width:38px;background:linear-gradient(90deg,transparent,#ffffffb8,transparent);transform:translateX(-80px) skewX(-25deg)}
.splash--renewed .splash-frame{position:absolute;inset:0}
.splash--renewed .splash-frame i{position:absolute;width:18px;height:18px;border-top:2px solid #458af0;border-left:2px solid #458af0}
.splash--renewed .splash-frame i:nth-child(1){left:0;top:0}
.splash--renewed .splash-frame i:nth-child(2){right:0;top:0;transform:rotate(90deg)}
.splash--renewed .splash-frame i:nth-child(3){right:0;bottom:0;transform:rotate(180deg)}
.splash--renewed .splash-frame i:nth-child(4){left:0;bottom:0;transform:rotate(270deg)}
.splash--renewed .splash-beam{position:absolute;left:-45px;right:-45px;top:50%;height:2px;background:linear-gradient(90deg,transparent,#6dc1ff,#3980ea,transparent);opacity:0}
.splash--renewed .splash-title,.splash--renewed .splash-note{max-width:min(480px,calc(100vw - 64px));padding:4px 12px;border-radius:6px;background:#f6f9ff;overflow-wrap:anywhere}
.splash--renewed .splash-title{color:#132b50;font-size:clamp(20px,4vw,26px);line-height:1.35;letter-spacing:.025em;text-indent:.025em}
.splash--renewed .splash-note{color:#405778;font-size:11px;line-height:1.5;letter-spacing:.05em}
html[data-theme="dark"] .splash--renewed .splash-title,html[data-theme="dark"] .splash--renewed .splash-note{background:#16243b;color:#d6e2f7}
html[data-theme="dark"] .splash--renewed .splash-frame i{border-color:#86b7ff}
.splash--renewed .splash-snow{position:absolute;inset:0}
.splash--renewed .splash-snow i,html[data-theme="dark"] .splash--renewed .splash-snow i{position:absolute;left:50%;top:40%;width:5px;height:10px;border-radius:0;background:#4690ee;box-shadow:none;opacity:0;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}
.splash--renewed .splash-skip{position:absolute;right:max(20px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));pointer-events:auto;min-height:44px;padding:10px 16px;border:1px solid #b7cae8;border-radius:999px;background:#f6f9ff;color:#405778;font:inherit;font-size:12px;cursor:pointer}
.splash--renewed .splash-skip span{margin-left:8px}
.splash--renewed .splash-skip:focus-visible{outline:2px solid #3558c8;outline-offset:3px}
html[data-theme="dark"] .splash--renewed .splash-skip{background:#16243b;color:#d6e2f7;border-color:#657fa5}
html[data-theme="dark"] .splash--renewed .splash-skip:focus-visible{outline-color:#a8bfff}
@media(prefers-reduced-motion:no-preference){
html.splash-fx-on .splash.splash--renewed{animation:fx-launch-out 170ms ease 450ms forwards}
html.splash-fx-on .splash--renewed .splash-mark{animation:fx-launch-assemble 260ms cubic-bezier(.15,.8,.25,1) both}
html.splash-fx-on .splash--renewed .splash-mark::after{animation:fx-launch-glint 280ms ease 80ms both}
html.splash-fx-on .splash--renewed .splash-frame{animation:fx-launch-frame 440ms ease both}
html.splash-fx-on .splash--renewed .splash-beam{animation:fx-launch-beam 320ms ease both}
html.splash-fx-on .splash--renewed .splash-beam:nth-of-type(2){animation-name:fx-launch-beam-reverse;animation-delay:60ms}
html.splash-fx-on .splash--renewed .splash-title{animation:fx-launch-title 180ms ease 80ms both}
html.splash-fx-on .splash--renewed .splash-note{animation:fx-launch-title 160ms ease 140ms both}
html.splash-fx-on .splash--renewed .splash-snow i{animation:fx-launch-shard 480ms ease-out var(--delay) both}
}
@keyframes fx-launch-out{to{opacity:0}}
@keyframes fx-launch-assemble{from{opacity:0;transform:scale(.78) translateY(12px)}to{opacity:1;transform:none}}
@keyframes fx-launch-glint{from{opacity:0;transform:translateX(-80px) skewX(-25deg)}25%{opacity:1}to{opacity:0;transform:translateX(155px) skewX(-25deg)}}
@keyframes fx-launch-frame{from{opacity:0;transform:scale(1.25) rotate(-8deg)}45%{opacity:.9;transform:scale(1) rotate(0)}to{opacity:0;transform:scale(1.12) rotate(0)}}
@keyframes fx-launch-beam{from{opacity:0;transform:rotate(-17deg) scaleX(.1)}30%{opacity:.9}to{opacity:0;transform:rotate(-17deg) scaleX(1.2)}}
@keyframes fx-launch-beam-reverse{from{opacity:0;transform:rotate(17deg) scaleX(.1)}30%{opacity:.9}to{opacity:0;transform:rotate(17deg) scaleX(1.2)}}
@keyframes fx-launch-title{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@keyframes fx-launch-shard{from{opacity:0;transform:translate(0,0) rotate(0) scale(.8)}18%{opacity:.85}to{opacity:0;transform:translate(var(--tx),var(--ty)) rotate(var(--turn)) scale(.3)}}
@media(max-width:520px){.splash--renewed .splash-inner{transform:translateY(-8vh)}.splash--renewed .splash-emblem{width:124px;height:108px}.splash--renewed .splash-mark{width:92px;height:74px;font-size:36px}.splash--renewed .splash-beam{left:-28px;right:-28px}}
@media(prefers-reduced-motion:reduce){html.splash-fx-on .splash.splash--renewed{display:none;animation:none}}