/* =========================================
   转场动画 (animations.css)
   ========================================= */

.slide {
    transition: opacity var(--transition-speed) var(--transition-easing), 
                visibility var(--transition-speed) var(--transition-easing),
                transform var(--transition-speed) var(--transition-easing);
    transform: translateY(20px); /* 默认有一点向下的偏移 */
}

.slide.active {
    transform: translateY(0);
}

/* 回退动画：往后翻页时的离场 */
.slide.past {
    transform: translateY(-20px);
}

/* 可以根据需要在这里补充更复杂的元素级动画（例如淡入框、横向滑动等）*/
.fade-in {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.6s ease;
}

.active .fade-in {
    opacity: 1;
    transform: translateY(0);
}

/* 提供延迟层级 */
.active .delay-100 { transition-delay: 100ms; }
.active .delay-200 { transition-delay: 200ms; }
.active .delay-300 { transition-delay: 300ms; }
.active .delay-400 { transition-delay: 400ms; }