/* 502 开场动画 - 样式 */
.opening-anim-502-overlay{position:fixed;inset:0;background:rgba(11,15,26,.55);color:#fff;z-index:999999;display:flex;align-items:center;justify-content:center;overflow:hidden;opacity:1;transition:opacity .6s ease}
.opening-anim-502-overlay.is-hidden{opacity:0;pointer-events:none}
.opening-anim-502-container{position:relative;display:flex;flex-direction:column;gap:14px;align-items:center;justify-content:center;text-align:center;padding:24px 28px}
.opening-anim-502-logo{font-size:18px;letter-spacing:.2em;text-transform:uppercase;color:#6ee7ff;opacity:.8;margin-bottom:10px}
.opening-anim-502-box{position:relative;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:26px 30px;backdrop-filter:blur(10px);background:linear-gradient(180deg,rgba(20,24,36,.9),rgba(20,24,36,.82));box-shadow:0 18px 60px rgba(0,0,0,.45);max-width:560px;width:92vw;transform:scale(.96) translateY(6px);opacity:.98;animation:opening502-pop .38s ease-out forwards}
.opening-anim-502-line{font-size:22px;line-height:1.5;opacity:0;transform:translateY(12px);transition:opacity .5s ease,transform .5s ease;white-space:nowrap}
.opening-anim-502-line.is-active{opacity:1;transform:translateY(0)}
.opening-anim-502-progress{position:absolute;left:0;bottom:0;height:2px;width:0;background:#6ee7ff;box-shadow:0 0 10px rgba(110,231,255,.6);transition:width linear}
.opening-anim-502-skip{position:absolute;right:12px;top:12px;background:rgba(255,255,255,.12);color:#fff;border:none;border-radius:20px;padding:6px 10px;font-size:12px;cursor:pointer}
.opening-anim-502-skip:hover{background:rgba(255,255,255,.18)}
.opening-anim-502-footer{margin-top:14px;font-size:12px;color:#a3b3c6;opacity:.8}

@keyframes opening502-pop{from{transform:scale(.96) translateY(6px);opacity:.92}to{transform:scale(1) translateY(0);opacity:1}}

@media (max-width:480px){
	.opening-anim-502-line{font-size:18px}
	.opening-anim-502-box{padding:20px 22px}
}