/* =============================================================
导航选中态补丁 · 第十一版（在 nav-active.css 之后加载）
需求：手机端 ≤760px —— 当前栏目【保留不同背景色 + 不同字体颜色】，
【去掉下划线】。PC 端 ≥761px 维持浅绿底+深绿加粗+渐变下划线不变。
做法：只把手机端 .nv::after 全部关掉，并收回为高亮让出的下内边距；
背景/字色规则一律不动，故选中对比度不受影响。
回退：删掉 7 个 HTML 里这一行 即回到第十版效果。
============================================================= */
@media (max-width:760px){
/* ① 干掉所有下划线（普通格 / 选中格 / 联系我们格 一并覆盖） */
/* 第 7 格「联系我们」在 nav-active.css 里另有一段【更具体】的
li:nth-child(7) a.is-active .nv::after 单独画线，必须同级+追加属性压过去，
否则手机端会漏掉 1 条 —— 这正是上一版验收"下划线=1"的根因。 */
.nav__bd .nav__ul>li>a .nv::after,
.nav__bd .nav__ul>li.is-cur>a .nv::after,
.nav__bd .nav__ul>li:not(.is-cur)>a .nv::after,
.nav__bd .nav__ul>li:last-child.is-cur>a .nv::after,
.nav__bd .nav__ul>li:nth-child(7)>a.is-active .nv::after,
.nav__bd .nav__ul>li:nth-child(7)>a[aria-current="page"] .nv::after,
.nav__bd .nav__ul>li:nth-child(7) a.is-active .nv::after,
.nav__bd .nav__ul>li:nth-child(7) a[aria-current="page"] .nv::after,
.nav__bd .nav__ul>li.is-cur>a .nt::after,
.nav__bd .nav__ul>li:nth-child(7).is-cur>a .nt::after{
display:none!important;visibility:hidden!important;opacity:0!important;content:none!important;
height:0!important;min-height:0!important;max-height:0!important;width:0!important;
background:none!important;background-image:none!important;border:0!important;
box-shadow:none!important;transform:scaleX(0)!important;
}
/* 兜底：手机端栏目标题下方一律不出现装饰线 */
.nav__bd .nav__ul>li>a .nv::after,
.nav__bd .nav__ul>li>a .nt::after{display:none!important;content:none!important;}
/* ② 下划线没了，把原先为它预留的 7px 收回来，标题在色块里垂直居中更干净 */
.nav__bd .nav__ul>li>a .nv{padding-bottom:0!important;}
/* ③ 背景色 + 字色差异原样保留（此处只做一次权重加固，不改色值） */
.nav__bd .nav__ul>li.is-cur>a{background:linear-gradient(135deg,#063D38 0%,#0B6B5E 100%)!important;border-color:#063D38!important;}
.nav__bd .nav__ul>li.is-cur>a .nv,
.nav__bd .nav__ul>li.is-cur>a .nt{color:#fff!important;font-weight:800!important;}
.nav__bd .nav__ul>li:not(.is-cur)>a{background:rgb(250,252,251)!important;}
.nav__bd .nav__ul>li:not(.is-cur)>a .nv,
.nav__bd .nav__ul>li:not(.is-cur)>a .nt{color:#33514C!important;font-weight:700!important;}
.nav__bd .nav__ul>li:last-child.is-cur>a{background:linear-gradient(135deg,#FFF4E4 0%,#FFDFAE 100%)!important;border-color:#F5921B!important;}
.nav__bd .nav__ul>li:last-child.is-cur>a .nv,
.nav__bd .nav__ul>li:last-child.is-cur>a .nt{color:#A1550A!important;font-weight:800!important;}
.nav__bd .nav__ul>li:last-child:not(.is-cur)>a{background:var(--orange-100,#FFF3E4)!important;border-color:#FFE3C2!important;}
.nav__bd .nav__ul>li:last-child:not(.is-cur)>a .nv{color:var(--orange-600,#D96A07)!important;}
}
/* ---------- ④ 第十一版追加修正（按真实 DOM 收窄作用域，绝不动第 7 格内联布局） ---------- */
@media (max-width:760px){
/* a) 前 6 格：文字列(.nt)给右上角序号(.nd)与图标(.ni)让位，说明小字不再被压/被截。
第 7 格「联系我们」在 style.css/nav-mobile-fix.css 里是【横排内联】布局
(.ni/.nt/.nd 全 static、.nt flex:1)，必须原样保留 —— 故用 :not(:nth-child(7)) 排除。 */
.nav__bd .nav__ul>li:not(:nth-child(7))>a .nt{
padding-right:30px!important; min-width:0!important; flex:1 1 auto!important;
}
.nav__bd .nav__ul>li:not(:nth-child(7))>a .nv{
white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important;
}
.nav__bd .nav__ul>li:not(:nth-child(7))>a .ns{
display:block!important;
white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important;
line-height:1.4!important; font-size:11.4px!important; margin-top:3px!important;
max-width:100%!important;
}
/* 图标与序号不被文字挤变形 */
.nav__bd .nav__ul>li:not(:nth-child(7))>a .ni{flex:0 0 auto!important;}
.nav__bd .nav__ul>li:not(:nth-child(7))>a .nd{flex:0 0 auto!important;}
/* b) 底部两张名片：只作用于 .nav__cards 的直接子级 ，等宽并排、各自单行省略。
不写 height/align-items，避免拉伸成等高后文字竖向居中显得松散。 */
.nav__foot .nav__cards{display:flex!important; gap:9px!important; width:100%!important;}
.nav__foot .nav__cards>a{
flex:1 1 0!important; min-width:0!important; max-width:50%!important;
height:46px!important; padding:0 8px!important; gap:0 6px!important;
align-items:center!important; justify-content:center!important;
white-space:nowrap!important; overflow:hidden!important;
}
.nav__foot .nav__cards>a span{
min-width:0!important; overflow:hidden!important; text-overflow:ellipsis!important;
font-size:clamp(11px,3vw,12.4px)!important;
}
.nav__foot .nav__cards>a span b{display:block!important; font-weight:700!important; font-size:10.6px!important; opacity:.72!important; margin-bottom:1px!important;}
.nav__foot .nav__cards>a em{flex:0 0 auto!important;}
/* c) 面板最高 92vh，超高时内部滚动 —— 保证底部橙色按钮永远够得到 */
.nav__bd{max-height:92vh!important; overflow-y:auto!important; -webkit-overflow-scrolling:touch!important;}
/* d) 矮屏（手机横屏 / 折叠屏展开）：压一档间距与小字，首屏即见按钮 */
@media (max-height:760px){
.nav__bd .nav__ul>li>a{padding-top:11px!important; padding-bottom:11px!important; gap:3px!important;}
.nav__bd .nav__ul>li:not(:nth-child(7))>a .ns{-webkit-line-clamp:1!important; font-size:10.8px!important;}
.nav__bd .nav__ul>li:not(:nth-child(7))>a .ni{width:25px!important; height:25px!important; font-size:17px!important;}
.nav__foot .btn--primary,.nav__foot>.btn{height:44px!important; min-height:44px!important; line-height:44px!important;}
}
}
/* ── ⑤ 名片内部排布修正（390/320 实测：b 与号码分两行，卡片被撑到 2.3 行） ── */
@media (max-width:760px){
.nav__foot .nav__cards>a{
flex-direction:row!important;flex-wrap:nowrap!important;gap:6px!important;
padding:0 6px!important;box-sizing:border-box!important;overflow:hidden!important;
}
.nav__foot .nav__cards>a>em{
flex:0 0 18px!important;width:18px!important;height:18px!important;line-height:18px!important;
font-size:12px!important;margin:0!important;display:flex!important;
align-items:center!important;justify-content:center!important;
}
.nav__foot .nav__cards>a>span{
flex:1 1 auto!important;min-width:0!important;display:flex!important;
flex-direction:row!important;flex-wrap:nowrap!important;
align-items:baseline!important;gap:4px!important;
}
.nav__foot .nav__cards>a>span b{
flex:0 0 auto!important;font-size:10.5px!important;line-height:1.2!important;
white-space:nowrap!important;font-weight:700!important;
}
.nav__foot .nav__cards>a>span span,
.nav__foot .nav__cards>a>span em:not(:first-child){
flex:1 1 auto!important;min-width:0!important;font-size:11px!important;line-height:1.2!important;
white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
}