/* ============================================================
   nav.css - 全站统一导航样式（权威版本）
   由 header.php 在所有页面样式之后加载：
   - 无论页面额外加载 shared.css / flexible.css / news-v2.css 与否，
     导航外观均以本文件为准（后加载覆盖同名规则）
   - 规则取自 redesign-theme.css 的导航块（站点主设计）
   - .theme-btn / .burger-btn 为 .nav-theme / .nav-burger 的等价别名，
     供未加载 redesign-theme.css 的页面使用相同外观
   ============================================================ */

.site-nav {
  box-sizing: border-box;
  position: sticky; top: 0; z-index: 200;
  background: color-mix(in srgb, var(--card) 88%, transparent);
  backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
  border-bottom: 1px solid var(--border);
}
.nav-inner { max-width: 1200px; margin: 0 auto; padding: 0 24px; height: 64px; display: flex; align-items: center; gap: 20px; }
.nav-logo { display: flex; align-items: center; gap: 10px; font-weight: 800; font-size: 17px; flex-shrink: 0; color: var(--text); }
.nav-logo .mark { width: 34px; height: 34px; border-radius: 9px; background: var(--blue); display: grid; place-items: center; color: #fff; }
.nav-links { display: flex; align-items: center; gap: 4px; margin-left: auto; }
.nav-link { padding: 8px 14px; border-radius: 999px; font-size: 15px; color: var(--muted); transition: .2s; }
.nav-link:hover { color: var(--text); background: var(--blue-tint); }
.nav-link.active { color: var(--blue); background: var(--blue-tint); font-weight: 600; }
.nav-link.hot { font-size: 14px; }
.nav-link-sm { font-size: 14px; padding: 8px 10px; }
.nav-divider { width: 1px; height: 18px; background: var(--border); margin: 0 4px; }

/* 主题切换 / 汉堡按钮（两种类名同一外观） */
.nav-theme, .theme-btn {
  width: 38px; height: 38px; border-radius: 50%; border: 1px solid var(--border);
  background: var(--card); color: var(--muted); display: grid; place-items: center;
  cursor: pointer; flex-shrink: 0;
}
.nav-theme:hover, .theme-btn:hover { color: var(--blue); border-color: var(--blue-tint-2); }
.nav-burger, .burger-btn { display: none; }

@media (max-width: 680px) {
  .nav-links {
    display: none; position: absolute; top: 64px; left: 0; right: 0;
    background: var(--card); border-bottom: 1px solid var(--border);
    flex-direction: column; align-items: stretch; padding: 10px 18px 16px; gap: 2px;
    box-shadow: var(--shadow-sm);
  }
  .nav-links.open { display: flex; }
  .nav-burger, .burger-btn {
    display: grid; place-items: center; width: 40px; height: 40px;
    background: none; border: 1px solid var(--border); border-radius: 10px;
    color: var(--text); margin-left: auto;
  }
}

/* 主题图标初始状态（自 partials/header.php 内联 style 迁移，2026-09-19）
   浅色默认只显示太阳；theme.js 切换时设置的内联 display 置空后由此回退，
   暗色下（data-theme="dark"，含 head 极早预置）太阳隐藏、月亮显示 */
.nav-theme .i-moon, .theme-btn .icon-moon { display: none; }
html[data-theme="dark"] .nav-theme .i-moon,
html[data-theme="dark"] .theme-btn .icon-moon { display: inline-block; }
html[data-theme="dark"] .nav-theme .i-sun,
html[data-theme="dark"] .theme-btn .icon-sun { display: none; }