/* ===== NewAI Animation Styles ===== */
/* NewAI动画样式 - 所有@keyframes和动画效果 */

/* ========== 浮动动画 - Float Animation ========== */
@keyframes float {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-15px);
  }
}

/* ========== 旋转动画 - Spin Animation ========== */
@keyframes spin {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

/* ========== 波浪流动动画 - Wave Flow Animation ========== */
@keyframes wave-flow {
  0%, 100% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(10px);
  }
}

.wave-1 {
  animation: wave-flow 3s ease-in-out infinite;
}

.wave-2 {
  animation: wave-flow 3s ease-in-out infinite 0.3s;
}

.wave-3 {
  animation: wave-flow 3s ease-in-out infinite 0.6s;
}

/* ========== 脉冲发光动画 - Pulse Glow Animation ========== */
@keyframes pulse-glow {
  0%, 100% {
    box-shadow: 0 0 40px rgba(64, 186, 171, 0.2);
  }
  50% {
    box-shadow: 0 0 60px rgba(64, 186, 171, 0.4);
  }
}

/* ========== 虚线流动动画 - Dash Flow Animation ========== */
@keyframes dash-flow {
  to {
    stroke-dashoffset: -24;
  }
}

.hex-line {
  animation: dash-flow 2s linear infinite;
}

/* ========== 六边形脉冲动画 - Hex Pulse Animation ========== */
@keyframes hex-pulse {
  0%, 100% {
    opacity: 0.5;
  }
  50% {
    opacity: 1;
  }
}

.hex-unknown {
  animation: hex-pulse 3s ease-in-out infinite;
}

/* ========== 六边形节点过渡 - Hex Node Transition ========== */
.hex-node {
  transition: all 0.3s ease;
}

.hex-node:hover {
  transform: scale(1.1);
}

/* ========== SVG过滤器定义 - SVG Filter Definitions ========== */
/*
注意：SVG过滤器需要在HTML中通过<defs>标签定义
这里仅作为文档说明，实际过滤器在HTML的SVG元素中
*/

/*
Teal Glow Filter (glow-teal):
- 用于青色发光效果
- stdDeviation: 4

Gold Glow Filter (glow-gold):
- 用于金色发光效果
- stdDeviation: 8
*/