/* ============================================================
   造物原理 · 水电页专有样式
   ============================================================ */

/* 水轮机三变体：按落差切换显示 */
.turbine-variant {
  display: none;
}
.turbine-variant.active {
  display: inline;
}

/* 场景内深色图纸标注 */
.bp-label-dark {
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.08em;
  fill: var(--scene-ink);
}

/* 库区水面（环境动画，唯一一个） */
#waveGroup {
  animation: waveDrift 7s ease-in-out infinite alternate;
}
@keyframes waveDrift {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-14px);
  }
}

.tail-wave {
  animation: waveDrift 5.4s ease-in-out infinite alternate-reverse;
}

/* 并网指示 */
#gridLine {
  stroke-dasharray: 6 7;
}
.sim-scene.is-live #gridLine {
  animation: chainflow 0.8s linear infinite;
}
#gridDot {
  opacity: 0.25;
  transition: opacity var(--motion-base) var(--ease-standard);
}
.sim-scene.is-live #gridDot {
  opacity: 1;
  animation: gridpulse 1.6s ease-in-out infinite;
}

@media (prefers-reduced-motion: reduce) {
  #waveGroup,
  .tail-wave,
  .sim-scene.is-live #gridLine,
  .sim-scene.is-live #gridDot {
    animation: none;
  }
}
