/* ============================================================
   archive-nav.css — 小M基地全站导航组件
   顶栏（首页馆徽+四卷入口 / 子页返回+面包屑）+ 章节侧签 TOC
   颜色全部走 --anav-* 变量：默认为档案馆纸色体系，
   各页面可在自己的 <style> 里覆写以融入本页皮肤。
   ============================================================ */
:root{
  --anav-bg:rgba(238,227,203,.92);          /* 顶栏底（半透明，配 blur） */
  --anav-panel:#efe4cb;                     /* 目录抽屉底（不透明） */
  --anav-ink:#1c1713;                       /* 主文字 */
  --anav-soft:rgba(28,23,19,.6);            /* 次要文字 */
  --anav-line:rgba(28,23,19,.25);           /* 细线 */
  --anav-accent:#9a2b2b;                    /* 强调色（返回块/高亮） */
  --anav-on-accent:#ece0c8;                 /* 强调色块上的文字 */
  --anav-w:780px;                           /* 本页内容列宽，TOC 定位用 */
  --anav-hei:"PingFang SC","Microsoft YaHei","Heiti SC",sans-serif;
  --anav-mono:"SF Mono",Consolas,"Courier New",monospace;
}

/* ---------- 顶栏 ---------- */
#anav{position:fixed;top:0;left:0;right:0;z-index:1000;
  background:var(--anav-bg);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  border-bottom:1px solid var(--anav-line);
  font-family:var(--anav-hei)}
#anav-spacer{height:48px}
#anav .anav-in{max-width:calc(var(--anav-w) + 36px);margin:0 auto;padding:0 18px;
  height:48px;display:flex;align-items:center;gap:14px}
#anav a,#anav-toc a,#anav-panel a{text-decoration:none;border-bottom:0}

/* 首页模式：馆徽 + 四卷入口 */
.anav-brand{display:flex;align-items:center;gap:7px;color:var(--anav-ink);
  font-weight:900;font-size:14px;letter-spacing:.12em;white-space:nowrap}
.anav-brand .star{color:var(--anav-accent);font-size:12px;transform:translateY(-1px)}
.anav-links{display:flex;gap:2px;margin-left:auto;font-size:12.5px;font-weight:700}
.anav-links a{color:var(--anav-soft);padding:5px 9px;letter-spacing:.06em;
  transition:color .15s}
.anav-links a:hover{color:var(--anav-accent)}
.anav-links .brief{display:none}

/* 子页模式：返回块 + 面包屑 */
.anav-back{flex:0 0 auto;background:var(--anav-accent);color:var(--anav-on-accent);
  font-weight:900;font-size:11.5px;letter-spacing:.14em;padding:5px 12px;
  transform:skewX(-8deg);box-shadow:2px 2px 0 rgba(0,0,0,.28);white-space:nowrap;
  transition:filter .15s}
.anav-back span{display:inline-block;transform:skewX(8deg)}
.anav-back:hover{filter:brightness(1.15)}
.anav-crumb{flex:1;min-width:0;display:flex;align-items:center;gap:7px;
  font-family:var(--anav-mono);font-size:12px;letter-spacing:.04em;
  white-space:nowrap;overflow:hidden}
.anav-crumb a{color:var(--anav-soft);flex:0 0 auto;transition:color .15s}
.anav-crumb a:hover{color:var(--anav-accent)}
.anav-crumb .sep{color:var(--anav-soft);opacity:.45;flex:0 0 auto}
.anav-crumb b{color:var(--anav-ink);font-weight:700;overflow:hidden;text-overflow:ellipsis}

/* 目录按钮（窄屏且本页有章节时由 body.anav-has-toc 控制显示） */
.anav-tocbtn{display:none;flex:0 0 auto;border:1px solid var(--anav-line);
  background:none;color:var(--anav-soft);font-family:var(--anav-mono);
  font-size:11px;letter-spacing:.12em;padding:4px 10px;cursor:pointer;
  transition:color .15s,border-color .15s}
.anav-tocbtn:hover{color:var(--anav-accent);border-color:var(--anav-accent)}

/* ---------- 桌面左侧章节侧签 ---------- */
#anav-toc{position:fixed;top:104px;
  left:max(14px,calc((100vw - var(--anav-w))/2 - 210px));
  width:174px;max-height:calc(100vh - 170px);overflow-y:auto;
  display:none;z-index:900;font-family:var(--anav-mono)}
#anav-toc .cap{font-size:10px;font-weight:700;letter-spacing:.4em;
  color:var(--anav-soft);margin:0 0 8px 12px}
#anav-toc a{display:block;padding:5px 10px;border-left:2px solid var(--anav-line);
  color:var(--anav-soft);font-size:11px;line-height:1.55;text-decoration:none;
  letter-spacing:.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  transition:color .15s,border-color .15s}
#anav-toc a i{font-style:normal;font-size:10px;opacity:.55;margin-right:7px}
#anav-toc a:hover{color:var(--anav-accent)}
#anav-toc a.on{color:var(--anav-accent);border-left-color:var(--anav-accent);font-weight:700}

/* ---------- 窄屏目录抽屉 ---------- */
#anav-panel{position:fixed;top:56px;right:12px;z-index:1001;
  width:min(78vw,300px);max-height:62vh;overflow-y:auto;
  background:var(--anav-panel);border:2px solid var(--anav-ink);
  box-shadow:5px 5px 0 rgba(0,0,0,.25);display:none;
  font-family:var(--anav-mono);padding:8px 0}
#anav-panel.open{display:block}
#anav-panel a{display:block;padding:9px 16px;color:var(--anav-ink);font-size:12px;
  text-decoration:none;border-bottom:1px dashed var(--anav-line)}
#anav-panel a:last-child{border-bottom:none}
#anav-panel a i{font-style:normal;font-size:10px;color:var(--anav-accent);margin-right:8px}
#anav-panel a.on{color:var(--anav-accent);font-weight:700}

/* ---------- 显隐规则 ---------- */
@media(min-width:1280px){
  body.anav-has-toc #anav-toc{display:block}
}
@media(max-width:1279.98px){
  body.anav-has-toc .anav-tocbtn{display:inline-block}
}
@media(max-width:600px){
  #anav .anav-in{height:44px;padding:0 12px;gap:10px}
  #anav-spacer{height:44px}
  .anav-brand{font-size:13px}
  .anav-links{font-size:11.5px}
  .anav-links a{padding:5px 6px;letter-spacing:.02em}
  .anav-links .full{display:none}
  .anav-links .brief{display:inline}
  .anav-crumb{font-size:11px;gap:5px}
}
@media(max-width:430px){
  /* 极窄屏：面包屑只留「总馆 › 本页」 */
  .anav-crumb a.mid,.anav-crumb .sep.mid{display:none}
}

/* 锚点跳转避开固定顶栏 */
[id]{scroll-margin-top:64px}