/* =========================================
   AllAssets 共享导航样式
   所有页面必须通过 <link rel="stylesheet" href="nav.css"> 引入
   不得在各页面内联覆盖以下规则
   ========================================= */

/* ── CSS 变量 ── */
:root {
  --nav-primary:   #6366f1;
  --nav-primary-d: #4f46e5;
  --nav-primary-l: #eef2ff;
  --nav-text:      #0f172a;
  --nav-text-2:    #475569;
  --nav-border:    #e2e8f0;
  --nav-height:    64px;
  --nav-max-width: 1100px;
}

/* ── 防止滚动条宽度跳变 ── */
html {
  overflow-y: scroll;
}

/* ── 隔离 box-sizing，不受各页面全局 reset 影响 ── */
nav.site-nav,
nav.site-nav * {
  box-sizing: border-box;
}

/* ── nav 元素本身 ── */
nav.site-nav {
  position: sticky;
  top: 0;
  z-index: 1000;
  background: rgba(248, 250, 252, 0.92);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border-bottom: 1px solid var(--nav-border);
  /* 完全隔离字体/行高，不受 body 影响 */
  font-family: -apple-system, BlinkMacSystemFont, "PingFang SC",
               "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", sans-serif;
  font-size: 15px;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}

/* ── 内容宽度容器 ── */
nav.site-nav .nav-wrap {
  max-width: var(--nav-max-width);
  margin: 0 auto;
  padding: 0 24px;
  height: var(--nav-height);
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* ── Logo ── */
nav.site-nav .nav-logo {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 20px;
  font-weight: 800;
  color: var(--nav-text);
  text-decoration: none;
  flex-shrink: 0;
}
nav.site-nav .nav-logo-icon {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  overflow: hidden;
  flex-shrink: 0;
}
nav.site-nav .nav-logo-icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* ── 链接列表 ── */
nav.site-nav .nav-list {
  display: flex;
  align-items: center;
  gap: 80px;          /* 增加间距：从 60px 改为 80px */
  list-style: none;
  margin: 0;
  padding: 0;
}

/* ── 所有 nav 项（高亮 & 普通）共用相同尺寸，保证占位一致 ── */
nav.site-nav .nav-item {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 32px;           /* 固定高度 */
  padding: 0 14px;        /* 固定水平内边距 */
  border-radius: 8px;
  font-size: 15px;
  font-weight: 500;       /* 统一字重，防止 macOS 字体切换导致宽度跳变 */
  white-space: nowrap;
  text-decoration: none;
  color: var(--nav-text-2);
  background: transparent;
  border: none;
  cursor: pointer;
  transition: background 0.15s, color 0.15s;
  /* 完全隔离继承，防止各页面 body 样式污染 */
  line-height: 1;
  letter-spacing: 0;
  font-family: inherit;
}

/* ── 普通状态悬停 ── */
nav.site-nav .nav-item:hover {
  background: var(--nav-primary-l);
  color: var(--nav-primary);
}

/* ── 当前页高亮（span，不可点击） ── */
nav.site-nav .nav-item.active {
  background: var(--nav-primary-l);
  color: var(--nav-primary);
  font-weight: 500;       /* 保持与普通状态一致的字重，消除任何视觉跳动 */
  cursor: default;
  pointer-events: none;
}

/* ── 右侧下载按钮 ── */
nav.site-nav .nav-download {
  display: inline-flex;
  align-items: center;
  height: 38px;
  padding: 0 20px;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 700;
  background: var(--nav-primary);
  color: #fff;
  text-decoration: none;
  border: none;
  cursor: pointer;
  transition: background 0.2s;
  flex-shrink: 0;
  line-height: 1;
  font-family: inherit;
}
nav.site-nav .nav-download:hover {
  background: var(--nav-primary-d);
}

/* ── 移动端隐藏链接列表 ── */
@media (max-width: 640px) {
  nav.site-nav .nav-list {
    display: none;
  }
}