@charset "UTF-8";
/**
 * OneBlog 精简动画样式
 *
 * 主题只用到 fadeIn / fadeInUp / fadeOut 三个动画，却整份加载了 72KB 的
 * animate.css 4.1.1，并且它是 render-blocking 的 <link>，会拖慢首屏。
 * 这里只保留实际需要的动画（同时兼容 animate.css v3 的 animated/fadeIn 写法）。
 *
 * 如果你的页面里还用到其它动画（bounce、zoomIn、slideInLeft 等），
 * 把 header.php 里的引用换回 static/sdk/animate/4.1.1/animate.min.css 即可。
 */

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

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

@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
.animate__fadeInUp,
.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

@-webkit-keyframes fadeOut {
    from { opacity: 1; }
    to { opacity: 0; }
}
@keyframes fadeOut {
    from { opacity: 1; }
    to { opacity: 0; }
}
.animate__fadeOut,
.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

/* 尊重系统「减少动态效果」设置 */
@media (prefers-reduced-motion: reduce) {
    .animate__animated,
    .animated {
        -webkit-animation: none !important;
        animation: none !important;
    }
}