@charset "utf-8";
/* ============================================================
 * 纬联弘 导航 logo 双图切换
 *   - 首页首屏：header 透明叠在深色 hero 上 → 显示白色 logo
 *   - 其他场景（首页滚动后白底 header、内页 fanb 白底）→ 显示深色 logo
 *
 * 采用独立的 .wlh_logoswitch 结构。opacity 统一加 !important，是为了稳妥
 * 压制 main.css 中残存的旧规则（同样命中 .mod_head_le_log 下的
 * img:nth-child，但不带 !important），让切换只由特异性决胜：
 *   - 默认（任意非首屏透明态）：白隐 / 深显，特异性 (0,3,1)
 *   - 首屏透明态：白显 / 深隐，特异性 (0,7,1) 胜出
 * 状态来源：首页 index.html 的 judgeTop() 在页面顶部为 .ys_hd_pc 加上
 * .ys_hd_highli（透明），滚动后移除；内页 header 额外带 .fanb（白底）。
 * ============================================================ */

.mod_head_le_log .wlh_logoswitch {
    position: relative;
    display: inline-block;
    line-height: 0;
}
.mod_head_le_log .wlh_logoswitch img {
    width: 180px;
    height: auto;
    display: block;
    transition: opacity .3s ease;
}
/* 白色 logo 绝对定位叠在深色 logo 上方，仅靠 opacity 切换 */
.mod_head_le_log .wlh_logoswitch img.wlh-logo-white {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0 !important;
}
.mod_head_le_log .wlh_logoswitch img.wlh-logo-dark {
    opacity: 1 !important;
}

/* 首页首屏透明态（顶部未滚动，且非内页 fanb / 非 isfixed）：白色 logo 显现 */
.ys_hd_pc.ys_hd_highli:not(.fanb):not(.isfixed) .mod_head_le_log .wlh_logoswitch img.wlh-logo-white {
    opacity: 1 !important;
}
.ys_hd_pc.ys_hd_highli:not(.fanb):not(.isfixed) .mod_head_le_log .wlh_logoswitch img.wlh-logo-dark {
    opacity: 0 !important;
}

/* reduced-motion：关闭淡入淡出过渡，直接切换 */
@media (prefers-reduced-motion: reduce) {
    .mod_head_le_log .wlh_logoswitch img {
        transition: none;
    }
}