#ocx-splash {
  position: fixed;
  top: 0; left: 0; width: 100%; height: 100%;
  background: #F4F1EC;
  z-index: 99999;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.6s ease;
  overflow: hidden;
}

#ocx-splash.hide {
  opacity: 0;
  pointer-events: none;
}

#ocx-splash-text {
  position: relative;
  z-index: 2;
  font-family: 'Mukta', sans-serif;
  font-size: clamp(3rem, 7vw, 6rem);
  color: #1C1B18;
  letter-spacing: 0em;
}

#ocx-splash-text .ocx-chinese {
  font-family: 'Noto Sans SC', sans-serif;
  font-weight: 500;
  font-size: 0.78em;
}

#site-name .ocx-chinese,
#site-name-mobile .ocx-chinese {
  font-family: 'Noto Sans SC', sans-serif;
  font-weight: 500;
  font-size: 0.9em;
}

.aura-blob {
  position: absolute;
  border-radius: 50%;
  filter: blur(8vw);
  will-change: transform;
  opacity: 0.6;
  pointer-events: none;
}
.b1 { width:60vw;height:60vw;background:radial-gradient(circle,#c9b4f5,transparent 70%);top:-20vw;left:-20vw;animation:aura1 4s ease-in-out infinite alternate; }
.b2 { width:50vw;height:50vw;background:radial-gradient(circle,#f5b4d8,transparent 70%);top:-15vw;right:-15vw;animation:aura2 5s ease-in-out infinite alternate; }
.b3 { width:55vw;height:55vw;background:radial-gradient(circle,#b4e8f5,transparent 70%);bottom:-20vw;left:15%;animation:aura3 3.5s ease-in-out infinite alternate; }
.b4 { width:45vw;height:45vw;background:radial-gradient(circle,#f5e8b4,transparent 70%);bottom:-15vw;right:5%;animation:aura4 4.5s ease-in-out infinite alternate; }
.b5 { width:40vw;height:40vw;background:radial-gradient(circle,#b4f5d4,transparent 70%);top:35%;left:35%;animation:aura5 3s ease-in-out infinite alternate; }
@keyframes aura1 { from{transform:translate(0,0) scale(1)} to{transform:translate(100px,80px) scale(1.2)} }
@keyframes aura2 { from{transform:translate(0,0) scale(1)} to{transform:translate(-80px,100px) scale(0.85)} }
@keyframes aura3 { from{transform:translate(0,0) scale(1)} to{transform:translate(60px,-90px) scale(1.15)} }
@keyframes aura4 { from{transform:translate(0,0) scale(1.05)} to{transform:translate(-100px,-60px) scale(0.9)} }
@keyframes aura5 { from{transform:translate(0,0) scale(1)} to{transform:translate(-70px,60px) scale(1.3)} }