/* ============================================================
   云愉行 · 顶部导航可点击性修复  (2026-10-14)
   ------------------------------------------------------------
   只做两件事，不改任何定位/尺寸/配色：

   1) 让"整屏遮罩 / 背板"不再吞掉鼠标事件
      —— 这些类都是 position:fixed + 覆盖全屏 + z-index 很高，
         一旦有残留实例（弹层没关干净 / 插件副作用），
         整站所有链接与输入框都会点不动，而页面看起来完全正常。
      弹窗本体（直接子元素）与 layer 容器仍保持可交互。

   2) 顶部三行（客服条 / logo+搜索 / 导航条）显式声明可点击，
      避免被任何同名/继承规则误伤。

   标记类 .yy-inert-overlay 由 yy-navfix.js 在运行时按需添加。

   【2026-10-14 16:05 补充 · 第 5 节】
   上面第 2 节用 pointer-events 是"防误伤"，但 pointer-events
   无法让点击"穿透"到下层元素。真正的遮挡是 QQ 客服浮窗
   .st-kfBox（position:absolute; z-index:99999，由 /plugins/qq_kefu/
   经 AJAX 注入 body），它默认展开、高约 200px、从视口顶部 20px
   开始，其"返回顶部"一行正好压在黄色导航条右端之上。
   后果：点「游记 / 导游 / 资讯」时事件被浮窗吞掉，页面滚回顶部，
   用户感受就是"导航链接打不开"。故补第 5 节把导航条提到最上层。
   ============================================================ */

/* 1. 遮罩 / 背板层：不拦截鼠标 --------------------------------- */
.layer-container,
.layer-content,
.layer-wrap-content,
.content-fix-box,
.login-shadow,
.st-payment-back-box,
.fade,
.st-mask,
.layui-layer-shade {
    pointer-events: none !important;
}

/* 2. 弹窗本体及其内部控件：恢复可交互 ------------------------- */
.layer-container > *,
.layer-content > *,
.layer-wrap-content > *,
.content-fix-box > *,
.login-shadow > *,
.st-payment-back-box > *,
.layui-layer {
    pointer-events: auto !important;
}

/* 3. 顶部区域显式可点 ---------------------------------------- */
.header-content,
.header-content *,
.big,
.all_search,
.all_search *,
.nav,
.nav .menu,
.nav .global_nav,
.nav .global_box,
.nav .global_list,
.nav .main_nav_list,
.nav .main_nav_list a,
.top_web_map,
.web_nav_ico,
#st-top-search,
.s_btn {
    pointer-events: auto !important;
}

/* 4. 运行时被判定为"空遮罩"的元素 ---------------------------- */
.yy-inert-overlay {
    pointer-events: none !important;
}

/* 5. 顶部导航条置顶（关键修复）------------------------------- */
/* QQ 客服浮窗 .st-kfBox：position:absolute + z-index:99999，
   默认展开、从视口顶 20px 起、高约 200px，
   其"返回顶部"一行恰好覆盖在导航条右端，吞掉右侧导航项的点击。
   把导航条提到 100000，确保 11 个导航项永远可点。
   （.nav 自带 position:relative，此处只加层级，不动布局） */
.nav {
    z-index: 100000 !important;
}

/* ============================================================
   【2026-10-14 17:30 补充 · 第 6 节】顶部搜索区置顶
   ------------------------------------------------------------
   现象：顶部搜索框（输入框 + 橙色放大镜按钮）点了没反应，
         输入关键词后点搜索 / 按回车都不跳转。

   已逐项排除（均为正常）：
     · 搜索路由   /search/cloudsearch?keyword=xx&typeid=0 → 200，
                  搜"重庆"返回 116 条，服务端检索没问题
     · 元素选择器 #st-top-search / .searchkeyword / .st-btn 全站唯一
     · 脚本顺序   jquery 1.8.3 在 <head> 内先加载，搜索绑定写在
                  $(function(){}) 中，执行时机正确
     · 整屏遮罩   页面里 content-fix-box / layer-content / fade
                  等遮罩类出现次数均为 0，不存在隐形整屏层

   判定：仍属"点击被更高层级元素吞掉"，与导航条那次同源。
         QQ 客服浮窗 .st-kfBox 是 position:absolute; right:100px;
         z-index:99999，而 right 按【视口】计算；页面 .big 又设了
         min-width:1200px。于是当浏览器窗口小于 1200px、或缩放
         大于 100%（有效视口被压到 1200 以下）时，浮窗会横向
         "漂"到页面中部，恰好压在搜索框右端与橙色按钮上；鼠标
         悬停浮窗时它还会向左弹出 .show-con 面板（right:125px），
         遮挡进一步加宽。这就是"看着好好的、点下去却没反应"。

   处置：把搜索区提到 100002 —— 高于客服浮窗(99999)与导航条(100000)。
         .all_search 本身已是 position:absolute，设 z-index 即生效；
         输入框与按钮都是它的后代，同处这一层叠上下文，会被一并
         抬高，无需逐个设置。只动层级，不动任何定位/尺寸/配色。
   ============================================================ */
.all_search {
    z-index: 100002 !important;
}

/* 搜索控件再兜一层：确保输入框与按钮永远可交互 --------------- */
#st-top-search,
.all_search .s_txt,
.all_search .s_btn,
.all_search .cloud_search {
    pointer-events: auto !important;
}