.category-filters { display: flex; align-items: flex-start; gap: 12px; min-width: 0; }
.category-tags { display: flex; flex: 1; flex-wrap: wrap; gap: 12px; min-width: 0; }
.category-tag, .category-more { box-sizing: border-box; flex: 0 0 auto; border: 1px solid rgba(255,255,255,.1); border-radius: 9px; background: rgba(255,255,255,.05); text-decoration: none; white-space: nowrap; }
.category-tag { max-width: 100%; overflow: hidden; text-overflow: ellipsis; padding: 5px 18px; color: rgba(255,255,255,.55); font-size: 18px; line-height: 24px; }
.category-tag.is-active { background: #ff4b02; border-color: #ff4b02; color: #fff; }
.category-tag:hover, .category-sort:hover { color: #fff; }
.category-more { display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 6px 12px; color: #f5f5f5; font: inherit; font-size: 16px; line-height: 22px; cursor: pointer; }
.category-more-icon { display: inline-flex; width: 12px; height: 12px; align-items: center; justify-content: center; }
.category-more-icon img { display: block; }
.category-collapse { color: #ff4b02; }
.category-more[hidden], .category-tag[hidden] { display: none; }
.category-sort-bar { display: flex; align-items: center; justify-content: space-between; gap: 16px; border-bottom: 1px solid rgba(255,255,255,.08); }
.category-sorts { display: flex; min-width: 0; gap: 32px; }
.category-sort { position: relative; padding-bottom: 10px; color: rgba(255,255,255,.55); font-size: 18px; line-height: 24px; text-decoration: none; white-space: nowrap; }
.category-sort.is-active { color: #ff4b02; }
.category-sort.is-active::after { content: ""; position: absolute; right: 0; bottom: -1px; left: 0; height: 2px; background: #ff4b02; }
.category-count { flex: 0 0 auto; color: #999; font-size: 16px; line-height: 24px; padding-bottom: 10px; font-variant-numeric: tabular-nums; white-space: nowrap; }
.category-count strong { font-weight: 400; color: #f5f5f5; }
.category-layout .card-grid { width: 100%; grid-template-columns: repeat(6,minmax(0,1fr)); }
.category-layout :is(.category-tag,.category-more,.category-sort):focus-visible { outline: 2px solid #ff4b02; outline-offset: 3px; }
@media (max-width: 767px) {
 .category-layout > .topic-breadcrumb, .category-layout > h1 { display: none; }
 .category-layout { gap: 16px; }
 .category-filters, .category-tags { gap: 8px; }
 .category-tag { padding: 6px 13px; border-radius: 999px; font-size: 12px; line-height: 18px; }
 .category-more { padding: 6px 10px; gap: 5px; border-radius: 999px; font-size: 12px; line-height: 18px; }
 /* H5 排序栏紧贴 48px 的公共导航，实色背景覆盖滚动中的卡片。 */
 .category-sort-bar { position: sticky; top: 48px; z-index: 90; gap: 8px; margin-inline: -16px; padding: 12px 16px 8px; background: #0a0a0a; }
 .category-sorts { gap: clamp(8px, 3vw, 16px); }
 .category-sort { padding-bottom: 5px; font-size: 12px; line-height: 18px; }
 .category-count { padding-bottom: 5px; font-size: 12px; line-height: 18px; }
 .category-layout .card-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 359px) {
 .category-sort-bar { flex-wrap: wrap; }
 .category-count { margin-left: auto; }
}