.category-main {
    padding-bottom: 28px;
}

.category-section {
    margin-bottom: 28px;
    margin-top: 28px;
}


/* 标题 */

.category-title {
    margin-bottom: 18px;
}

.category-title h2 {
    margin: 0;

    display: flex;
    align-items: center;

    gap: 8px;

    color: #f5f5f5;

    font-size: 22px;

    font-weight: 700;

    line-height: 1.45;

    word-break: break-word;
}


/* 分页 */

.pagination {
    display: flex;

    justify-content: center;

    flex-wrap: wrap;

    gap: 10px;

    margin-top: 28px;
}

.pagination a,
.pagination span {
    min-width: 38px;

    height: 38px;

    padding: 0 14px;

    border-radius: 12px;

    border: 1px solid #252b35;

    background: #0d1118;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    color: #d1d5db;

    font-size: 13px;

    transition: .2s;
}


/* 当前页 */

.pagination .active {
    border-color: transparent;

    background:
        linear-gradient(
            135deg,
            #ff4d8d 0%,
            #ff7aa2 100%
        );

    color: #fff;

    box-shadow:
        0 4px 14px rgba(255, 77, 141, .25);
}


/* hover */

.pagination a:hover {
    background: #151922;
}


/* 小屏 */

@media (max-width: 390px) {

    .category-title h2 {
        font-size: 21px;
    }

}

/* 空内容 */

.empty-result {
    padding: 40px 0;

    text-align: center;

    color: #9ca3af;

    font-size: 14px;
}


/* 禁用分页 */

.pagination .disabled {
    opacity: .45;

    cursor: not-allowed;
}