/* ===== WF Lazyload start（通用懒加载样式，可整段复制到其他站点，勿随意改类名） ===== */
/* 只有脚本成功初始化（html.wf-lazy-on）后才隐藏图片，脚本未加载时不会把图片藏死 */
html.wf-lazy-on .lazyload-img[data-original],
html.wf-lazy-on .lazyload-img[data-src],
html.wf-lazy-on .lazyload-img[data-srcset],
html.wf-lazy-on .lazyload-iframe[data-original],
html.wf-lazy-on .lazyload-iframe[data-src],
html.wf-lazy-on img[data-original],
html.wf-lazy-on iframe[data-original],
html.wf-lazy-on img[data-src],
html.wf-lazy-on iframe[data-src] {
    opacity: 0;
    transition: opacity .35s ease;
}

html.wf-lazy-on .lazyload-img.is-loaded,
html.wf-lazy-on .lazyload-iframe.is-loaded,
html.wf-lazy-on img[data-original].is-loaded,
html.wf-lazy-on iframe[data-original].is-loaded,
html.wf-lazy-on img[data-src].is-loaded,
html.wf-lazy-on iframe[data-src].is-loaded {
    opacity: 1;
}

/* 视频不整体淡入，避免把 poster 一起隐藏；加载完成后交给站点样式处理 */
html.wf-lazy-on .lazyload-video {
    background-color: #000;
}

html.wf-lazy-on .lazyload-video.is-loaded {
    background-color: transparent;
}

/* 背景图容器：进入视口时由脚本写入 background-image */
.lazyload-bg {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.lazyload-img.is-error {
    opacity: 1;
}

img[data-original].is-error {
    opacity: 1;
}

img[data-src].is-error {
    opacity: 1;
}

@media print {
    html.wf-lazy-on .lazyload-img,
    html.wf-lazy-on .lazyload-iframe,
    html.wf-lazy-on img[data-original],
    html.wf-lazy-on iframe[data-original],
    html.wf-lazy-on img[data-src],
    html.wf-lazy-on iframe[data-src] {
        opacity: 1;
    }
}
/* ===== WF Lazyload end ===== */