/* 合集分类 tab
 * 分类数量会随后台新增而增长（新增 AI短剧 后 4 个已经挤到换行），
 * 这里让条目一律不换行、整条超宽时横向滚动，滚动条隐藏。
 * 另外 common.css 是预编译的 tailwind 产物，shadow-[inset_...] 这类
 * 任意值 class 并没有编译进去，内描边直接在这里补。
 */
.fc-cate-tabs {
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.fc-cate-tabs::-webkit-scrollbar {
    display: none;
}

/* 滚动容器内的子元素不会被内容撑开，用 max-content 让胶囊底色盖住整条 */
.fc-cate-tabs__bar {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .04);
}

.fc-cate-tab--active {
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .06);
}