body > .page_body > .main_content div[tag="slot"][data-slot-aos]:not([data-slot-aos=""]) {
    opacity: 0;
    visibility: hidden;
    will-change: transform, opacity;
}

/* ========== 所有动画统一使用transform ========== */
/* 每个动画类型的初始变换 - 只保留8种 */
[data-slot-aos="fade-up"] {
    transform: translateY(50px);
}

[data-slot-aos="fade-left"] {
    transform: translateX(30px);
}

[data-slot-aos="fade-right"] {
    transform: translateX(-30px);
}

[data-slot-aos="zoom-in"] {
    transform: scale(0.9);
}

[data-slot-aos="zoom-in-up"] {
    transform: translateY(50px) scale(0.9);
}

[data-slot-aos="zoom-in-down"] {
    transform: translateY(-50px) scale(0.9);
}

[data-slot-aos="zoom-in-left"] {
    transform: translateX(30px) scale(0.9);
}

[data-slot-aos="zoom-in-right"] {
    transform: translateX(-30px) scale(0.9);
}

/* 正向动画完成状态 */
[data-slot-aos="fade-up"].slot-aos-animate-forward,
[data-slot-aos="fade-up"][slot-aos-status="visible"] {
    transform: translateY(0);
}

[data-slot-aos="fade-left"].slot-aos-animate-forward,
[data-slot-aos="fade-left"][slot-aos-status="visible"] {
    transform: translateX(0);
}

[data-slot-aos="fade-right"].slot-aos-animate-forward,
[data-slot-aos="fade-right"][slot-aos-status="visible"] {
    transform: translateX(0);
}

[data-slot-aos="zoom-in"].slot-aos-animate-forward,
[data-slot-aos="zoom-in"][slot-aos-status="visible"] {
    transform: scale(1);
}

[data-slot-aos="zoom-in-up"].slot-aos-animate-forward,
[data-slot-aos="zoom-in-up"][slot-aos-status="visible"] {
    transform: translateY(0) scale(1);
}

[data-slot-aos="zoom-in-down"].slot-aos-animate-forward,
[data-slot-aos="zoom-in-down"][slot-aos-status="visible"] {
    transform: translateY(0) scale(1);
}

[data-slot-aos="zoom-in-left"].slot-aos-animate-forward,
[data-slot-aos="zoom-in-left"][slot-aos-status="visible"] {
    transform: translateX(0) scale(1);
}

[data-slot-aos="zoom-in-right"].slot-aos-animate-forward,
[data-slot-aos="zoom-in-right"][slot-aos-status="visible"] {
    transform: translateX(0) scale(1);
}

/* 反向动画隐藏状态 */
[data-slot-aos="fade-left"].slot-aos-animate-reverse {
    transform: translateX(30px);
}

[data-slot-aos="fade-right"].slot-aos-animate-reverse {
    transform: translateX(-30px);
}

[data-slot-aos="zoom-in-left"].slot-aos-animate-reverse {
    transform: translateX(30px) scale(0.9);
}

[data-slot-aos="zoom-in-right"].slot-aos-animate-reverse {
    transform: translateX(-30px) scale(0.9);
}

[data-slot-aos="fade-up"].slot-aos-animate-reverse {
    transform: translateY(50px);
}

[data-slot-aos="zoom-in"].slot-aos-animate-reverse {
    transform: scale(0.9);
}

[data-slot-aos="zoom-in-up"].slot-aos-animate-reverse {
    transform: translateY(50px) scale(0.9);
}

[data-slot-aos="zoom-in-down"].slot-aos-animate-reverse {
    transform: translateY(-50px) scale(0.9);
}

/* ========== 动画关键帧 - 移除固定时长 ========== */
@keyframes fadeUp {
    to {
        opacity: 1;
        transform: translateY(0);
        visibility: visible;
    }
}

@keyframes fadeLeft {
    to {
        opacity: 1;
        transform: translateX(0);
        visibility: visible;
    }
}

@keyframes fadeRight {
    to {
        opacity: 1;
        transform: translateX(0);
        visibility: visible;
    }
}

@keyframes zoomIn {
    to {
        opacity: 1;
        transform: scale(1);
        visibility: visible;
    }
}

@keyframes zoomInUp {
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
        visibility: visible;
    }
}

@keyframes zoomInDown {
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
        visibility: visible;
    }
}

@keyframes zoomInLeft {
    to {
        opacity: 1;
        transform: translateX(0) scale(1);
        visibility: visible;
    }
}

@keyframes zoomInRight {
    to {
        opacity: 1;
        transform: translateX(0) scale(1);
        visibility: visible;
    }
}

/* ========== 反向动画关键帧 ========== */
@keyframes fadeUpReverse {
    from {
        opacity: 1;
        transform: translateY(0);
        visibility: visible;
    }
    to {
        opacity: 0;
        transform: translateY(50px);
        visibility: hidden;
    }
}

@keyframes fadeLeftReverse {
    from {
        opacity: 1;
        transform: translateX(0);
        visibility: visible;
    }
    to {
        opacity: 0;
        transform: translateX(30px);
        visibility: hidden;
    }
}

@keyframes fadeRightReverse {
    from {
        opacity: 1;
        transform: translateX(0);
        visibility: visible;
    }
    to {
        opacity: 0;
        transform: translateX(-30px);
        visibility: hidden;
    }
}

@keyframes zoomInReverse {
    from {
        opacity: 1;
        transform: scale(1);
        visibility: visible;
    }
    to {
        opacity: 0;
        transform: scale(0.9);
        visibility: hidden;
    }
}

@keyframes zoomInUpReverse {
    from {
        opacity: 1;
        transform: translateY(0) scale(1);
        visibility: visible;
    }
    to {
        opacity: 0;
        transform: translateY(50px) scale(0.9);
        visibility: hidden;
    }
}

@keyframes zoomInDownReverse {
    from {
        opacity: 1;
        transform: translateY(0) scale(1);
        visibility: visible;
    }
    to {
        opacity: 0;
        transform: translateY(-50px) scale(0.9);
        visibility: hidden;
    }
}

@keyframes zoomInLeftReverse {
    from {
        opacity: 1;
        transform: translateX(0) scale(1);
        visibility: visible;
    }
    to {
        opacity: 0;
        transform: translateX(30px) scale(0.9);
        visibility: hidden;
    }
}

@keyframes zoomInRightReverse {
    from {
        opacity: 1;
        transform: translateX(0) scale(1);
        visibility: visible;
    }
    to {
        opacity: 0;
        transform: translateX(-30px) scale(0.9);
        visibility: hidden;
    }
}