/* ==================== 内容区滚动入场动画 ==================== */

/* li 标签初始状态：隐藏并向下偏移 */
section li {
  opacity: 0;
  transform: translateY(50px);
  transition: none; /* 初始状态不需要过渡 */
}

/* 当 li 进入视口时，添加 animate-in 类触发动画 */
section li.animate-in {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

/* 确保 hover 效果在动画后仍然有效 */
section li.animate-in:hover {
  /* transform: translateY(-8px); */
}

/* 分页器入场动画 */
.pagination {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.6s ease 0.3s, transform 0.6s ease 0.3s;
}

.pagination.animate-in {
  opacity: 1;
  transform: translateY(0);
}

/* 内容区整体入场动画 */
section {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}

section.animate-in {
  opacity: 1;
  transform: translateY(0);
}