/* =============================================================================
 * n1.315nn.com 仿 avgua.cc 模板样式
 * ★ 只作用于：首页 / 栏目页 / 搜索页（详情页、播放页等保持原样）
 *
 * ⛔ 怎么做到「只影响这三类页」？
 *   n1 是**静态生成**站（133 万个 HTML），页面里没有 body class 区分类型，
 *   也不能靠 URL（详情页 /movie/xxx/2353500/ 也是目录形式，和栏目页长得一样）。
 *   → 由 `avgua-template.js` 在运行时判断页面类型，给 <body> 加标记类：
 *       body.nv-tpl-home    首页
 *       body.nv-tpl-list    栏目页
 *       body.nv-tpl-search  搜索页
 *   下面所有 CSS 都挂在这些类下面 → **其它页面完全不受影响**。
 *
 * 设计参数全部照搬 avgua.cc（Next.js 站）的 globals.css：
 *   --background #0f0f1a / --foreground #ededf2 / --card #16162a
 *   --border #252540 / --primary #6366f1 / --muted-foreground #8b8ba7
 *   卡片圆角 8px、16/9 封面、hover 上浮 2px
 * ============================================================================= */

/* ================================================================
 * 一、主题变量（只在三类页生效）
 * ================================================================ */
body.nv-tpl-home,
body.nv-tpl-list,
body.nv-tpl-search {
  --nv-bg: #0f0f1a;
  --nv-fg: #ededf2;
  --nv-card: #16162a;
  --nv-border: #252540;
  --nv-primary: #6366f1;
  --nv-accent: #f59e0b;
  --nv-muted: #8b8ba7;
  --nv-hover: #1e293b;

  background-color: var(--nv-bg) !important;
  background-image: none !important;
  color: var(--nv-fg) !important;
}

/* ================================================================
 * 二、顶栏（胶囊导航 + 暗色毛玻璃）
 * ================================================================ */
body.nv-tpl-home #header,
body.nv-tpl-list #header,
body.nv-tpl-search #header,
body.nv-tpl-home header#header,
body.nv-tpl-list header#header,
body.nv-tpl-search header#header {
  background: rgba(15, 15, 26, 0.92) !important;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border-bottom: 1px solid var(--nv-border) !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 60 !important;
}

/* 品牌名 */
body.nv-tpl-home #header .flag,
body.nv-tpl-list #header .flag,
body.nv-tpl-search #header .flag,
body.nv-tpl-home #header .Flag,
body.nv-tpl-list #header .Flag,
body.nv-tpl-search #header .Flag {
  color: var(--nv-accent) !important;
  font-weight: 700 !important;
  letter-spacing: -0.01em;
}

/* 导航链接 */
body.nv-tpl-home #header .nav-second .nav .nav-link,
body.nv-tpl-home #header .nav .nav-link,
body.nv-tpl-list #header .nav-second .nav .nav-link,
body.nv-tpl-list #header .nav .nav-link,
body.nv-tpl-search #header .nav-second .nav .nav-link,
body.nv-tpl-search #header .nav .nav-link {
  color: #94a3b8 !important;
  border-radius: 999px !important;
  transition: background 0.2s, color 0.2s;
  font-size: 14px !important;
  padding: 8px 14px !important;
}
body.nv-tpl-home #header .nav-second .nav .nav-link:hover,
body.nv-tpl-home #header .nav .nav-link:hover,
body.nv-tpl-list #header .nav-second .nav .nav-link:hover,
body.nv-tpl-list #header .nav .nav-link:hover,
body.nv-tpl-search #header .nav-second .nav .nav-link:hover,
body.nv-tpl-search #header .nav .nav-link:hover {
  background: var(--nv-hover) !important;
  color: #f1f5f9 !important;
}
/* 当前页 */
body.nv-tpl-home #header .nav-second .nav .nav-link.active,
body.nv-tpl-home #header .nav .nav-link.active,
body.nv-tpl-list #header .nav-second .nav .nav-link.active,
body.nv-tpl-list #header .nav .nav-link.active,
body.nv-tpl-search #header .nav-second .nav .nav-link.active,
body.nv-tpl-search #header .nav .nav-link.active {
  color: #f1f5f9 !important;
  background: rgba(245, 158, 11, 0.1) !important;
  box-shadow: inset 0 -2px 0 0 var(--nv-accent);
}

/* 搜索框 */
body.nv-tpl-home #header .search-form .input-group,
body.nv-tpl-list #header .search-form .input-group,
body.nv-tpl-search #header .search-form .input-group,
body.nv-tpl-home #header .SearchForm .input-group,
body.nv-tpl-list #header .SearchForm .input-group,
body.nv-tpl-search #header .SearchForm .input-group {
  background: #1e1e36 !important;
  border: 1px solid var(--nv-border) !important;
  border-radius: 999px !important;
  overflow: hidden;
  transition: border-color 0.2s;
}
body.nv-tpl-home #header .search-form .input-group:focus-within,
body.nv-tpl-list #header .search-form .input-group:focus-within,
body.nv-tpl-search #header .search-form .input-group:focus-within,
body.nv-tpl-home #header .SearchForm .input-group:focus-within,
body.nv-tpl-list #header .SearchForm .input-group:focus-within,
body.nv-tpl-search #header .SearchForm .input-group:focus-within {
  border-color: rgba(245, 158, 11, 0.6) !important;
}
body.nv-tpl-home #header .search-form .form-control,
body.nv-tpl-list #header .search-form .form-control,
body.nv-tpl-search #header .search-form .form-control,
body.nv-tpl-home #header .SearchForm .form-control,
body.nv-tpl-list #header .SearchForm .form-control,
body.nv-tpl-search #header .SearchForm .form-control {
  background: transparent !important;
  border: 0 !important;
  color: var(--nv-fg) !important;
  font-size: 13px !important;
  box-shadow: none !important;
}
body.nv-tpl-home #header .search-form .form-control::placeholder,
body.nv-tpl-list #header .search-form .form-control::placeholder,
body.nv-tpl-search #header .search-form .form-control::placeholder,
body.nv-tpl-home #header .SearchForm .form-control::placeholder,
body.nv-tpl-list #header .SearchForm .form-control::placeholder,
body.nv-tpl-search #header .SearchForm .form-control::placeholder {
  color: var(--nv-muted) !important;
}
/* 橙色圆形搜索按钮 */
body.nv-tpl-home #header .search-form .input-group-append .input-group-text,
body.nv-tpl-list #header .search-form .input-group-append .input-group-text,
body.nv-tpl-search #header .search-form .input-group-append .input-group-text,
body.nv-tpl-home #header .SearchForm .input-group-append .input-group-text,
body.nv-tpl-list #header .SearchForm .input-group-append .input-group-text,
body.nv-tpl-search #header .SearchForm .input-group-append .input-group-text {
  background: var(--nv-accent) !important;
  border: 0 !important;
  color: #0b0b14 !important;
  border-radius: 999px !important;
  margin: 4px;
  width: 30px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 !important;
}
/* 登录/注册文字 */
body.nv-tpl-home #header .login-btn .text,
body.nv-tpl-list #header .login-btn .text,
body.nv-tpl-search #header .login-btn .text,
body.nv-tpl-home #header .register-btn .text,
body.nv-tpl-list #header .register-btn .text,
body.nv-tpl-search #header .register-btn .text {
  color: #94a3b8 !important;
}

/* ================================================================
 * 三、主内容区
 * ================================================================ */
body.nv-tpl-home #main,
body.nv-tpl-list #main,
body.nv-tpl-search #main,
body.nv-tpl-home main#main,
body.nv-tpl-list main#main,
body.nv-tpl-search main#main {
  background: transparent !important;
  color: var(--nv-fg) !important;
  max-width: 1280px !important;
  margin: 0 auto !important;
  padding: 16px !important;
}

/* ================================================================
 * 四、模块标题（→ avgua 的 stui 风格：橙竖条 + 粗体）
 * ================================================================ */
body.nv-tpl-home #main h5,
body.nv-tpl-list #main h5,
body.nv-tpl-search #main h5,
body.nv-tpl-home #main .container-title,
body.nv-tpl-list #main .container-title,
body.nv-tpl-search #main .container-title {
  color: var(--nv-fg) !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 0 12px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}
body.nv-tpl-home #main h5::before,
body.nv-tpl-list #main h5::before,
body.nv-tpl-search #main h5::before,
body.nv-tpl-home #main .container-title::before,
body.nv-tpl-list #main .container-title::before,
body.nv-tpl-search #main .container-title::before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 16px;
  border-radius: 999px;
  background: var(--nv-accent);
  flex-shrink: 0;
}

/* ================================================================
 * 五、视频卡片（→ avgua 的 stui-vodlist：16/9 圆角封面 + hover 上浮）
 * ================================================================ */
body.nv-tpl-home #main .video-elem,
body.nv-tpl-list #main .video-elem,
body.nv-tpl-search #main .video-elem {
  transition: transform 0.2s;
}
body.nv-tpl-home #main .video-elem:hover,
body.nv-tpl-list #main .video-elem:hover,
body.nv-tpl-search #main .video-elem:hover {
  transform: translateY(-2px);
}
body.nv-tpl-home #main .video-elem a.display,
body.nv-tpl-list #main .video-elem a.display,
body.nv-tpl-search #main .video-elem a.display {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  aspect-ratio: 16 / 9 !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  background: var(--nv-card) !important;
  border: 1px solid var(--nv-border) !important;
  margin: 0 !important;
  padding: 0 !important;
}
body.nv-tpl-home #main .video-elem a.display .img,
body.nv-tpl-list #main .video-elem a.display .img,
body.nv-tpl-search #main .video-elem a.display .img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background-size: cover !important;
  background-position: center !important;
  transition: transform 0.3s;
}
body.nv-tpl-home #main .video-elem:hover a.display .img,
body.nv-tpl-list #main .video-elem:hover a.display .img,
body.nv-tpl-search #main .video-elem:hover a.display .img {
  transform: scale(1.04);
}
/* 日期角标 */
body.nv-tpl-home #main .video-elem a.display small.layer,
body.nv-tpl-list #main .video-elem a.display small.layer,
body.nv-tpl-search #main .video-elem a.display small.layer {
  position: absolute !important;
  top: 6px !important;
  left: 6px !important;
  background: rgba(0, 0, 0, 0.62) !important;
  color: #ededf2 !important;
  font-size: 11px !important;
  padding: 2px 6px !important;
  border-radius: 4px !important;
  backdrop-filter: blur(4px);
  z-index: 2;
  margin: 0 !important;
}
/* 原站的 hover 放大层不要了 */
body.nv-tpl-home #main .video-elem a.display .scale,
body.nv-tpl-list #main .video-elem a.display .scale,
body.nv-tpl-search #main .video-elem a.display .scale {
  display: none !important;
}
/* 标题：两行截断 */
body.nv-tpl-home #main .video-elem a.title,
body.nv-tpl-list #main .video-elem a.title,
body.nv-tpl-search #main .video-elem a.title {
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  color: var(--nv-fg) !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  margin: 6px 2px 0 !important;
  padding: 0 !important;
  transition: color 0.2s;
}
body.nv-tpl-home #main .video-elem a.title:hover,
body.nv-tpl-list #main .video-elem a.title:hover,
body.nv-tpl-search #main .video-elem a.title:hover {
  color: var(--nv-accent) !important;
  text-decoration: none !important;
}
/* 网格间距 */
body.nv-tpl-home #main .colVideoList,
body.nv-tpl-list #main .colVideoList,
body.nv-tpl-search #main .colVideoList {
  margin-bottom: 14px !important;
}

/* ================================================================
 * 六、栏目页：分类栏 + 排序条
 * ================================================================ */
body.nv-tpl-list #main .cateContainer,
body.nv-tpl-list #main .mobileCateContainer {
  background: var(--nv-card) !important;
  border: 1px solid var(--nv-border) !important;
  border-radius: 10px !important;
  padding: 10px !important;
  margin-bottom: 14px !important;
}
body.nv-tpl-list #main .cateContainer ul li,
body.nv-tpl-list #main .mobileCateContainer .item {
  color: #94a3b8 !important;
  border-radius: 6px !important;
  padding: 6px 8px !important;
  font-size: 13px !important;
  transition: background 0.2s, color 0.2s;
}
/* ⚠ 原站 <li> 里的 <i> 图标自带红色（fa-play-circle 的 font-color），
 *   不一起改的话文字变灰了图标还是红的 */
body.nv-tpl-list #main .cateContainer ul li i,
body.nv-tpl-list #main .mobileCateContainer .item i {
  color: inherit !important;
  opacity: 0.7;
}
body.nv-tpl-list #main .cateContainer ul li:hover,
body.nv-tpl-list #main .mobileCateContainer .item:hover {
  background: var(--nv-hover) !important;
  color: #f1f5f9 !important;
}
body.nv-tpl-list #main .cateContainer ul li.active,
body.nv-tpl-list #main .mobileCateContainer .item.active {
  color: var(--nv-accent) !important;
  background: rgba(245, 158, 11, 0.1) !important;
}
/* 分类栏顶部标题（「视频分类」） */
body.nv-tpl-list #main .cateContainer ul li.title {
  color: var(--nv-fg) !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  margin-bottom: 6px !important;
  padding-bottom: 8px !important;
  border-bottom: 1px solid var(--nv-border) !important;
  border-radius: 0 !important;
}
/* 移动端分类折叠头 */
body.nv-tpl-list #main .mobileCateContainer .head {
  color: var(--nv-fg) !important;
  font-weight: 600 !important;
  padding: 4px 0 !important;
}
body.nv-tpl-list #main .navContainer,
body.nv-tpl-list #main .navTab {
  background: var(--nv-card) !important;
  border: 1px solid var(--nv-border) !important;
  border-radius: 10px !important;
  padding: 8px 10px !important;
  margin-bottom: 12px !important;
}
body.nv-tpl-list #main .navContainer a,
body.nv-tpl-list #main .navTab a {
  color: #94a3b8 !important;
  border-radius: 6px !important;
  padding: 4px 10px !important;
  font-size: 13px !important;
}
body.nv-tpl-list #main .navContainer a.active,
body.nv-tpl-list #main .navTab a.active,
body.nv-tpl-list #main .navContainer a:hover,
body.nv-tpl-list #main .navTab a:hover {
  background: rgba(245, 158, 11, 0.1) !important;
  color: var(--nv-accent) !important;
}

/* ================================================================
 * 七、搜索页
 * ================================================================ */
body.nv-tpl-search {
  background-color: var(--nv-bg) !important;
  color: var(--nv-fg) !important;
}
body.nv-tpl-search tableborder {
  background: var(--nv-bg) !important;
  color: var(--nv-fg) !important;
  border-color: var(--nv-border) !important;
}
body.nv-tpl-search tableborder a {
  color: var(--nv-primary) !important;
}
body.nv-tpl-search tableborder a:hover {
  color: var(--nv-accent) !important;
}
body.nv-tpl-search tableborder td a {
  color: var(--nv-fg) !important;
  font-size: 14px !important;
}
body.nv-tpl-search tableborder td a:hover {
  color: var(--nv-accent) !important;
}
body.nv-tpl-search input[type="text"],
body.nv-tpl-search input.text,
body.nv-tpl-search input {
  background: var(--nv-card) !important;
  border: 1px solid var(--nv-border) !important;
  color: var(--nv-fg) !important;
  border-radius: 6px !important;
  padding: 6px 10px !important;
}
body.nv-tpl-search input::placeholder {
  color: var(--nv-muted) !important;
}

/* ================================================================
 * 八、通用文字 / 链接 / 页脚
 * ================================================================ */
body.nv-tpl-home #main a,
body.nv-tpl-list #main a,
body.nv-tpl-search #main a {
  color: var(--nv-fg);
}
body.nv-tpl-home #main a:hover,
body.nv-tpl-list #main a:hover,
body.nv-tpl-search #main a:hover {
  color: var(--nv-accent) !important;
  text-decoration: none;
}
body.nv-tpl-home #footer,
body.nv-tpl-list #footer,
body.nv-tpl-search #footer,
body.nv-tpl-home footer.footer,
body.nv-tpl-list footer.footer,
body.nv-tpl-search footer.footer,
body.nv-tpl-home .footer,
body.nv-tpl-list .footer,
body.nv-tpl-search .footer {
  background: #0d0d18 !important;
  color: var(--nv-muted) !important;
  border-top: 1px solid var(--nv-border) !important;
}
body.nv-tpl-home #footer a,
body.nv-tpl-list #footer a,
body.nv-tpl-search #footer a,
body.nv-tpl-home .footer a,
body.nv-tpl-list .footer a,
body.nv-tpl-search .footer a {
  color: #94a3b8 !important;
}
body.nv-tpl-home #footer a:hover,
body.nv-tpl-list #footer a:hover,
body.nv-tpl-search #footer a:hover,
body.nv-tpl-home .footer a:hover,
body.nv-tpl-list .footer a:hover,
body.nv-tpl-search .footer a:hover {
  color: var(--nv-accent) !important;
}

/* ================================================================
 * 九、滚动条
 * ================================================================ */
body.nv-tpl-home ::-webkit-scrollbar,
body.nv-tpl-list ::-webkit-scrollbar,
body.nv-tpl-search ::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
body.nv-tpl-home ::-webkit-scrollbar-track,
body.nv-tpl-list ::-webkit-scrollbar-track,
body.nv-tpl-search ::-webkit-scrollbar-track {
  background: #0d0d18;
}
body.nv-tpl-home ::-webkit-scrollbar-thumb,
body.nv-tpl-list ::-webkit-scrollbar-thumb,
body.nv-tpl-search ::-webkit-scrollbar-thumb {
  background: #252540;
  border-radius: 999px;
}
body.nv-tpl-home ::-webkit-scrollbar-thumb:hover,
body.nv-tpl-list ::-webkit-scrollbar-thumb:hover,
body.nv-tpl-search ::-webkit-scrollbar-thumb:hover {
  background: #313150;
}

/* ================================================================
 * 十、移动端
 * ================================================================ */
@media (max-width: 767px) {
  body.nv-tpl-home #main,
  body.nv-tpl-list #main,
  body.nv-tpl-search #main {
    padding: 10px !important;
  }
  body.nv-tpl-home #main .video-elem a.title,
  body.nv-tpl-list #main .video-elem a.title {
    font-size: 12px !important;
  }
}

/* ================================================================
 * 十一、补充修正（2026-10-28 截图后加）
 * ================================================================ */

/* 1) 卡片封面圆角 —— 内层 .img 是绝对定位，必须自己也切圆角，
 *    否则图片的直角会盖住外层的 border-radius */
body.nv-tpl-home #main .video-elem a.display .img,
body.nv-tpl-list #main .video-elem a.display .img,
body.nv-tpl-search #main .video-elem a.display .img {
  border-radius: 7px !important;
}

/* 2) 分类栏 <li> 里 <i> 图标的红色 —— 见上面第六节 */

/* 3) 热搜 / 关键词标签（栏目页的「最新更新 / 刚刚 / 恐怖 / 排行」等）
 *    → 改成 avgua 的暗色胶囊标签 */
body.nv-tpl-home #main a[href*="/search"],
body.nv-tpl-list #main a[href*="/search"],
body.nv-tpl-home #main .row > .col-60 > a,
body.nv-tpl-list #main .row > .col-60 > a {
  display: inline-block !important;
  background: var(--nv-card) !important;
  border: 1px solid var(--nv-border) !important;
  color: #94a3b8 !important;
  border-radius: 999px !important;
  padding: 3px 10px !important;
  margin: 0 6px 6px 0 !important;
  font-size: 12px !important;
  line-height: 1.6 !important;
  text-decoration: none !important;
  transition: background 0.2s, color 0.2s, border-color 0.2s;
}
body.nv-tpl-home #main a[href*="/search"]:hover,
body.nv-tpl-list #main a[href*="/search"]:hover {
  background: rgba(245, 158, 11, 0.1) !important;
  border-color: rgba(245, 158, 11, 0.45) !important;
  color: var(--nv-accent) !important;
}

/* 4) 页面顶部那两个绿色提示条（域名/最新地址）→ 暗色化 */
body.nv-tpl-home #main .alert,
body.nv-tpl-list #main .alert,
body.nv-tpl-home #main .alert-success,
body.nv-tpl-list #main .alert-success {
  background: var(--nv-card) !important;
  border: 1px solid var(--nv-border) !important;
  color: var(--nv-muted) !important;
  border-radius: 8px !important;
}

/* 5) 广告容器（原站 .jsv 系列）→ 限宽居中，不要撑爆 1280 */
body.nv-tpl-home #main .jsv,
body.nv-tpl-list #main .jsv,
body.nv-tpl-search #main .jsv {
  max-width: 100% !important;
  overflow: hidden !important;
}

/* 6) 分页 */
body.nv-tpl-list #main .page,
body.nv-tpl-list #main .pagination {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  justify-content: center !important;
  margin: 20px 0 !important;
}
body.nv-tpl-list #main .page a,
body.nv-tpl-list #main .page li,
body.nv-tpl-list #main .pagination a,
body.nv-tpl-list #main .pagination li {
  background: var(--nv-card) !important;
  border: 1px solid var(--nv-border) !important;
  border-radius: 6px !important;
  color: #94a3b8 !important;
  padding: 5px 11px !important;
  font-size: 13px !important;
}
body.nv-tpl-list #main .page a:hover,
body.nv-tpl-list #main .pagination a:hover {
  background: rgba(245, 158, 11, 0.1) !important;
  border-color: rgba(245, 158, 11, 0.45) !important;
  color: var(--nv-accent) !important;
}

/* 7) 「广告赞助」这种占位标题 → 弱化 */
body.nv-tpl-home #main h5:empty,
body.nv-tpl-list #main h5:empty {
  display: none !important;
}

/* ================================================================
 * 十二、热搜标签里的 <button>（2026-10-28 截图后加）
 *
 * ⚠ 标签结构是 `<a href="..."><button class="btn btn-outline-danger">词</button></a>`
 *   —— 外层 <a> 已经被上面第 3 条改成暗色胶囊了，但**里面这个 button**
 *   自带 bootstrap 的红色描边（color #dc3545 / border 1px #dc3545），
 *   视觉上还是红框 → 必须一起改掉。
 * ================================================================ */
body.nv-tpl-home #main .btn-outline-danger,
body.nv-tpl-list #main .btn-outline-danger,
body.nv-tpl-search #main .btn-outline-danger {
  background: transparent !important;
  border: 0 !important;
  color: inherit !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
  box-shadow: none !important;
  cursor: pointer;
}
body.nv-tpl-home #main .btn-outline-danger:hover,
body.nv-tpl-list #main .btn-outline-danger:hover,
body.nv-tpl-search #main .btn-outline-danger:hover {
  background: transparent !important;
  border: 0 !important;
  color: var(--nv-accent) !important;
  box-shadow: none !important;
}
/* 顺便：其它 bootstrap 按钮（分页里的等）也统一暗色化 */
body.nv-tpl-list #main .btn-outline-secondary,
body.nv-tpl-list #main .btn-secondary {
  background: var(--nv-card) !important;
  border: 1px solid var(--nv-border) !important;
  color: #94a3b8 !important;
}

/* ================================================================
 * 十三、搜索页的分类栏（2026-10-28 截图后加）
 *
 * ⚠ 搜索结果页**也有** .cateContainer（左侧「视频分类」），
 *   但上面第六节只给 nv-tpl-list 加了样式 → 搜索页那边是白底红字，没暗色化。
 *   → 这里给 nv-tpl-search 补齐（分类项 / 分类栏容器 / 标题）。
 * ================================================================ */
body.nv-tpl-search #main .cateContainer,
body.nv-tpl-search #main .mobileCateContainer {
  background: var(--nv-card) !important;
  border: 1px solid var(--nv-border) !important;
  border-radius: 10px !important;
  padding: 10px !important;
  margin-bottom: 14px !important;
}
body.nv-tpl-search #main .cateContainer ul li,
body.nv-tpl-search #main .mobileCateContainer .item {
  color: #94a3b8 !important;
  border-radius: 6px !important;
  padding: 6px 8px !important;
  font-size: 13px !important;
  transition: background 0.2s, color 0.2s;
}
body.nv-tpl-search #main .cateContainer ul li i,
body.nv-tpl-search #main .mobileCateContainer .item i {
  color: inherit !important;
  opacity: 0.7;
}
body.nv-tpl-search #main .cateContainer ul li:hover,
body.nv-tpl-search #main .mobileCateContainer .item:hover {
  background: var(--nv-hover) !important;
  color: #f1f5f9 !important;
}
body.nv-tpl-search #main .cateContainer ul li.active,
body.nv-tpl-search #main .mobileCateContainer .item.active {
  color: var(--nv-accent) !important;
  background: rgba(245, 158, 11, 0.1) !important;
}
/* 分类栏顶部标题（「视频分类」）—— 原来是 bootstrap 的红底 */
body.nv-tpl-search #main .cateContainer ul li.title {
  color: var(--nv-fg) !important;
  background: transparent !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  margin-bottom: 6px !important;
  padding-bottom: 8px !important;
  border-bottom: 1px solid var(--nv-border) !important;
  border-radius: 0 !important;
}
body.nv-tpl-search #main .cateContainer ul li.title i {
  color: var(--nv-accent) !important;
  opacity: 1;
}

/* 顺带：栏目页的「视频分类」标题也是红底（原来只改了文字色） */
body.nv-tpl-list #main .cateContainer ul li.title,
body.nv-tpl-list #main .mobileCateContainer .head {
  background: transparent !important;
}
body.nv-tpl-list #main .cateContainer ul li.title i {
  color: var(--nv-accent) !important;
  opacity: 1;
}