/* 固定梦幻流体底色 */
@keyframes fluidLavaFlow {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.fusion-rainbow-bg {
  background: linear-gradient(-45deg, #eff6ff, #fdf4ff, #fff7ed, #ecfdf5, #fff1f2);
  background-size: 300% 300%;
  animation: fluidLavaFlow 15s ease infinite;
}

.dark .fusion-rainbow-bg {
  background: linear-gradient(-45deg, #070a12, #120822, #1d0713, #03120f, #100c26);
  background-size: 300% 300%;
}

/* 固定极光游走 */
@keyframes wanderBlob1 {
  0%,
  100% {
    transform: translate(0px, 0px) scale(1) rotate(0deg);
  }
  50% {
    transform: translate(30px, -20px) scale(1.1) rotate(90deg);
  }
}
@keyframes wanderBlob2 {
  0%,
  100% {
    transform: translate(0px, 0px) scale(1) rotate(0deg);
  }
  50% {
    transform: translate(-30px, 30px) scale(1.05) rotate(-90deg);
  }
}
.aurora-glow-1 {
  animation: wanderBlob1 14s ease-in-out infinite;
}
.aurora-glow-2 {
  animation: wanderBlob2 18s ease-in-out infinite;
}

/* 标题高频流光 */
.elite-text-shimmer {
  background-size: 200% auto;
  animation: fluidLavaFlow 3s linear infinite;
}

/* 清晰度文本微衬影 */
.text-shadow-clear {
  text-shadow: 0 2px 10px rgba(255, 255, 255, 0.4);
}
.dark .text-shadow-clear {
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.5);
}

/* 异步浮动控制 */
@keyframes subtleUpAndDown {
  0%,
  100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-5px);
  }
}
.premium-float-1 {
  animation: subtleUpAndDown 5s ease-in-out infinite;
}
.premium-float-2 {
  animation: subtleUpAndDown 6s ease-in-out infinite;
  animation-delay: 0.25s;
}
.premium-float-3 {
  animation: subtleUpAndDown 7s ease-in-out infinite;
  animation-delay: 0.5s;
}
.premium-float-4 {
  animation: subtleUpAndDown 8s ease-in-out infinite;
  animation-delay: 0.75s;
}

/* 极细微几何网格 */
.micro-tech-mesh {
  background-size: 32px 32px;
  background-image:
    linear-gradient(to right, rgba(99, 102, 241, 0.03) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(99, 102, 241, 0.03) 1px, transparent 1px);
}
.dark .micro-tech-mesh {
  background-image:
    linear-gradient(to right, rgba(255, 255, 255, 0.01) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(255, 255, 255, 0.01) 1px, transparent 1px);
}

/* 开屏优雅载入 */
@keyframes entranceFade {
  from {
    opacity: 0;
    transform: translateY(12px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.page-entrance-anim {
  animation: entranceFade 0.5s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

@keyframes float {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-20px);
  }
}