/* ============================================================
   site-shared/nav.css — 站间导航条 v3（金墨 · 随页配色）
   ------------------------------------------------------------
   单一来源：改这里 → 跑 `bash site-shared/sync-nav.sh` → 各子页面同时生效。
   结构片段见 site-shared/nav.html（同一脚本注入到各页，勿手改副本）。

   适用范围：只给「子页面」（/dp、/ub）挂。landing 主站**不挂** ——
   主站已有右栏「杨夏的导航」完整目录，再顶一条重复且抢注意力。

   设计约束：
   · position:relative，在文档流内 —— 不 sticky、不 fixed，绝不压住正文
   · 自包含配色，不继承页面主题；**底色/字色随所在子页面走**（见下方主题区）
   · 自带宽 24px 的下方留白（margin-bottom），正文不会再贴住导航条
   · 左「← 复调信号台」= 回主站；右为站内产品互跳（不含站外站，如卧龙台）
   · 当前页由 <nav data-current="dp|ub"> 决定，各页只维护这一个属性
   ============================================================ */
.sitenav{
  /* ---- 主题变量（默认 = 象牙白，浅色页适用，如 ub）---- */
  --sitenav-bg:#FBF9F4;              /* 条底色 */
  --sitenav-fg:#232220;              /* 链接常规字色 */
  --sitenav-accent:#8A6A33;          /* 品牌 / 悬停 / 当前页 */
  --sitenav-line:rgba(176,137,74,.28); /* 下缘发丝线 */
  --sitenav-space:24px;              /* 与正文的呼吸留白 */

  position:relative;
  background:var(--sitenav-bg);
  border-bottom:1px solid var(--sitenav-line);
  margin-bottom:var(--sitenav-space);
  font-family:"PingFang SC","Songti SC","Hiragino Sans GB",sans-serif;
  font-weight:400;
  -webkit-font-smoothing:antialiased;
}
.sitenav__inner{
  max-width:1180px; width:100%; margin:0 auto;
  display:flex; align-items:center; justify-content:space-between; gap:18px;
  padding:11px 32px;
}
.sitenav__brand{
  display:inline-flex; align-items:center; gap:6px;
  font-family:"Songti SC","STSong",serif; font-weight:500;
  font-size:13.5px; letter-spacing:.06em; line-height:1.5;
  color:var(--sitenav-accent); text-decoration:none; white-space:nowrap;
  transition:color .15s;
}
.sitenav__brand:hover{ color:var(--sitenav-fg); }
.sitenav__arrow{ font-size:12px; opacity:.7; }
.sitenav__links{
  display:flex; align-items:center; gap:20px;
  font-size:13px; letter-spacing:.04em; line-height:1.5;
}
.sitenav__link{
  color:var(--sitenav-fg); text-decoration:none;
  padding-bottom:2px; border-bottom:1.5px solid transparent;
  transition:color .15s, border-color .15s; white-space:nowrap;
}
.sitenav__link:hover{ color:var(--sitenav-accent); }
/* 当前页：由属性选择器决定，页面不写 is-active 类 */
.sitenav[data-current="dp"] .sitenav__link[data-key="dp"],
.sitenav[data-current="ub"] .sitenav__link[data-key="ub"]{
  color:var(--sitenav-accent); border-bottom-color:currentColor;
}

/* ------------------------------------------------------------
   主题区：底色跟所在子页面的视觉色匹配
   新增子页面若底色与默认象牙白不同，按下面这样加一段覆盖即可
   （只需改这 5 个变量，不用动页面 HTML）
   ------------------------------------------------------------ */

/* 预言家日报：报纸放在「深色桌面」上（body #232019），且正文与导航间要更松 */
.sitenav[data-current="dp"]{
  --sitenav-bg:#232019;                 /* = 报纸页 body 底色，导航融进桌面 */
  --sitenav-fg:#EFE7D6;                 /* 纸色偏白的浅字 */
  --sitenav-accent:#D8AC35;             /* 报纸金 #c89b00 的提亮版（深底可读） */
  --sitenav-line:rgba(200,155,0,.34);
  --sitenav-space:28px;
}

@media (max-width:640px){
  .sitenav__inner{ padding:10px 16px; gap:12px; }
  .sitenav__links{ gap:14px; font-size:12px; }
  .sitenav__brand{ font-size:13px; }
}