/* 产品卡片动画效果 - 只改变动画，不改变内部样式 */

/* 初始状态：产品卡片隐藏 - 从下方隐藏 */
.aos-animate {
    opacity: 0;
    transform: translateY(50px) scale(0.9);
    transition: opacity 0.6s ease, transform 0.6s ease;
    will-change: opacity, transform; /* 优化动画性能 */
}

/* 动画进入状态 - 从下方滑入效果 */
.aos-animate.card-animate-in {
    opacity: 1 !important;
    transform: translateY(0) scale(1) !important;
    transition: opacity 0.6s ease, transform 0.6s ease !important;
    will-change: auto; /* 动画完成后移除性能优化 */
}

/* 确保移除动画类时立即重置到初始状态 */
.aos-animate:not(.card-animate-in) {
    opacity: 0 !important;
    transform: translateY(50px) scale(0.9) !important;
    transition: none !important; /* 移除transition确保立即重置 */
}

/* 悬停效果增强 - 只对已动画的卡片生效 */
/* .mall_cont_pBLeft_list.card-animate-in:hover {
    transform: scale(1.05) !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
    transition: all 0.3s ease;
} */

/* 响应式设计 */
@media (max-width: 768px) {
    .aos-animate {
        transform: translateY(30px) scale(0.9); /* 移动端从更近的下方开始 */
    }
    
    .aos-animate:not(.card-animate-in) {
        transform: translateY(30px) scale(0.9) !important;
    }
}
<!--8.9883804321289E-5-->