/* vod_list.css — 分類頻道頁 */

/* 比照參考網站 kuaibo8.com：分類頁只有標題＋「篩選」入口，
   不做 hero／子分類小節（那些留給 vod/show.html 的多維度篩選頁）。 */
.type-head { display: flex; align-items: center; gap: 14px; margin-bottom: 16px; }
.type-head-title { font-size: 22px; font-weight: 700; color: var(--text-1); }
.type-head-filter {
  display: inline-flex; align-items: center; gap: 4px;
  margin-left: auto; padding: 6px 14px; border-radius: var(--radius);
  font-size: 13px; color: var(--text-2); border: 1px solid var(--border);
  transition: .15s;
}
.type-head-filter:hover { color: var(--accent); border-color: var(--accent); }

.sub-type-tabs { display: flex; flex-wrap: wrap; gap: 8px; padding: 12px 0; }
.sub-type-tab {
  padding: 5px 14px; font-size: 13px; border-radius: 20px;
  background: var(--bg-elevated); border: 1px solid var(--border);
  color: var(--text-2); text-decoration: none; white-space: nowrap;
  transition: background .15s, color .15s, border-color .15s;
}
.sub-type-tab:hover,
.sub-type-tab.is-active { background: var(--fill); border-color: var(--fill); color: #fff; }

.type-subnav { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 16px; }
.type-subnav a, .type-subnav .sf-opt {
  padding: 5px 14px; border-radius: var(--radius);
  font-size: 13px; color: var(--text-2); background: var(--bg-elevated);
  border: 1px solid var(--border); transition: .15s; text-decoration: none;
}
.type-subnav a:hover, .type-subnav a.cur,
.type-subnav .sf-opt:hover, .type-subnav .sf-opt.cur { color: var(--accent); border-color: var(--accent); background: var(--accent-muted); }