/* ========================================
 * 企业官网 - 动画效果
 * ======================================== */

/* --- 滚动入场动画 --- */
.anim-fade-up {
    opacity: 0;
    -webkit-opacity: 0;
    transform: translateY(30px);
    -webkit-transform: translateY(30px);
    transition: opacity 0.6s ease, transform 0.6s ease;
    -webkit-transition: opacity 0.6s ease, -webkit-transform 0.6s ease;
}
.anim-fade-up.visible {
    opacity: 1;
    -webkit-opacity: 1;
    transform: translateY(0);
    -webkit-transform: translateY(0);
}

.anim-fade-left {
    opacity: 0;
    -webkit-opacity: 0;
    transform: translateX(-30px);
    -webkit-transform: translateX(-30px);
    transition: opacity 0.6s ease, transform 0.6s ease;
    -webkit-transition: opacity 0.6s ease, -webkit-transform 0.6s ease;
}
.anim-fade-left.visible {
    opacity: 1;
    -webkit-opacity: 1;
    transform: translateX(0);
    -webkit-transform: translateX(0);
}

.anim-fade-right {
    opacity: 0;
    -webkit-opacity: 0;
    transform: translateX(30px);
    -webkit-transform: translateX(30px);
    transition: opacity 0.6s ease, transform 0.6s ease;
    -webkit-transition: opacity 0.6s ease, -webkit-transform 0.6s ease;
}
.anim-fade-right.visible {
    opacity: 1;
    -webkit-opacity: 1;
    transform: translateX(0);
    -webkit-transform: translateX(0);
}

.anim-zoom-in {
    opacity: 0;
    -webkit-opacity: 0;
    transform: scale(0.9);
    -webkit-transform: scale(0.9);
    transition: opacity 0.6s ease, transform 0.6s ease;
    -webkit-transition: opacity 0.6s ease, -webkit-transform 0.6s ease;
}
.anim-zoom-in.visible {
    opacity: 1;
    -webkit-opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
}

/* --- 延迟动画 --- */
.anim-delay-1 { transition-delay: 0.1s; -webkit-transition-delay: 0.1s; }
.anim-delay-2 { transition-delay: 0.2s; -webkit-transition-delay: 0.2s; }
.anim-delay-3 { transition-delay: 0.3s; -webkit-transition-delay: 0.3s; }
.anim-delay-4 { transition-delay: 0.4s; -webkit-transition-delay: 0.4s; }
.anim-delay-5 { transition-delay: 0.5s; -webkit-transition-delay: 0.5s; }
.anim-delay-6 { transition-delay: 0.6s; -webkit-transition-delay: 0.6s; }

/* --- 区块标题装饰线动画 --- */
.section-title .title-line {
    width: 0;
    transition: width 0.8s ease;
    -webkit-transition: width 0.8s ease;
}
.section-title.visible .title-line {
    width: 60px;
}

/* --- 尊重减少动画偏好 --- */
@media (prefers-reduced-motion: reduce) {
    .anim-fade-up,
    .anim-fade-left,
    .anim-fade-right,
    .anim-zoom-in {
        opacity: 1;
        -webkit-opacity: 1;
        transform: none;
        -webkit-transform: none;
        transition: none;
        -webkit-transition: none;
    }
    .section-title .title-line {
        width: 60px;
        transition: none;
        -webkit-transition: none;
    }
}