/* ========================================
   分类页面动画样式
   适用于: enterprise/index.html, industrial/index.html, warsoul/index.html
   ======================================== */

/* Hero海报动画 */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        transform: translateX(-40px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        transform: translateX(40px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes floatUp {
    0%, 100% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(-15px);
    }
}

@keyframes scaleIn {
    from {
        opacity: 0;
        transform: scale(0.95);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

/* Hero元素动画应用 */
.hero-title {
    animation: fadeInLeft 0.8s ease-out 0.2s both;
}

.hero-subtitle {
    animation: fadeInLeft 0.8s ease-out 0.3s both;
}

.hero-description {
    animation: fadeInLeft 0.8s ease-out 0.4s both;
}

.hero-specs {
    animation: fadeInLeft 0.8s ease-out 0.5s both;
}

.hero-features {
    animation: fadeInLeft 0.8s ease-out 0.6s both;
}

.hero-buttons {
    animation: fadeInUp 0.8s ease-out 0.7s both;
}

.hero-image {
    animation: fadeInRight 0.8s ease-out 0.4s both;
}

.hero-image img {
    animation: floatUp 3s ease-in-out infinite;
}