/* 顶部导航栏：字体与首页保持一致 + 字号放大一倍（2026-10-30）
 *
 * 背景：
 *   type/index.css 里有 .nav ul li a { font-size: var(--nf-body) !important }。
 *   首页的 :root 定义了 --nf-body: 18px → 首页导航 18px；
 *   产品/列表页没有定义 --nf-body → 变量无效回退继承 → 导航只有 16px。
 *   两边不一致，用户要求「导航栏的字体和主页的保持一致」。
 *
 * 处理：
 *   1) 字体族统一用首页的 DM Sans（与 body / --nf-sans 一致），字重 500；
 *   2) 字号统一放大一倍：18px → 36px。
 *
 * 特异性：body 前缀让它压过 song_head/index.css 里的媒体查询
 *   （.header-song .nav>ul>li>a 是 0,2,2，这里是 0,2,3），
 *   不用依赖样式表的加载顺序。
 */

body .header-song .nav>ul>li>a {
  font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", "PingFang SC", "Hiragino Sans GB",
    "Microsoft YaHei", sans-serif !important;
  font-size: 36px !important;
  font-weight: 500 !important;
  line-height: 1.3 !important;
}

/* 一级菜单项间距随字号放大 */
body .header-song .nav>ul>li {
  margin: 0 18px !important;
}

/* 悬停态与首页保持同样的橙色提示 */
body .header-song .nav>ul>li>a:hover {
  color: var(--nr-accent, #e58722) !important;
}

/* 窄屏：字号收回，避免顶栏挤爆 */
@media screen and (max-width: 1200px) {
  body .header-song .nav>ul>li>a { font-size: 24px !important; }
  body .header-song .nav>ul>li { margin: 0 10px !important; }
}
@media screen and (max-width: 990px) {
  body .header-song .nav>ul>li>a { font-size: 20px !important; }
}