/* ============================================
   拾光计划 - 银河特效样式
   ============================================ */

/* === 银河背景 === */
.galaxy-bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: 
    radial-gradient(ellipse at 30% 20%, rgba(126, 184, 218, 0.05) 0%, transparent 50%),
    radial-gradient(ellipse at 70% 80%, rgba(180, 142, 221, 0.05) 0%, transparent 50%),
    radial-gradient(ellipse at 50% 50%, rgba(232, 193, 112, 0.03) 0%, transparent 70%),
    var(--color-bg-deep);
  z-index: 0;
}

/* === 银河时间轴 === */
.galaxy-timeline-path {
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 0;
  width: 3px;
  transform: translateX(-50%);
}

.galaxy-timeline-path::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    180deg,
    transparent 0%,
    rgba(232, 193, 112, 0.1) 5%,
    rgba(232, 193, 112, 0.4) 20%,
    rgba(126, 184, 218, 0.3) 40%,
    rgba(180, 142, 221, 0.3) 60%,
    rgba(232, 193, 112, 0.4) 80%,
    rgba(255, 150, 84, 0.3) 95%,
    transparent 100%
  );
  border-radius: 2px;
  animation: breathe 6s ease-in-out infinite;
}

.galaxy-timeline-path::after {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 8px;
  height: 100%;
  background: linear-gradient(
    180deg,
    transparent 0%,
    rgba(232, 193, 112, 0.05) 20%,
    rgba(232, 193, 112, 0.1) 50%,
    rgba(232, 193, 112, 0.05) 80%,
    transparent 100%
  );
  filter: blur(4px);
}

/* === 银河节点增强 === */
.galaxy-node {
  position: relative;
  margin-bottom: 60px;
}

.galaxy-node .galaxy-star {
  position: relative;
  z-index: 2;
}

.galaxy-node .galaxy-star::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 60px;
  height: 60px;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: radial-gradient(circle, rgba(232, 193, 112, 0.15) 0%, transparent 70%);
  animation: starTwinkle 4s ease-in-out infinite;
}

/* === 星尘装饰 === */
.stardust {
  position: absolute;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  background: white;
  opacity: 0;
  animation: stardustFloat 8s linear infinite;
}

@keyframes stardustFloat {
  0% {
    opacity: 0;
    transform: translateY(0) scale(0);
  }
  20% {
    opacity: 0.8;
    transform: translateY(-20px) scale(1);
  }
  80% {
    opacity: 0.6;
    transform: translateY(-80px) scale(0.8);
  }
  100% {
    opacity: 0;
    transform: translateY(-100px) scale(0);
  }
}

/* === 诗篇区域增强 === */
.galaxy-poem {
  position: relative;
}

.galaxy-poem::before {
  content: '';
  position: absolute;
  top: -40px;
  left: 50%;
  transform: translateX(-50%);
  width: 60px;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--color-gold), transparent);
}

.poem-era-title {
  font-size: 14px;
  color: var(--color-gold-dark);
  letter-spacing: 4px;
  margin-bottom: 8px;
  text-transform: uppercase;
}

.poem-section {
  margin-bottom: 40px;
}

.poem-section .poem-line {
  font-size: 16px;
  line-height: 2.2;
}

/* === 最终诗篇 === */
.final-poem {
  padding: 40px 0;
  text-align: center;
}

.final-poem .poem-line {
  font-size: 20px;
  color: var(--color-gold-light);
  animation-delay: var(--delay, 0ms);
}

.final-poem .poem-title {
  font-size: 24px;
  color: var(--color-gold);
  letter-spacing: 6px;
  margin-bottom: 30px;
  text-shadow: 0 0 30px rgba(232, 193, 112, 0.5);
}