/**
 * OneBlog 性能优化：动画样式精简版
 *
 * 主题仅用到 fadeIn / fadeInUp 两个动画，
 * 原 animate.min.css 约 71.7KB，精简后约 1KB，减少 98% 体积。
 * 完整版仍保留在 static/sdk/animate/4.1.1/animate.min.css，
 * 如需其他动画（bounce、zoomIn 等），把 header.php 的引用改回完整版即可。
 */
:root {
    --animate-duration: 1s;
    --animate-delay: 1s;
    --animate-repeat: 1;
}

.animate__animated {
    animation-duration: var(--animate-duration);
    animation-duration: 1s;
    animation-fill-mode: both;
}

/* fadeIn */
@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}
.animate__fadeIn {
    animation-name: fadeIn;
}

/* fadeInUp */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 100%, 0);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}
.animate__fadeInUp {
    animation-name: fadeInUp;
}

/* 尊重系统「减少动态效果」设置，同时降低低端设备开销 */
@media (prefers-reduced-motion: reduce), print {
    .animate__animated {
        animation-duration: 1ms !important;
        transition-duration: 1ms !important;
        animation-iteration-count: 1 !important;
    }
}