.bf-case-category {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin-left: -10px;
    margin-right: -10px;
}

.bf-case-category__item {
    padding: 0.6em 1.2em;
    border-radius: 10em;
    background: #999999;
    margin: 10px;
    cursor: pointer;
    user-select: none;
    transition: 0.5s;
}

.bf-case-category__item.active {
    color: #ffffff;
    background: var(--bf-theme-color1);
    background: rgb(214, 6, 58);
}

/* 屏幕宽度小于 968px 时 */
@media screen and (max-width: 968px) {
    .bf-case-category {
        margin-left: -4px;
        margin-right: -4px;
    }

    .bf-case-category__item {
        padding: 0.4em 1em;
        margin: 4px;
    }
}