/* ==========================================================================
   header-glass.css — 2026-11-12 固定导航栏毛玻璃背景（可插拔覆盖层）
   --------------------------------------------------------------------------
   作用：把 .con（style.css 中 position:fixed / 96px / #FFFFFF 实底）改为
        半透明磨砂玻璃；页面滚动时 banner 与正文从导航下方透出，同时保持
        logo、导航文字的对比度。

   加载顺序：必须排在所有原有 CSS 之后（本项目放在 hero-carousel.css
        之后）。删掉 base.html 里这一行引用即可完整回退到纯白导航。

   两点刻意设计：
   1) @supports 守卫 —— 不支持 backdrop-filter 的浏览器（IE / 旧安卓
      WebView）继续用纯白实底，避免「只有半透明、没有模糊」导致深色大图
      透上来压低导航文字对比度。
   2) min-width:1081px —— responsive.css 在 <=1080px 把 .con 改成
      position:static（P0：避免固定头部遮挡换行后的导航）。static 时背后
      没有内容可透，毛玻璃无视觉效果，半透明反而让头部发灰，所以窄屏
      维持原样纯白。

   www / cn 共用同一份内容。cn 原有一条 1px 淡绿底边框，这里统一换成
   更淡的绿色分隔线，让两站宽屏视觉一致。
   ========================================================================== */

@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
    @media screen and (min-width: 1081px) {
        .con {
            background-color: rgba(255, 255, 255, 0.72) !important;
            -webkit-backdrop-filter: blur(16px) saturate(180%);
            backdrop-filter: blur(16px) saturate(180%);
            border-bottom: 1px solid rgba(0, 155, 76, 0.18) !important;
            box-shadow: 0 2px 18px rgba(0, 70, 35, 0.07);
        }
    }
}