/**
 * 闪电图标 - 分裂重影闪烁效果
 * 只对闪电路径(.bolt-anim)应用动画，外框静止
 */

/* Header小Logo - 闪电路径动画 */
.bolt-anim {
  animation: bolt-ghost 1.5s ease-in-out infinite;
  transform-origin: center;
}

@keyframes bolt-ghost {
  0%, 100% {
    filter: none;
    opacity: 1;
  }
  12% {
    /* 左侧残影 */
    filter: 
      drop-shadow(-3px 0 0 rgba(255, 224, 102, 0.9))
      drop-shadow(-6px 0 0 rgba(255, 200, 60, 0.6))
      drop-shadow(-10px 0 0 rgba(255, 180, 40, 0.3));
  }
  25% {
    filter: none;
  }
  37% {
    /* 右侧残影 */
    filter: 
      drop-shadow(3px 0 0 rgba(255, 224, 102, 0.9))
      drop-shadow(6px 0 0 rgba(255, 200, 60, 0.6))
      drop-shadow(10px 0 0 rgba(255, 180, 40, 0.3));
  }
  50% {
    filter: none;
  }
}

/* Footer大Logo - 更强烈的残影 */
.bolt-anim-strong {
  animation: bolt-ghost-strong 1.8s ease-in-out infinite;
  transform-origin: center;
}

@keyframes bolt-ghost-strong {
  0%, 100% {
    filter: none;
    opacity: 1;
  }
  10% {
    /* 左侧残影 - 更强 */
    filter: 
      drop-shadow(-4px 0 0 rgba(255, 240, 150, 1))
      drop-shadow(-8px 0 0 rgba(255, 216, 100, 0.7))
      drop-shadow(-12px 0 0 rgba(255, 200, 60, 0.5))
      drop-shadow(-16px 0 2px rgba(255, 180, 40, 0.3));
  }
  20% {
    filter: none;
  }
  30% {
    /* 右侧残影 - 更强 */
    filter: 
      drop-shadow(4px 0 0 rgba(255, 240, 150, 1))
      drop-shadow(8px 0 0 rgba(255, 216, 100, 0.7))
      drop-shadow(12px 0 0 rgba(255, 200, 60, 0.5))
      drop-shadow(16px 0 2px rgba(255, 180, 40, 0.3));
  }
  40% {
    filter: none;
  }
}