/* scroll-reveal.css — 滚动显现配套样式 */

.reveal {
  opacity: 0;
  will-change: opacity, transform;
  transition:
    opacity 0.7s cubic-bezier(0.22, 0.61, 0.36, 1),
    transform 0.7s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.reveal--up    { transform: translate3d(0, 40px, 0); }
.reveal--down  { transform: translate3d(0, -40px, 0); }
.reveal--left  { transform: translate3d(48px, 0, 0); }
.reveal--right { transform: translate3d(-48px, 0, 0); }
.reveal--zoom  { transform: scale(0.92); }
.reveal--flip  {
  transform: perspective(900px) rotateX(-24deg);
  transform-origin: 50% 0;
}

.reveal.is-revealed {
  opacity: 1;
  transform: none;
  will-change: auto;
}

/* 尊重系统的“减少动效”设置 */
@media (prefers-reduced-motion: reduce) {
  .reveal,
  .reveal.is-revealed {
    opacity: 1;
    transform: none;
    transition: none;
  }
}