/* ECU_BY_Bank_Online — หน้าจอโหลด (โลโก้ PCB สีขาว + คำอธิบาย) ใช้ทุกหน้า · 10 ต.ค. 2569
   โชว์ตั้งแต่เริ่มโหลด → splash.js ซ่อนเมื่อโหลดเสร็จ · กดลิงก์ไปหน้าอื่น = โชว์อีกระหว่างรอ
   ★ ถ้าสคริปต์ไม่ทำงาน ซ่อนเองหลัง 8 วิ (animation) กันค้างทับหน้า */
.splash{position:fixed;inset:0;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;
  background:#070707;opacity:1;visibility:visible;transition:opacity .45s ease,visibility .45s;
  animation:spAuto 0s 8s forwards}
.splash.show{animation:none;opacity:1;visibility:visible}
.splash.hide{opacity:0;visibility:hidden;animation:none}
@keyframes spAuto{to{opacity:0;visibility:hidden}}
.splash:before{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(60% 50% at 50% 42%,rgba(255,40,50,.14),transparent 70%)}
.splash img{position:relative;width:min(420px,72vw);height:auto;filter:drop-shadow(0 0 18px rgba(255,255,255,.18));animation:spGlow 1.6s ease-in-out infinite alternate}
@keyframes spGlow{from{filter:drop-shadow(0 0 8px rgba(255,255,255,.10))}to{filter:drop-shadow(0 0 22px rgba(255,255,255,.32))}}
.sp-bar{position:relative;width:min(260px,60vw);height:3px;border-radius:3px;background:#222;overflow:hidden}
.sp-bar i{position:absolute;top:0;bottom:0;width:40%;border-radius:3px;background:linear-gradient(90deg,transparent,#ff2a35,transparent);animation:spRun 1.1s ease-in-out infinite}
@keyframes spRun{from{left:-40%}to{left:100%}}
.sp-cap{position:relative;margin:0;font:600 15px 'Noto Sans Thai','Sarabun',sans-serif;color:#e8e8ea;letter-spacing:.02em;text-align:center;padding:0 20px}
.sp-sub{position:relative;margin:-12px 0 0;font:400 13px 'Noto Sans Thai','Sarabun',sans-serif;color:#8d8d92;text-align:center}
@media(prefers-reduced-motion:reduce){.splash img,.sp-bar i{animation:none}.sp-bar i{left:30%}}
