.filer-tab-wrapper {
    height: 40px;
    display: flex;
    align-items: center;
    /*position: sticky;*/
    /*top: 0;*/
    /*right: 0;*/
    /*left: 0;*/
    /*z-index: 1;*/
    /*background: var(--bg_color);*/
    overflow-x: auto;
    overflow-y: hidden;
    padding: var(--content-padding);

    /* 隐藏滚动条 */
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE和Edge */
    margin-bottom: 10px;

    /* 只在右侧添加渐变遮罩 */
    mask-image: linear-gradient(
        to right,
        black 0%,
        black 85%,
        transparent 100%
    );

    padding-right: 40px;

    -webkit-mask-image: linear-gradient(
        to right,
        black 0%,
        black 85%,
        transparent 100%
    );
}

.filer-tab-wrapper::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera */
}

.filter-tab-item {
    color: var(--text-color-8);
    font-size: 14px;
    flex-shrink: 0;

    padding: 4px 12px;
    border-radius: 20px;
    border: 1px solid var(--text-color-0-8);
    background: var(--text-color-0-5);
}

.filter-tab-item:not(:last-child) {
    margin-right: 10px;
}

.filter-tab-item-active {
    background: var(--text-color-9);
    color: rgba(10, 10, 10, 0.9);
}



.filter-tab-item i {
    color: inherit;
    font-size: inherit;
}