/* 五个主页面共用的顶部导航几何与文字规范 */
html {
  /* 页面内容长短不同时，仍为滚动条保留同样空间，避免导航整体横向跳动 */
  scrollbar-gutter: stable;
}
.nav-inner {
  max-width: 1360px;
  margin: 0 auto;
  padding: 16px var(--gutter);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
}
.brand {
  display: flex;
  align-items: center;
  gap: 12px;
  flex: 0 0 auto;
}
.brand-logo {
  width: auto;
  height: 42px;
  display: block;
}
.nav-links {
  display: flex;
  align-items: center;
  gap: 40px;
}
.nav-links a {
  padding: 6px 0;
  font-family: var(--font-cn);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.75;
  letter-spacing: .04em;
  }
.nav-links a.active::after { transform: scaleX(1); }
.nav-meta {
  display: flex;
  align-items: center;
  gap: 20px;
  flex: 0 0 auto;
  font-size: 13px;
}
.lang-toggle span {
  padding: 6px 12px;
  font-family: var(--font-en);
  font-size: 12px;
  line-height: 1.75;
  letter-spacing: .08em;
}
@media (max-width: 960px) {
  .nav-links { display: none; }
}