/* 顶栏统一样式 · 全站唯一来源（2026-11-01 方案B：原字号均分，根治重叠压字）
   改这里全站生效；改完必须升模板里 ?v= 并跑 preview/sync_nav.py
   方案B要点：字号 14px 不缩、去竖分隔线、12 项 space-between 均匀平摊；
   ≤1240 降 13px、≤1080 降 12.5px、≤960 转横向滚动条带 —— 任何宽度不压字 */
.top{background:var(--card);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:60}
.top-in{max-width:1200px;margin:0 auto;padding:0 20px;height:var(--h-top);display:flex;align-items:center;gap:10px}
.brand{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;letter-spacing:-.3px;white-space:nowrap;flex:none}
/* ===== 面包屑（2026-11-01 全站统一）=====
   原来不少栏目页把 <nav class="crumb"> 写在 <main> 里、却在 .wrap 之外，
   而面包屑样式只有上内距（左右留白靠 .wrap 提供）→ 面包屑顶到屏幕最左边。
   已把面包屑搬进 .wrap 容器（preview/fix_crumb.py，模板 40 + 静态页 1004），
   现在左右留白由各页自己的 .wrap 提供 → 自动与正文左边界对齐。
   这里只保留上内距，各页面的 max-width/padding 由其自身 CSS 决定。 */
nav.crumb{padding:16px 0 0}

/* 品牌区全站只保留一个标志（2026-11-01 全站统一）：
   白天 = 完整 logo 图（图标+法律网+www.falv.law）；夜间 = 纯图标 + 白色文字
   （原首页 portal.html 内联才有这套规则，其他页面漏了 → 左上角出现两个 logo） */
.brand .lg-mark,.brand .lg-cn{display:none}
html[data-theme="dark"] .brand .lg-full,body.night .brand .lg-full{display:none}
html[data-theme="dark"] .brand .lg-mark,body.night .brand .lg-mark{display:block}
html[data-theme="dark"] .brand .lg-cn,body.night .brand .lg-cn{display:inline;font-weight:800;color:#fff;font-size:14px;letter-spacing:.5px;margin-left:4px;line-height:1}
/* 页脚品牌区同样只留一个标志（首页是三件套：完整图 + 纯图标 + 文字） */
.ft .lg-mark,.ft .lg-ft-txt{display:none}
html[data-theme="dark"] .ft .lg-full,body.night .ft .lg-full{display:none}
html[data-theme="dark"] .ft .lg-mark,body.night .ft .lg-mark{display:block}
html[data-theme="dark"] .ft .lg-ft-txt,body.night .ft .lg-ft-txt{display:block;line-height:1.25}
html[data-theme="dark"] .ft .lg-ft-txt b,body.night .ft .lg-ft-txt b{display:block;font-weight:800;color:#fff;font-size:17px;letter-spacing:.5px}
html[data-theme="dark"] .ft .lg-ft-txt i,body.night .ft .lg-ft-txt i{display:block;font-style:normal;color:var(--t3,#79879A);font-size:10px;margin-top:3px;letter-spacing:.5px}
.brand i{width:24px;height:24px;border-radius:6px;background:var(--t1);display:grid;place-items:center;flex:none}
.brand i svg{width:13px;height:13px;stroke:var(--card);fill:none;stroke-width:1.8}
.nav{display:flex;align-items:center;gap:0;flex:1;min-width:0;margin-right:2px}
.nav li{position:relative;list-style:none;flex:none}
.nav li>a{display:flex;align-items:center;gap:3px;height:32px;padding:0 6px;border-radius:var(--r-sm);font-size:12.5px;color:var(--t2);white-space:nowrap;transition:.14s}
.nav li>a:hover{background:var(--side);color:var(--t1)}
.nav li.on>a{background:var(--accent);color:#fff}
.nav .ar{font-size:11.5px;color:var(--t4);line-height:1}
.dd{position:absolute;top:calc(100% + 8px);left:0;min-width:148px;background:var(--card);border:1px solid var(--line);border-radius:8px;box-shadow:var(--sh-2);padding:5px;display:none}
.nav li:hover .dd{display:block}
.dd a{display:block;height:32px;line-height:32px;padding:0 10px;border-radius:5px;font-size:13.5px;color:var(--t2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dd a:hover{background:var(--side);color:var(--t1)}
/* 下拉间隙桥（2026-11-01 修复回归）：触发器与二级菜单之间有 6~8px 空白，原是“死区”——
   鼠标经过即离开 .more 触发 mouseleave→准备关闭，导致二级菜单“抢不住/点不住”。
   加一条透明桥补全命中区域，鼠标可从触发器顺畅滑入二级菜单，不影响任何配色/字号/布局。 */
.dd::before,.nav-a .dd::before{content:"";position:absolute;left:0;right:0;top:-10px;height:10px;pointer-events:none}
/* 下拉层级（2026-11-01）：二级菜单必须浮在正文之上，否则菜单看得见却点不到条目 */
.nav-a .more .dd{z-index:1200}
.nav-a .more{position:relative;z-index:1201}
.q{display:flex;align-items:center;gap:7px;background:var(--side);border:1px solid transparent;border-radius:18px;padding:0 6px 0 11px;height:34px;width:200px;flex:none;transition:.14s}
.q:focus-within{background:var(--card);border-color:var(--t3);box-shadow:var(--sh)}
.q svg{width:14px;height:14px;stroke:var(--t3);fill:none;stroke-width:1.7;flex:none}
.q input{border:0;background:none;outline:none;font:inherit;font-size:13.5px;flex:1;min-width:0;color:var(--t1)}
.q input::placeholder{color:var(--t4)}
.q button{width:24px;height:24px;border-radius:50%;background:var(--t1);border:0;display:grid;place-items:center;cursor:pointer;flex:none}
.q button svg{width:11px;height:11px;stroke:var(--card);stroke-width:2.2}
.city{display:flex;align-items:center;gap:3px;font-size:13.5px;color:var(--t2);white-space:nowrap;flex:none}
.city svg{width:11px;height:11px;stroke:var(--t4);fill:none;stroke-width:2}
.btn-a:hover{opacity:.9}
.btn-lg{height:42px;padding:0 20px;font-size:15px;border-radius:8px}
.btn-gold{background:var(--accent);color:#fff;font-weight:600}
.tag{display:inline-flex;align-items:center;height:20px;padding:0 6px;border-radius:3px;background:var(--side);color:var(--t3);font-size:11.5px;line-height:1;white-space:nowrap}
.tag-a{background:var(--accent-soft);color:var(--accent)}
.top-in>.btn{align-self:center}
.nav-r1 li>a,.nav-r2 li>a{font-size:12.5px;height:27px;padding:0 9px}
.home{align-self:center;flex:none;display:inline-flex;align-items:center;height:30px;padding:0 13px;border-radius:8px;background:var(--accent);color:#fff;font-size:13px;font-weight:500;margin-left:2px}
.nav-r2 li>a{background:var(--side)}
.nav-r2 li.on>a{background:var(--accent);color:#fff}

/* ===== 下拉菜单延迟关闭：由 portal-nav.js 接管开关 ===== */
body.fx-nav-js .nav-a .more:hover .dd{display:none}
body.fx-nav-js .nav-a .more.open .dd{display:block}

/* ===== 方案B 核心（2026-11-01）：原字号均分，去竖线换宽度 ===== */
.nav-a.nav14{justify-content:space-between;gap:0;width:auto;max-width:none}
.nav-a.nav14 .dv{display:none}
.nav-a.nav14 li>a,.nav-a.nav14 .mb{font-size:14px;padding:0 9px}
/* 横向兜底：内容万一超宽只许裁切、不许压到右侧元素；竖向 visible 保住下拉菜单
   桌面端强制撑满剩余宽度（法规/问答等页自己的 css 把 navwrap 写成 flex:0 0 auto，会让菜单挤在左边留大洞） */
nav.navwrap{min-width:0;overflow-x:clip;overflow-y:visible}
@media (min-width:821px){
  nav.navwrap{flex:1 1 auto;width:auto;min-width:0;overflow-x:clip;overflow-y:visible}
}
/* 三档断点：宽屏 14px → 1240 降 13px → 1140 降 12px → 1024 转滚动条带 */
@media (max-width:1240px){
  .nav-a.nav14 li>a,.nav-a.nav14 .mb{font-size:13px;padding:0 7px}
}
@media (max-width:1140px){
  .nav-a.nav14 li>a,.nav-a.nav14 .mb{font-size:12px;padding:0 4px}
}
@media (max-width:1024px){
  nav.navwrap{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}
  nav.navwrap::-webkit-scrollbar{height:0;display:none}
  .nav-a.nav14{justify-content:flex-start;gap:10px;width:max-content;min-width:100%}
  .nav-a.nav14 li>a,.nav-a.nav14 .mb{padding:0 6px}
}

/* ===== 移动端（≤820）===== */
@media (max-width:820px){
  html{-webkit-text-size-adjust:100%}
  body{overflow-x:hidden}
  .nav-a li>a,.nav-a .mb{display:flex;align-items:center;font-size:15px;height:38px;padding:0 14px;border-radius:10px;color:var(--t2);white-space:nowrap;text-decoration:none;transition:.14s}
  .nav-a li>a:hover,.nav-a .mb:hover{background:var(--side);color:var(--t1)}
  .nav-a li.on>a{background:var(--side);color:var(--t1);font-weight:600}
  .nav-a .more{position:relative}
  .nav-a .mb{cursor:pointer}
  .nav-a .dd{display:none;position:absolute;top:calc(100% + 6px);left:0;min-width:150px;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:0 10px 28px rgba(0,0,0,.16);padding:6px}
  .nav-a .more.open .dd{display:block}
  .nav-a .dd a{display:block;font-size:14px;padding:9px 12px;border-radius:8px;color:var(--t2);text-decoration:none;white-space:nowrap}
  .nav-a .dd a:hover{background:var(--side);color:var(--t1)}
  .nav-a .dd a.on{background:var(--side);color:var(--t1);font-weight:600}
  .burger{display:none;flex-direction:column;justify-content:center;gap:4px;width:34px;height:34px;border:1px solid var(--line);border-radius:9px;background:var(--card);cursor:pointer;padding:0 7px}
  .top-in{height:auto;min-height:0;padding:10px 16px;flex-wrap:wrap;row-gap:6px;column-gap:8px}
  .brand{font-size:15.5px}
  .city{margin-left:auto;font-size:12.5px}
  .navwrap{order:9;flex:0 0 100%;width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}
  .navwrap::-webkit-scrollbar{height:0;display:none}
  .nav{flex:none;width:max-content;min-width:100%;margin-right:0}
  .nav li{flex:none}
  .dd{display:none}
}