/* resage — 全站统一顶栏(B393 新视觉)。
   唯一来源:所有页面(首页/about/pricing/blog/legal)都 link 这一份,页面内不得再写 .nav* 规则。
   自带取值不吃页面 token:首页有自己的一套(--text-mid/--line),其余页面吃 tokens.css(--ink-2/--hair),
   两套变量名不通用 —— 顶栏若靠 var() 取色,换到哪一边都会塌。故此处写死,保证 18 页渲染一致。 */

.nav {
  position: sticky;
  top: 0;
  z-index: 50;
  background: rgba(10, 10, 10, 0.7);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'PingFang SC', system-ui, sans-serif;
  /* 各页 body 的 line-height 不同(首页 1.4 / legal.css 1.65 / about 自有),
     不钉死会让顶栏高度逐页差 3-4px —— 同一根条却高矮不齐 */
  line-height: 1.4;
}

/* 宽度自带,不借页面的 .wrap —— legal 页的 .wrap 是 760px,借了顶栏就比首页窄一截 */
.nav-inner {
  max-width: 1120px;
  margin: 0 auto;
  padding: 1.75rem clamp(1.5rem, 5vw, 3rem);
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.75rem 1.5rem;
}

.nav .wordmark {
  font-size: 1.0625rem;
  font-weight: 600;
  letter-spacing: -0.01em;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  color: #f3f2ee;
  text-decoration: none;
}
.nav .wordmark:hover { text-decoration: none; }

/* 叶子走主题绿,文字保持中性 —— 顶部底部一致 */
.nav .wordmark svg {
  width: 1.375rem;
  height: 1.375rem;
  flex: none;
  color: #33e27a;
}

.nav-links {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: clamp(1.1rem, 2.5vw, 2.1rem);
  font-size: 0.9375rem;
  color: #97978f;
}

/* legal.css 有全局 a{color:accent} + a:hover{underline},顶栏必须压掉,
   否则 blog/legal 的导航会变成一排绿色带下划线的链接(Andy 2026-07-20 反馈的原状) */
.nav-links a {
  color: inherit;
  text-decoration: none;
  transition: color 0.15s ease;
}
.nav-links a:hover {
  color: #f3f2ee;
  text-decoration: none;
}
.nav-links a.active { color: #f3f2ee; }
.nav-links a:focus-visible {
  outline: 1px solid #33e27a;
  outline-offset: 4px;
  border-radius: 2px;
}

.nav-links .nav-cta {
  color: #f3f2ee;
  border: 1px solid rgba(255, 255, 255, 0.09);
  padding: 0.5rem 1rem;
  border-radius: 7px;
  background: none;
  transform: none;
}
.nav-links .nav-cta:hover { border-color: rgba(255, 255, 255, 0.28); }

/* 语言切换(仅 /zh 源码保留用;EN 侧按 D135 无入口) */
.nav .lang {
  font-size: 0.8125rem;
  color: #5a5a55;
  display: inline-flex;
  gap: 6px;
  align-items: center;
}
.nav .lang a { color: #5a5a55; text-decoration: none; }
.nav .lang a.on, .nav .lang a:hover { color: #f3f2ee; }

@media (max-width: 820px) {
  .nav-inner { padding-top: 1.1rem; padding-bottom: 1.1rem; }
  .nav-links { gap: 0.9rem; font-size: 0.875rem; }
}