/* ========== SVG 图标样式与动画 ========== */

/* 手指引导容器 */
.guide-finger {
  position: absolute;
  width: 72px;
  height: 90px;
  z-index: 200;
  pointer-events: none;
  animation: svgFingerPoint 1.6s cubic-bezier(0.4, 0, 0.2, 1) infinite;
  filter: drop-shadow(0 4px 8px rgba(0,0,0,0.25));
}
.guide-finger .svg-finger {
  width: 100%;
  height: 100%;
  display: block;
}
/* 移除旧的 CSS 拼接子元素（兼容） */
.guide-finger .finger-nail,
.guide-finger .finger-palm { display: none; }

@keyframes svgFingerPoint {
  0%, 100% { transform: translateY(0) rotate(-3deg); }
  50% { transform: translateY(14px) rotate(0deg); }
}

/* 大喇叭（容器） */
.icon-speaker {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  vertical-align: middle;
  margin-right: 7px;
  position: relative;
}
.icon-speaker .svg-speaker {
  width: 100%;
  height: 100%;
  display: block;
  transform-origin: center 60%;
}
/* 声波脉冲动画（整体轻微缩放） */
.voice-guide-icon .icon-speaker .svg-speaker {
  animation: speakerPulse 1.2s ease-in-out infinite;
}
@keyframes speakerPulse {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.18); }
}
/* 喇叭眼睛眨眼（用 E5BD41 黄点闪烁模拟） */
.icon-speaker .svg-speaker path[fill="#E5BD41"] {
  animation: eyeBlink 3s ease-in-out infinite;
  transform-origin: center;
}
@keyframes eyeBlink {
  0%, 90%, 100% { opacity: 1; transform: scaleY(1); }
  93%, 97% { opacity: 1; transform: scaleY(0.1); }
}

/* 小喇叭 */
.icon-speaker-sm {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 17px;
  height: 17px;
  vertical-align: middle;
  margin-right: 6px;
  position: relative;
}
.icon-speaker-sm .svg-speaker-sm {
  width: 100%;
  height: 100%;
  display: block;
}

/* 旧 sound-icon-large 兼容（指向新喇叭） */
.sound-icon-large {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  vertical-align: middle;
  margin-right: 7px;
  position: relative;
}
.sound-icon-large::before, .sound-icon-large::after { display: none; }

/* 语音引导图标容器 */
.voice-guide-icon {
  display: inline-flex;
  align-items: center;
  margin-right: 6px;
}