/* ============================================================
   home-animate.css（精简版）
   由 Animate.css 全量文件（约 70KB）裁剪而来，仅保留首页实际用到的：
   1. .animate__animated 公共基础规则（默认时长 / 填充模式等基础约定）
   2. fadeInDown / fadeInUp 两个动画（首屏标题与文字淡入）
   如需其他 animate__ 动画，请恢复引用完整的 Animate.css。
   ============================================================ */
:root {
    --animate-duration: 1s;
    --animate-delay: 1s;
    --animate-repeat: 1;
}

/* 公共基础规则：默认 1s 时长 + both 填充模式（与 Animate.css 约定一致） */
.animate__animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-duration: var(--animate-duration);
    animation-duration: var(--animate-duration);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

/* 首屏主标题：自上而下淡入 */
@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

.animate__fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

/* 副标题 / 按钮：自下而上淡入 */
@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

.animate__fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}