/* 自定义工具类与交互样式 */
.content-auto {
  content-visibility: auto;
}

/* 轻微文字阴影增强可读性 */
.text-shadow {
  text-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

/* 卡片悬浮效果 */
.card-hover {
  transition: all 0.3s ease;
}
.card-hover:hover {
  transform: translateY(-5px);
}

/* 音频按钮悬浮效果 */
.audio-btn {
  transition: all 0.2s ease;
}
.audio-btn:hover {
  transform: scale(1.1);
}

/* 移动端菜单切换动画辅助（与Tailwind类配合） */
#mobile-menu.open {
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
}

/* 导航栏滚动态阴影增强 */
#navbar.scrolled {
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}

/* 表单输入聚焦状态优化（补充） */
input[type="text"],
input[type="email"] {
  transition: box-shadow 0.2s ease, border-color 0.2s ease;
}

/* 图片容器的轻微动效（提升视觉） */
img.hover-zoom:hover {
  transform: scale(1.02);
  transition: transform 0.3s ease;
}

/* 按钮的通用微动效 */
button {
  transition: transform 0.06s ease;
}
button:active {
  transform: translateY(1px);
}