/* ── Main-site nav + 橙色主题覆盖 (注入到 Sphinx/Furo 文档) ── */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500;600;700&family=Noto+Sans+SC:wght@400;500;700&display=swap');

/* ============ Furo 主题变量覆盖：套上主站橙色调 ============ */
:root,
html[data-theme="light"],
body[data-theme="light"] {
  --color-brand-primary: #A8482C;
  --color-brand-content: #A8482C;
  --color-brand-visited: #A8482C;

  --color-foreground-primary: #2e2722;
  --color-foreground-secondary: #6b5f57;
  --color-foreground-muted: #8a7d73;
  --color-foreground-border: #ebe4dd;

  --color-background-primary: #ffffff;
  --color-background-secondary: #f6f2ee;
  --color-background-hover: #FBEDE6;
  --color-background-hover--transparent: #FBEDE600;
  --color-background-border: #ebe4dd;

  --color-sidebar-background: #f6f2ee;
  --color-sidebar-background-border: #ebe4dd;
  --color-sidebar-link-text: #2e2722;
  --color-sidebar-link-text--top-level: #2e2722;
  --color-sidebar-brand-text: #2e2722;
  --color-sidebar-item-background--hover: #FBEDE6;
  --color-sidebar-item-expander-background--hover: #FBEDE6;
  --color-sidebar-search-border: #ebe4dd;

  --color-link: #A8482C;
  --color-link--hover: #8a3c24;
  --color-link-underline: #e6c4b6;

  --color-api-name: #A8482C;
  --color-api-pre-name: #B85539;
  --color-highlight-on-target: #FBEDE6;
  --color-inline-code-background: #f4efe9;

  --font-stack: 'Noto Sans SC', 'Poppins', -apple-system, 'Segoe UI', sans-serif;
  --font-stack--monospace: 'SF Mono', 'Consolas', 'Fira Code', monospace;
}

/* dark 模式也用同一品牌色，避免割裂 */
body[data-theme="dark"] {
  --color-brand-primary: #D97757;
  --color-brand-content: #D97757;
  --color-link: #D97757;
  --color-link--hover: #e08a6a;
}

/* 标题用 Poppins 粗体，呼应主站 */
.content h1, .content h2, .content h3, .content h4,
article h1, article h2, article h3, article h4 {
  font-family: 'Poppins', 'Noto Sans SC', sans-serif;
  font-weight: 700;
  letter-spacing: -0.01em;
}

/* 顶部注入导航占位，避免遮挡 Furo 自身 header */
.page { padding-top: 0; }

/* ============ 注入式顶部导航条（橙色新风格） ============ */
#site-nav {
  display: flex;
  align-items: center;
  gap: 28px;
  padding: 0 32px;
  height: 64px;
  border-bottom: 1px solid #ebe4dd;
  position: sticky;
  top: 0;
  background: rgba(255, 255, 255, 0.92);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  z-index: 9999;
  font-family: 'Poppins', 'Noto Sans SC', sans-serif;
}
#site-nav a { text-decoration: none; transition: .15s; }

#site-nav .site-nav-brand {
  display: flex; align-items: center; gap: 10px;
  font-weight: 700; font-size: 18px; color: #2e2722; flex-shrink: 0;
}
#site-nav .site-nav-mark {
  width: 34px; height: 34px; border-radius: 9px; background: #D97757;
  display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}

#site-nav .site-nav-links { display: flex; gap: 26px; margin-left: 8px; }
#site-nav .site-nav-links a { font-weight: 500; font-size: 15px; color: #2e2722; }
#site-nav .site-nav-links a:hover { color: #A8482C; }
#site-nav .site-nav-links a.active { color: #A8482C; }

#site-nav .site-nav-right { margin-left: auto; display: flex; align-items: center; gap: 16px; }
#site-nav .site-nav-cta {
  background: #B85539; color: #fff; font-weight: 600; font-size: 14px;
  padding: 9px 18px; border-radius: 999px;
}
#site-nav .site-nav-cta:hover { background: #A8482C; }
#site-nav .site-nav-lang { display: flex; align-items: center; gap: 4px; font-weight: 600; font-size: 13px; }
#site-nav .lang-btn { color: #a3948b; padding: 2px 4px; }
#site-nav .lang-btn:hover { color: #A8482C; }
#site-nav .lang-btn.active { color: #A8482C; }
#site-nav .lang-sep { color: #a3948b; font-size: 12px; }

@media (max-width: 820px) {
  #site-nav .site-nav-links { display: none; }
}