/* 缠枢官网共享导航品牌规范：所有带 .nav / .logo 的公开静态页均引入本文件。 */
:root {
  --brand-bg: #f5f0eb;
  --brand-ink: #2c2416;
  --brand-ink-soft: #4a4033;
  --brand-accent: #c0392b;
  --brand-gray: #7d7164;
  --brand-border: #e0d8cf;
  --brand-song: "Songti SC", "STSong", "Noto Serif SC", "SimSun", serif;
  --brand-kai: "Kaiti SC", "STKaiti", "KaiTi", "Songti SC", serif;
}

nav.nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
  height: 78px;
  padding: 1.1rem 3rem;
  background: rgba(245, 240, 235, 0.92);
  border-bottom: 1px solid var(--brand-border);
  position: sticky;
  top: 0;
  z-index: 100;
  backdrop-filter: blur(10px);
  transition: box-shadow 0.3s;
}

nav.nav .logo {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  color: var(--brand-ink);
  text-decoration: none;
}

nav.nav .logo-mark {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border: 0;
  border-radius: 3px;
  background: var(--brand-accent);
  color: #fff;
  font-family: var(--brand-kai);
  font-size: 1.35rem;
  font-weight: 700;
  line-height: 1;
  transform: rotate(-3deg);
  transition: transform 0.3s;
}

nav.nav .logo:hover .logo-mark { transform: rotate(3deg) scale(1.05); }

nav.nav .logo-text {
  color: var(--brand-ink);
  font-family: var(--brand-song);
  font-size: 1.45rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  line-height: 1;
}

nav.nav .logo-text .dot,
nav.nav .logo-text b {
  color: var(--brand-accent);
  font-weight: 900;
}

nav.nav .logo-sub {
  margin-left: 0.75rem;
  padding-left: 0.85rem;
  border-left: 1px solid var(--brand-border);
  color: var(--brand-gray);
  font-family: var(--brand-song);
  font-size: 0.78rem;
  font-weight: 500;
  letter-spacing: 0.24em;
  line-height: 1;
  white-space: nowrap;
}

nav.nav .nav-links {
  display: flex;
  gap: 2.5rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

nav.nav .nav-links a {
  color: var(--brand-ink-soft);
  font-family: var(--brand-song);
  font-size: 0.9rem;
  letter-spacing: 0.08em;
  text-decoration: none;
  transition: color 0.2s;
}

nav.nav .nav-links a:hover { color: var(--brand-accent); }

@media (max-width: 768px) {
  nav.nav { height: auto; padding: 1rem 1.5rem; flex-direction: column; gap: 1rem; }
  nav.nav .nav-links { gap: 1.5rem; }
}

@media (max-width: 640px) {
  nav.nav .logo-sub { display: none; }
}