/* ═══════════════════════════════════════════════════════════
   V3 站壳样式 —— 顶栏，一处定义（页脚归 assets/site-footer.js）

   原本这套顶栏 CSS 有两份拷贝（writing.html 内联一份、essay.css 一份），
   现在要铺到 20 个原子页，再复制就是第三、第四……第二十四份。本站在
   「三本书三套架构」「双首页各改一遍」上已经吃过这个亏，所以先抽出来。

   配套 assets/v3-chrome.js 注入标记。
   ═══════════════════════════════════════════════════════════ */

.nav{position:sticky;top:0;z-index:60;background:rgba(251,250,246,.92);
  -webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);
  border-bottom:1px solid var(--v-line)}
html[data-theme="dark"] .nav{background:rgba(33,31,29,.92)}
.nav-in{max-width:1180px;margin:0 auto;padding:14px 32px;display:flex;align-items:center;gap:28px}
.nav .brand{font-family:var(--font-cn-serif,serif);font-size:19px;font-weight:600;letter-spacing:.04em;
  text-decoration:none;color:var(--v-ink);white-space:nowrap}
.nav .brand span{font-family:var(--font-mono,monospace);font-size:9.5px;letter-spacing:.28em;
  color:var(--v-ink3);margin-left:9px;text-transform:uppercase;font-weight:400}
.nav-links{display:flex;gap:2px;margin-left:6px}
.nav-links a{font-size:14.5px;font-weight:500;color:var(--v-ink2);text-decoration:none;
  padding:7px 14px;border-radius:9999px;transition:.15s}
.nav-links a:hover,.nav-links a.on{background:var(--v-bg3);color:var(--v-ink)}
.nav-right{margin-left:auto}

/* 副栏：资产库这类工具入口降到主栏之下，保留可达性但不跟主导航抢身份 */
.lib-subnav{border-bottom:1px solid var(--v-line);background:var(--v-bg2)}
.lib-subnav-in{max-width:1180px;margin:0 auto;padding:9px 32px;
  display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.lib-subnav-label{font-family:var(--font-mono,monospace);font-size:9.5px;letter-spacing:.2em;
  text-transform:uppercase;color:var(--v-ink4);font-weight:500}
.lib-subnav a{font-size:13px;color:var(--v-ink3);text-decoration:none;transition:.15s}
.lib-subnav a:hover{color:var(--v-accent)}

@media(max-width:620px){
  .nav-links{display:none}
  .nav-in,.lib-subnav-in{padding-left:20px;padding-right:20px}
  .lib-subnav-in{gap:13px}
}