/* Scoped final diagonal brand motion, layered over the existing payment UI. */
body #灵光充值遮罩 #灵光充值弹窗{grid-template-columns:340px minmax(0,1fr)!important;background:radial-gradient(ellipse at -12% 75%,#b1ccf3,transparent 58%),radial-gradient(ellipse at 112% 15%,#b3e5dd,transparent 55%),#f4f8fd!important;overflow-x:hidden!important}
body #灵光充值遮罩 #灵光充值弹窗 .brand-panel{padding:42px 30px 34px!important;z-index:1!important}
body #灵光充值遮罩 #灵光充值弹窗 .explanations{margin:auto 0 0!important;padding-top:180px!important;gap:24px!important;justify-content:start!important}
body #灵光充值遮罩 #灵光充值弹窗 .payment-panel{margin:20px 20px 20px 0!important;padding:24px!important;z-index:1!important;background:rgba(255,255,255,.32)!important;backdrop-filter:blur(18px) saturate(115%)!important;-webkit-backdrop-filter:blur(18px) saturate(115%)!important}
body #灵光充值遮罩 #灵光充值弹窗 .amounts{margin-top:22px!important;gap:8px!important}
body #灵光充值遮罩 #灵光充值弹窗 .amounts button{height:82px!important}
body #灵光充值遮罩 #灵光充值弹窗 .custom{margin-top:22px!important;grid-template-columns:88px minmax(0,1fr)!important}
body #灵光充值遮罩 #灵光充值弹窗 .hint{margin:8px 0 0 98px!important}
body #灵光充值遮罩 #灵光充值弹窗 .payment{margin:32px 0 20px!important}
body #灵光充值遮罩 #灵光充值弹窗>.close{position:absolute!important;top:18px!important;right:18px!important;z-index:5!important}
body #灵光充值遮罩 #灵光充值弹窗 .ribbon{position:absolute!important;inset:auto!important;left:-22%!important;top:19%!important;width:145%!important;height:58%!important;max-width:none!important;object-fit:fill!important;filter:saturate(1.25)!important;mask-image:linear-gradient(to bottom,transparent,#000 22%,#000 76%,transparent)!important;transform-origin:center!important;animation:recharge-ribbon-diagonal 16s ease-in-out infinite!important}
body #灵光充值遮罩 #灵光充值弹窗 .recharge-atmosphere,body #灵光充值遮罩 #灵光充值弹窗 .recharge-flow{position:absolute!important;inset:0!important;overflow:hidden!important;pointer-events:none!important;z-index:0!important}
body #灵光充值遮罩 #灵光充值弹窗 .recharge-atmosphere i{position:absolute!important;left:-24%!important;top:8%!important;width:115%!important;height:35%!important;border-radius:50%!important;background:linear-gradient(110deg,transparent 12%,rgba(100,171,237,.21) 40%,rgba(137,216,222,.18) 65%,transparent 90%)!important;filter:blur(18px)!important;transform:rotate(24deg)!important;animation:recharge-light-diagonal 15s ease-in-out infinite alternate!important}
body #灵光充值遮罩 #灵光充值弹窗 .recharge-atmosphere i:nth-child(2){left:-15%!important;top:31%!important;width:130%!important;height:29%!important;background:linear-gradient(100deg,transparent,rgba(80,180,194,.23),rgba(110,164,232,.19),transparent)!important;animation-duration:19s!important;animation-delay:-8s!important}
body #灵光充值遮罩 #灵光充值弹窗 .recharge-atmosphere i:nth-child(3){left:-12%!important;top:-6%!important;width:46%!important;height:46%!important;background:radial-gradient(ellipse,rgba(109,182,232,.2),rgba(151,219,226,.09) 45%,transparent 70%)!important;animation:recharge-halo-diagonal 18s ease-in-out infinite alternate!important}
body #灵光充值遮罩 #灵光充值弹窗 .recharge-atmosphere:after{content:'';position:absolute;left:-10%;top:36%;width:120%;height:22%;border-top:2px solid rgba(255,255,255,.92);border-radius:50%;transform:rotate(21deg);box-shadow:0 -2px 12px rgba(203,246,255,.6);animation:recharge-light-diagonal 16s ease-in-out infinite alternate}
body #灵光充值遮罩 #灵光充值弹窗 .recharge-flow i{position:absolute;left:0;top:0;opacity:0;height:4px;border-radius:50%;background:linear-gradient(90deg,transparent,hsla(var(--light-hue),85%,66%,.1) 12%,hsla(var(--light-hue),90%,68%,.5) 65%,rgba(237,255,255,.95) 91%,#fff 96%,transparent);box-shadow:0 0 8px rgba(229,253,255,.65),0 0 20px hsla(var(--light-hue),80%,62%,.4)}
body #灵光充值遮罩 #灵光充值弹窗 .recharge-flow i:after{content:'';position:absolute;inset:-5px 0;background:inherit;filter:blur(5px);opacity:.65;border-radius:50%}
@keyframes recharge-ribbon-diagonal{0%,100%{transform:translate(-24px,-18px) rotate(24deg) scaleY(.98);opacity:.66}50%{transform:translate(24px,20px) rotate(24deg) scaleY(1.04);opacity:.8}}
@keyframes recharge-light-diagonal{from{translate:-25px -16px;opacity:.65}to{translate:65px 45px;opacity:1}}
@keyframes recharge-halo-diagonal{from{translate:0 0;opacity:.8}to{translate:180px 125px;opacity:.45}}
@media(max-width:740px){body #灵光充值遮罩 #灵光充值弹窗{grid-template-columns:1fr!important}body #灵光充值遮罩 #灵光充值弹窗 .brand-panel{padding:24px!important}body #灵光充值遮罩 #灵光充值弹窗 .explanations{padding-top:0!important;margin-top:24px!important;gap:16px!important}body #灵光充值遮罩 #灵光充值弹窗 .payment-panel{margin:0 12px 12px!important;padding:24px 16px!important}}
@media(prefers-reduced-motion:reduce){body #灵光充值遮罩 #灵光充值弹窗 .ribbon{animation:none!important;transform:rotate(24deg)!important;opacity:.7!important}body #灵光充值遮罩 #灵光充值弹窗 .recharge-atmosphere i,body #灵光充值遮罩 #灵光充值弹窗 .recharge-atmosphere:after{animation:none!important}body #灵光充值遮罩 #灵光充值弹窗 .recharge-flow{display:none!important}}
body #灵光充值遮罩[hidden] #灵光充值弹窗 .ribbon,body #灵光充值遮罩[hidden] #灵光充值弹窗 .recharge-atmosphere i{animation-play-state:paused!important}