/* ============================================================
   全站站点导航 · site-nav.css · 2026-10-28
   1) 移动端顶栏：一级折叠成汉堡，二级下拉改为点击展开
      —— 修 P0：≤1080px 时 .tb-drop 依赖 :hover/:focus-within，
         触屏无 hover，21 个二级链接此前完全不可达。
   2) 页脚站点导航 .foot-nav：全站静态内链，PC 四栏 / 移动两栏。
   本文件为新增，不改 style.css，不需要 bump ?v=。
   ============================================================ */

/* ---------- 1. 页脚站点导航 ---------- */
.foot-nav{background:#17301F;color:#9FAA92;border-top:1px solid rgba(255,255,255,.10)}
.foot-nav .fn-in{max-width:1160px;margin:0 auto;padding:46px 28px 34px;
  display:grid;grid-template-columns:1.1fr 1.35fr 1.35fr .95fr;gap:34px}
.foot-nav .fn-col{display:block;min-width:0}
.foot-nav .fn-col b{display:block;font-family:"Noto Serif SC","Songti SC",serif;
  font-size:13px;font-weight:600;letter-spacing:3px;color:#E8E3D2;margin:0 0 14px}
.foot-nav .fn-col a{display:block;padding:6px 0;font-size:13.5px;line-height:1.7;
  color:#A9B7A0;text-decoration:none;letter-spacing:.5px;transition:color .18s}
.foot-nav .fn-col a:hover{color:#FF9A5E}
.foot-nav .fn-col a em{font-style:normal;font-size:11.5px;color:#7C8C74;margin-left:6px}

/* ---------- 2. 移动端顶栏（≤1080px） ---------- */
@media (max-width:1080px){
  .topbar .tb-in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;
    height:auto;padding:9px 16px;gap:0}
  .topbar .tb-logo{display:inline-block;padding:4px 0}
  .topbar .tb-logo img{height:40px}

  /* 汉堡按钮：无 JS 时不生成，菜单保持原样（渐进增强，不会比现状更差） */
  .topbar .tb-burger{display:inline-flex;flex-direction:column;align-items:center;
    justify-content:center;width:46px;height:42px;margin-left:auto;padding:0;
    background:transparent;border:0;border-radius:2px;cursor:pointer;color:#fff;
    -webkit-tap-highlight-color:transparent}
  .topbar .tb-burger span{display:block;width:20px;height:2px;background:#fff;
    border-radius:1px;transition:transform .22s ease,opacity .18s ease}
  .topbar .tb-burger span+span{margin-top:5px}
  html.nav-open .topbar .tb-burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  html.nav-open .topbar .tb-burger span:nth-child(2){opacity:0}
  html.nav-open .topbar .tb-burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  .topbar .tb-burger:focus-visible{outline:2px solid #FF9A5E;outline-offset:2px}

  /* 有 JS 时才折叠；无 JS 保持一级链接可见 */
  html.nav-js .topbar .tb-menu{display:none}
  html.nav-js.nav-open .topbar .tb-menu{display:block;width:100%;padding:2px 0 14px}

  .topbar .tb-menu{flex-direction:column;align-items:stretch;gap:0;width:100%}
  .topbar .tb-menu>a,
  .topbar .tb-item{display:flex;flex-wrap:wrap;align-items:center;
    border-top:1px solid rgba(255,255,255,.10)}
  .topbar .tb-item{position:static}
  .topbar .tb-menu>a{display:block;padding:14px 2px;font-size:15px;letter-spacing:1.5px}
  .topbar .tb-item>a{flex:1 1 auto;display:block;padding:14px 2px;
    font-size:15px;letter-spacing:1.5px;min-width:0}
  /* 当前页标记：桌面用底部白线，竖排里那条线会横穿整行，改成橙色文字 */
  .topbar .tb-menu>a.active,
  .topbar .tb-item>a.active{border-bottom-color:transparent;color:#FF9A5E;font-weight:600}

  /* 二级展开按钮 */
  .topbar .tb-toggle{flex:0 0 46px;display:flex;align-items:center;justify-content:center;
    width:46px;height:46px;padding:0;background:transparent;border:0;cursor:pointer;
    color:rgba(255,255,255,.62);font-size:11px;line-height:1;
    -webkit-tap-highlight-color:transparent}
  .topbar .tb-toggle::before{content:"\25BE";display:block;font-size:13px;
    transition:transform .2s ease}
  .topbar .tb-item.open .tb-toggle::before{transform:rotate(180deg)}
  .topbar .tb-item.open .tb-toggle{color:#FF9A5E}
  .topbar .tb-toggle:focus-visible{outline:2px solid #FF9A5E;outline-offset:-6px}

  /* 下拉在移动端改为静态缩进列表，不再绝对定位 */
  .topbar .tb-item .tb-drop{position:static;transform:none;display:none;
    flex:0 0 100%;flex-direction:column;width:100%;min-width:0;
    padding:0 0 10px;margin:0;background:transparent;
    box-shadow:none;border-radius:0;z-index:auto}
  .topbar .tb-item.open .tb-drop{display:block}
  .topbar .tb-item .tb-drop a{display:block;width:auto;padding:11px 12px 11px 14px;
    margin:0 0 1px;font-size:14px;line-height:1.5;letter-spacing:1px;text-align:left;
    color:rgba(255,255,255,.86);border-left:2px solid rgba(255,255,255,.20);
    white-space:normal;word-break:break-word}
  .topbar .tb-item .tb-drop a:hover,
  .topbar .tb-item .tb-drop a:active{background:rgba(255,255,255,.07);color:#FF9A5E}
  .topbar .tb-item .tb-drop a.active{border-left-color:#FF9A5E;color:#FF9A5E}

  /* 客服浮窗让位：.hyw-btn 是 fixed + z-index:9999，菜单展开后会盖住菜单项、
     实测会吃掉点击（news 页第 3 个二级展开按钮被它拦住）。菜单开着时先收起浮窗。 */
  html.nav-open .hyw-btn,
  html.nav-open .hyw-panel{display:none !important}
}

/* 汉堡按钮在桌面端不生成也不显示 */
@media (min-width:1081px){
  .topbar .tb-burger{display:none}
}

/* ---------- 3. 页脚导航响应式 ---------- */
@media (max-width:900px){
  .foot-nav .fn-in{grid-template-columns:1fr 1fr;gap:28px 22px;padding:36px 20px 28px}
  .foot-nav .fn-col b{font-size:12.5px;letter-spacing:2px;margin-bottom:10px}
  .foot-nav .fn-col a{font-size:13px;padding:7px 0}
}
/* 手机保持两栏：26 条链接若单栏排会拉到 900px 高，反而比两栏难找 */
@media (max-width:420px){
  .foot-nav .fn-in{gap:24px 14px;padding:30px 16px 24px}
  .foot-nav .fn-col a{font-size:12.5px}
}