/* LXMORE 前台导航高亮样式（站点1 wanjusha.com 定制版 v4）
 * 由后台「基本配置 → 其他 → 前台导航 → 导航高亮显示」开关控制（NAV_HIGHLIGHT）
 * v2 变更（2026-09-12）：电脑端主导航改为「深色文字 + hover 红色线条动画 + 当前项渐变胶囊」，
 * 移除 frame.css 旧版「全红文字 + 底部线条」混搭，更简洁现代；侧栏分类高亮与移动端保持 v1 设计。
 * v3 变更（2026-09-12）：手机端选中项改为「白底红字 + 阴影」（用户反馈不好看，v4 已回退）。
 * v12（2026-09-12）：手机端高亮与电脑端一致（红渐变胶囊白字+白描边），文字不加粗。
 */

/* ===== 主导航（mainmenu）电脑端 ===== */
/* 普通项：深色文字（覆盖 frame.css 全红） */
header box mainmenu ul li a {
  color: #333;
  font-weight: 600;
  padding: 0 14px;
}
/* hover：变红 */
header box mainmenu ul li a:hover {
  color: #E53935 !important
}
/* 底部线条动画：统一红色（覆盖 frame.css 的 #333 线条），hover 从中间展开 */
header box mainmenu ul li a::before,
header box mainmenu ul li a::after {
  background: #E53935 !important
}
header box mainmenu ul li a:hover::before,
header box mainmenu ul li a:hover::after {
  width: 50%; background: #E53935 !important
}
/* 当前项：渐变胶囊白字（覆盖 frame.css 红字/线条） */
header box mainmenu ul li.on a {
  background: linear-gradient(135deg, #f0564c, #E53935);
  color: #fff !important;
  box-shadow: 0 3px 10px rgba(229, 57, 53, .3);
  border-radius: 4px
}
/* 当前项彻底去掉底部线条 */
header box mainmenu ul li.on a::before,
header box mainmenu ul li.on a::after {
  display: none !important
}

/* ===== 分类导航（sidebar 分类列表）高亮：桌面端仅变色，移动端胶囊 ===== */
container box sidebar section ul li a {
  transition: color .2s ease
}
container box sidebar section ul li a:hover {
  color: #E53935
}
container box sidebar section ul li.on a,
container box sidebar section ul li a.active {
  color: #E53935; font-weight: bold
}

/* ===== 移动端 ===== */
@media screen and (max-width: 960px) {
  /* v12 手机端高亮与电脑端一致：红渐变胶囊白字 + 白描边（红底上清晰），文字不加粗 */
  header box mainmenu ul li a {
    color: #fff; font-weight: normal; padding: 0 14px
  }
  header box mainmenu ul li a:hover {
    color: #fff !important
  }
  header box mainmenu ul li.on a {
    background: linear-gradient(135deg, #f0564c, #E53935);
    color: #fff !important;
    font-weight: normal !important;
    border: 2px solid rgba(255, 255, 255, .9);
    border-radius: 4px;
    box-shadow: 0 3px 10px rgba(229, 57, 53, .3)
  }
  header box mainmenu ul li.on a::before,
  header box mainmenu ul li.on a::after {
    display: none !important
  }
  /* 分类导航：自动换行（v9，分类名超出容器宽度自动换行，不再横向滑动） */

  container box sidebar section ul {
    display: flex; flex-wrap: wrap; list-style: none; padding: 10px 0px 0px 0px
  }
  container box sidebar section ul li {
    flex: 0 0 auto; width: auto; padding: 0px 10px 8px 0px; white-space: nowrap
  }
  container box sidebar section ul li a {
    display: inline-block; padding: 6px 18px; border-radius: 20px; transition: background-color .2s ease, color .2s ease
  }
  container box sidebar section ul li a:hover {
    background: #fdecea; color: #E53935
  }
  /* 选中分类：红色渐变胶囊白字（恢复 v2 原样） */
  container box sidebar section ul li.on a,
  container box sidebar section ul li a.active {
    background: linear-gradient(135deg, #f0564c, #E53935); color: #fff; font-weight: bold
  }
}