/* ============================================================
   全站顶栏 · 唯一标准（2026-11-07 v2：用户选 A 方案，按设计稿 header-light/dark）
   标准：68px 白底 / 36px 整标（夜切白标）/ 10 项导航间竖细线 /
        当前项橙色文字 + 底部 3px 短横条 / 右侧 登录(描边) 注册(灰底)
   规则：
   1) 本文件是全站顶栏样式的唯一来源，各栏目样式不得再定义 .lwx-nav*；
   2) 颜色自持，不引用页面变量 —— 任何页面引入后渲染完全一致；
   3) 暗色双触发：html[data-theme="dark"]（新栏目页）与 body.night（旧站）；
   4) 栏目配合导航，导航不迁就栏目。
   ============================================================ */

.lwx-nav{
  --nv-bg:#FFFFFF; --nv-ink:#1F2D3A; --nv-link:#3F4A55; --nv-on:#F0452D;
  --nv-sep:#E3E8EE; --nv-hair:#EDF1F5;
  --nv-ghost-bg:transparent; --nv-ghost-bd:#E3E8EE;
  --nv-reg-bg:#F2F4F7; --nv-reg-fg:#1F2D3A;
  --nv-hov-bg:#FDEDEA; --nv-hov-bd:#F6C0B6;
  --nv-logo-h:36px;

  position:sticky;top:0;z-index:600;
  width:100%;background:var(--nv-bg);
  border-bottom:1px solid var(--nv-hair);
  font-family:"Noto Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,-apple-system,sans-serif;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
}
.lwx-nav-in{
  width:100%;height:68px;padding:0 24px;
  display:flex;align-items:center;justify-content:center;
  gap:clamp(18px,2.2vw,34px);
  background:var(--nv-bg);
}

/* ---- 品牌区：白天蓝标 / 夜晚白标，36px 整标 ---- */
.lwx-brand{display:flex;align-items:center;flex:none;text-decoration:none}
.lwx-brand img{display:block;width:auto;height:var(--nv-logo-h)}
.lwx-brand .lwx-lg-full{display:block}
.lwx-brand .lwx-lg-mark{display:none}
.lwx-brand .lwx-lg-cn{display:none}

/* ---- 导航项：居中一团，项间竖细线，当前项橙字 + 底部短横条 ---- */
.lwx-nav-links{display:flex;align-items:center;flex:none;gap:0;min-width:0}
.lwx-nav-links a{
  position:relative;display:inline-flex;align-items:center;justify-content:center;
  padding:10px 14px;font-size:15px;font-weight:500;color:var(--nv-link);
  white-space:nowrap;text-decoration:none;transition:color .18s ease;
}
.lwx-nav-links a:hover{color:var(--nv-on)}
.lwx-nav-links a.is-on{color:var(--nv-on);font-weight:600}
.lwx-nav-links a.is-on::after{
  content:"";position:absolute;left:14px;right:14px;bottom:3px;
  height:3px;border-radius:2px;background:var(--nv-on);
}
.lwx-sep{display:block;width:1px;height:13px;background:var(--nv-sep);flex:0 0 auto;margin:0 2px}

/* ---- 右侧：登录（描边）/ 注册（灰底）；登录后 我的工作台=注册款、退出=描边款 ---- */
.lwx-nav-right{display:flex;align-items:center;flex:none;gap:10px}
.lwx-nav-right .lwx-auth{
  display:inline-flex;align-items:center;justify-content:center;
  padding:10px 22px;border-radius:6px;border:1px solid transparent;
  background:var(--nv-reg-bg);color:var(--nv-reg-fg);
  font-size:14px;font-weight:500;text-decoration:none;white-space:nowrap;
  transition:color .16s ease,background-color .16s ease,border-color .16s ease;
}
/* A 方案：经过时文字变橙（与导航高亮同色），底/边随之淡橙 */
.lwx-nav-right .lwx-auth:hover,
.lwx-nav-right .lwx-auth.lwx-auth-ghost:hover{
  opacity:1;color:var(--nv-on);
  background:var(--nv-hov-bg);border-color:var(--nv-hov-bd);
}
.lwx-nav-right .lwx-auth.lwx-auth-ghost{
  background:var(--nv-ghost-bg);border-color:var(--nv-ghost-bd);
}

/* ---- 暗色主题：html[data-theme="dark"] 与 body.night 双触发 ---- */
html[data-theme="dark"] .lwx-nav,
body.night .lwx-nav{
  --nv-bg:#0E1620; --nv-ink:#E9F1F8; --nv-link:#A4B4C2; --nv-on:#FF6136;
  --nv-sep:#253341; --nv-hair:#1B2733;
  --nv-ghost-bg:transparent; --nv-ghost-bd:#2A3948;
  --nv-reg-bg:#1A2632; --nv-reg-fg:#E9F1F8;
  --nv-hov-bg:rgba(255,97,54,.14); --nv-hov-bd:#5C2C1E;
}
html[data-theme="dark"] .lwx-brand .lwx-lg-full,
body.night .lwx-brand .lwx-lg-full{display:none}
html[data-theme="dark"] .lwx-brand .lwx-lg-mark,
body.night .lwx-brand .lwx-lg-mark{display:block}

/* ---- 窄屏压缩（≤1280 起，保证 10 项 + 双按钮不溢出）---- */
@media (max-width:1280px){
  .lwx-nav-in{gap:12px}
  .lwx-nav-links a{font-size:13px;padding:8px 8px}
  .lwx-nav-links a.is-on::after{left:8px;right:8px}
  .lwx-sep{margin:0;height:11px}
  .lwx-nav-right .lwx-auth,
  .lwx-nav-right .lwx-auth.lwx-auth-ghost{padding:7px 14px;font-size:13px}
  .lwx-brand img{height:30px}
}
/* ---- 更窄：转横向滚动条带，任何宽度不压字 ---- */
@media (max-width:1024px){
  .lwx-nav-in{height:auto;min-height:0;padding:10px 16px;flex-wrap:wrap;row-gap:6px}
  .lwx-nav-links{
    order:9;flex:0 0 100%;width:100%;
    justify-content:flex-start;
    overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  .lwx-nav-links::-webkit-scrollbar{height:0;display:none}
  .lwx-nav-right{margin-left:auto}
}
@media (max-width:820px){
  .lwx-nav-links a{font-size:14px;height:40px;padding:0 12px}
  .lwx-nav-links a.is-on::after{left:12px;right:12px}
  .lwx-sep{height:12px}
}

/* ═══ P1-b 标题层级标尺（2026-11-06 用户定稿）═══
   页面在 <body> 上标 data-lvl：l1=频道页 32 / l2=列表与工具页 28 / l3=详情页 24。
   只压主标题字号，不动字重、颜色、字体。未标注的页面（如官网首页）不受影响。
   放在本文件原因：hall 系栏目页不引 base.css，但全站都引 nav-site.css。 */
body[data-lvl="l1"] main h1:first-of-type{font-size:32px!important;line-height:1.28!important}
body[data-lvl="l2"] main h1:first-of-type{font-size:28px!important;line-height:1.3!important}
body[data-lvl="l3"] main h1:first-of-type{font-size:24px!important;line-height:1.35!important}
/* 整本阅读页（/laws/{slug}）的封面书名走 .rm-stage，固定 24，不受 body data-lvl 影响 */
body[data-lvl] main .rm-stage h1{font-size:24px!important;line-height:1.4!important}