.category-page {
    min-height: 100vh;
    background: #f6f6f6;
    padding-bottom: 48rpx;
}

.category-page__header {
    padding: 24rpx 32rpx 16rpx;
    background: #fff;
}

.category-page__header-title {
    font-size: 34rpx;
    font-weight: 600;
    color: #333;
}

.category-page__filters {
    background: #fff;
    padding: 24rpx;
    margin-bottom: 16rpx;
}

.category-page__filter-row {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    margin-bottom: 20rpx;
}

.category-page__filter-row:last-child {
    margin-bottom: 0;
}

.category-page__filter-label {
    flex-shrink: 0;
    width: 72rpx;
    font-size: 26rpx;
    color: #999;
    line-height: 56rpx;
}

.category-page__pills {
    flex: 1;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 16rpx;
}

.category-page__pill {
    font-size: 24rpx;
    padding: 8rpx 20rpx;
    border-radius: 24rpx;
    background: #f5f5f5;
    color: #333;
}

.category-page__pill--active {
    background: #f7ee47;
    color: #333;
}

.category-page__list {
    display: flex;
    flex-direction: column;
}

.category-page__card-wrap {
    margin: 0 24rpx 24rpx;
}

.category-page__empty {
    padding: 120rpx 48rpx;
    text-align: center;
}

.category-page__empty-text {
    font-size: 28rpx;
    color: #999;
}