/**
 * Anime.js 动画样式支持
 * 为入场动画提供初始状态
 */

/* Hero 元素初始状态 - 默认隐藏，由 Anime.js 动画显示 */
.hero-badge,
.hero > div[style*="text-align"] img {
  opacity: 0;
}

/* 每日精选元素初始状态 */
.daily-picks .section-title,
.pick-item {
  opacity: 0;
}

/* 洞察卡片初始状态 */
.insights-section .section-title,
.insight-card {
  opacity: 0;
}

/* 笔记卡片初始状态 */
.card-grid ~ .note-card,
.note-card {
  opacity: 0;
}

/* Section title 默认透明（配合动画） */
.section .section-title {
  opacity: 0;
}

/* 搜索框初始状态 */
.search-box {
  opacity: 0;
}

/* Stat 统计项初始状态 */
.stat-item {
  opacity: 0;
}

/* 通用滚动动画元素 */
.scroll-animate {
  opacity: 0;
}

/* 动画过渡优化 - 防止闪烁 */
@media (prefers-reduced-motion: reduce) {
  .hero-badge,
  .pick-item,
  .insight-card,
  .note-card,
  .section .section-title,
  .search-box,
  .stat-item,
  .scroll-animate {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}

/* 移动端减少动画效果 */
@media (max-width: 768px) {
  .hero-badge,
  .pick-item,
  .insight-card,
  .note-card,
  .section .section-title,
  .search-box,
  .stat-item {
    opacity: 1 !important;
    transform: none !important;
  }
}