/* ==================== 跨页顶部导航条 ====================
   所有主内容页(首页/课表/课题页/知识页/文献库/MMD)共用同一份样式与脚本(nav.js),
   靠这一条固定顶栏在任意页面之间跳转, 不必先回主页。个人简历页(/resume/)是独立
   设计的可打印页面, 不引入这个组件。用到的颜色变量在各页面自己的 :root 里已定义
   (--bg/--surface/--surface-2/--ink/--muted/--line/--accent/--accent-ink/--accent-soft),
   这里不重新定义, 换皮肤(比如 /mmd/ 的青色系)时导航条会自动跟着变色。 */
.sitenav{
  position:sticky; top:0; z-index:50;
  display:flex; align-items:center; gap:4px;
  height:46px; padding:0 16px;
  background:var(--surface); border-bottom:1px solid var(--line);
  overflow-x:auto; overflow-y:hidden; white-space:nowrap;
  -webkit-overflow-scrolling:touch; scrollbar-width:none;
}
.sitenav::-webkit-scrollbar{display:none;}
.sitenav a{
  flex:0 0 auto;
  font-family:"Noto Sans SC","Segoe UI",sans-serif;
  font-size:12.5px; color:var(--muted); text-decoration:none;
  padding:6px 11px; border-radius:8px; line-height:1.3;
  transition:color .12s ease, background .12s ease;
}
.sitenav a:hover{color:var(--ink); background:var(--surface-2);}
.sitenav a.brand{
  color:var(--ink); font-weight:700; font-family:"Noto Serif SC",serif;
  padding-right:10px; margin-right:4px; border-right:1px solid var(--line); border-radius:0;
}
.sitenav a.on{color:var(--accent); background:var(--accent-soft); font-weight:600;}
.sitenav .sitenav-sep{flex:1 1 auto; min-width:8px;}