.aq-ch-tabs { display: flex; flex-wrap: wrap; gap: 10px; margin: 0 0 32px; }
.aq-ch-tab {
    font-size: 14px;
    color: var(--aq-ink-2);
    background: var(--aq-card);
    border: 1px solid var(--aq-line);
    padding: 8px 18px;
    border-radius: var(--aq-radius-pill);
    transition: all .25s var(--aq-ease);
}
.aq-ch-tab:hover { color: var(--aq-green); border-color: rgba(39, 174, 96, .35); }
.aq-ch-tab.is-active { color: #fff; background: var(--aq-grad); border-color: transparent; box-shadow: 0 4px 12px rgba(39, 174, 96, .3); }

/* ===== 栏目页两栏：左侧筛选/排序卡 + 右侧内容列表 ===== */
.aq-cl-layout { display: grid; grid-template-columns: 240px minmax(0, 1fr); gap: 28px; align-items: start; }
.aq-cl-side { display: flex; flex-direction: column; gap: 18px; }
.aq-cl-main { min-width: 0; }
/* 右侧主区比整页窄，文章网格收为 2 列 */
.aq-cl-main .aq-agrid { grid-template-columns: repeat(2, 1fr); }

.aq-cl-card { background: var(--aq-card); border: var(--aq-border); border-radius: var(--aq-radius-lg); box-shadow: var(--aq-shadow); padding: 16px 16px 10px; }
.aq-cl-card-title { font-size: 15px; font-weight: 600; color: var(--aq-ink); display: flex; align-items: center; gap: 7px; padding-bottom: 11px; margin-bottom: 8px; border-bottom: 1px solid var(--aq-line); }
.aq-cl-card-title i { color: var(--aq-green); }
.aq-cl-filter { display: flex; flex-direction: column; gap: 2px; }
.aq-cl-fitem { display: flex; align-items: center; gap: 8px; padding: 9px 12px; border-radius: 9px; font-size: 14px; color: var(--aq-ink-2); transition: background .15s, color .15s; }
.aq-cl-fitem i { color: var(--aq-ink-3); font-size: 15px; }
.aq-cl-fitem:hover { background: rgba(39, 174, 96, .07); color: var(--aq-green); }
.aq-cl-fitem:hover i { color: var(--aq-green); }
.aq-cl-fitem.is-active { background: var(--aq-grad); color: #fff; box-shadow: 0 4px 12px rgba(39, 174, 96, .28); }
.aq-cl-fitem.is-active i { color: #fff; }
/* 分类树：分组标签(cover 栏目，可点击) + 子项缩进 */
.aq-cl-group { display: block; text-decoration: none; font-size: 12px; font-weight: 600; color: var(--aq-ink-3); padding: 12px 12px 5px; letter-spacing: .02em; transition: color .15s; }
.aq-cl-group:first-child { padding-top: 4px; }
.aq-cl-group:hover { color: var(--aq-green); }
.aq-cl-group.is-active { color: var(--aq-green); }
.aq-cl-sub { margin-left: 10px; }

@media (max-width: 900px) {
    .aq-cl-layout { grid-template-columns: 1fr; }
    .aq-cl-side { flex-direction: row; flex-wrap: wrap; }
    .aq-cl-side > * { flex: 1 1 240px; }
}
@media (max-width: 560px) {
    .aq-cl-main .aq-agrid { grid-template-columns: 1fr; }
}