/*!
 * 玫曦 Host 分销模板 · 应用层样式（本地重建版）——
 * 原文件 cdn.meigui66.com/01static/css/app.css 已下线，这里补齐加载动画、
 * 滚动入场动画兜底与通用工具类。
 */

/* ---------- 加载动画（三只写轮眼） ---------- */
.loading-layer {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #0e1520;
}

.loading-layer .adjust-block {
    display: flex;
    align-items: center;
    justify-content: center;
}

.load {
    display: flex;
    align-items: center;
}

.sharingan {
    display: block;
    width: 14px;
    height: 14px;
    margin: 0 6px;
    border-radius: 50%;
    background-color: #e04f5f;
    animation: sharingan 1.1s ease-in-out infinite;
}

.sharingan:nth-child(1) { animation-delay: 0s; }
.sharingan:nth-child(2) { animation-delay: .16s; }
.sharingan:nth-child(3) { animation-delay: .32s; }

@keyframes sharingan {
    0%, 100% { transform: translateY(0) scale(1); opacity: .55; }
    40% { transform: translateY(-12px) scale(1.15); opacity: 1; }
}

/* 关闭加载层（脚本加 .is-hidden） */
.loading-layer.is-hidden {
    opacity: 0;
    visibility: hidden;
    transition: opacity .35s ease, visibility .35s;
}

/* ---------- 滚动入场动画兜底 ----------
 * 模板元素用过 animate.css 的 zoomIn 等类名；wow.js 未执行时
 * 元素可能停留在 visibility:hidden，这里强制可见，避免空白。 */
.animated.zoomIn,
.animated.fadeIn,
.animated.fadeInUp,
.section-funinfo.animated {
    visibility: visible !important;
    opacity: 1 !important;
}

/* ---------- 通用工具类 ---------- */
.text-center { text-align: center; }
.no-scroll { overflow: hidden; }

img {
    max-width: 100%;
    vertical-align: middle;
}

/* 首屏图片加载完成前的占位底色 */
#full-slider .slides > li {
    background-color: #101a26;
}

@media (prefers-reduced-motion: reduce) {
    .sharingan { animation: none; }
    * { transition-duration: .01ms !important; }
}