/*重新优化后的mobile*/
@media (max-width: 1400px) {
    #catalog-items .col-6 {
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0 5px;
    }
    #catalog-items .item__content  {
        padding: 0;
    }
}
@media (max-width: 992px) {
    .container {
        max-width: 992px;
    }
    #catalog-items .col-md-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    #catalog-items .col-6,
    #catalog-items .col-12 {
        flex: 0 0 100%;
        max-width: 100%;
        padding: 10px;
    }

    #catalog-items .item__cover img {
        height: 200px;
    }

    .item__description p {
        font-size: 13px;
        line-height: 1.4;
    }

    .item__category {
        font-size: 13px;
    }

    .item__tag {
        font-size: 11px;
        padding: 3px 8px;
    }

    .item__stats {
        margin-top: 8px;
        font-size: 11px;
    }
    .section__paginator {
        position: relative;
        z-index: 9; /* 确保分页控件在移动端筛选器之上 */
        margin-top: -35px;
        margin-bottom: -25px
    }

    .mfilter {
        z-index: 9; /* 确保移动端筛选器在分页控件之下 */
    }
    .section__paginator-pages {
        font-size: 13px;
    }
    /*头部标签*/
    .section--genres {
        padding-bottom: 16px;
        padding-top: 16px;
    }
    /*展示内容*/
    #catalog-items .item--list {
        min-height:213px;
        height: 213px;
        margin-top: 0;
    }
    /*左边图片*/
    #catalog-items .item__cover-wrapper {
        flex: 0 0 153px;
        aspect-ratio: 2/3; /* 移动端恢复2:3比例 */
        width: 153px;
        height: 213px;
    }
    #catalog-items .item__cover {
        width: 153px;
    }
    #catalog-items .item__cover-wrapper img {
        width: 153px;
        height: 100%;
    }

    /*右边内容*/
    #catalog-items .item__content {
        height: 213px;
        margin: 0;
        padding: 0 0 0 10px;
    }

    #catalog-items .item__title {
        margin-bottom: 0;
        margin-top: 0;
        padding-bottom: 20px;
        padding-top: 10px;

        width: 759px;
        height: 20px;
        font-family: Ubuntu, Ubuntu;
        font-weight: 400;
        font-size: 18px;
        color: #333333;
        line-height: 26px;
        text-align: left;
        font-style: normal;
        text-transform: none;
    }

    #catalog-items .item__meta {
        gap: 0;
        margin-bottom: 10px;
        margin-top: 10px;

        width: 100%;
        height: 14px;
        font-family: Ubuntu, Ubuntu;
        font-weight: 400;
        font-size: 14px;
        color: #999999;
        line-height: 14px;
        text-align: left;
        font-style: normal;
        text-transform: none;
    }
    #catalog-items .item__description {
        width: 100%;
        height: 76px;
    }
    #catalog-items .item__description p {
        font-family: Ubuntu, Ubuntu;
        font-weight: 400;
        font-size: 14px;
        color: #666666;
        line-height: 21px;
    }
    #catalog-items .item__tags {
        margin-top: 0;
        margin-bottom: 10px;
        gap: 14px;
        padding: 0;
    }
    #catalog-items .item__tag {
        padding: 0;
        font-family: Roboto, Roboto;
        font-weight: 400;
        font-size: 11px;
        color: #999999;
        line-height: 11px;
        text-align: left;
        font-style: normal;
        text-transform: none;
    }
    #catalog-items .item__stats {
        margin-top: 0;
        margin-bottom: 10px;
        gap: 0;
        display: flex;
    }
    #catalog-items .item__stat {
        margin-top: 0;
        margin-bottom: 0;
    }

}

@media (max-width: 576px) {
    #catalog-items .col-md-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    #catalog-items .col-6,
    #catalog-items .col-12 {
        flex: 0 0 100%;
        max-width: 100%;
        padding: 10px;
    }

    #catalog-items .item__cover img {
        height: 200px;
    }

    .item__description p {
        font-size: 13px;
        line-height: 1.4;
    }

    .item__category {
        font-size: 13px;
    }

    .item__tag {
        font-size: 11px;
        padding: 3px 8px;
    }

    .item__stats {
        margin-top: 8px;
        font-size: 11px;
    }
    .section__paginator {
        position: relative;
        z-index: 9; /* 确保分页控件在移动端筛选器之上 */
        margin-top: -35px;
        margin-bottom: -25px
    }

    .mfilter {
        z-index: 9; /* 确保移动端筛选器在分页控件之下 */
    }
    .section__paginator-pages {
        font-size: 13px;
    }
    /*头部标签*/
    .section--genres {
        padding-bottom: 16px;
        padding-top: 16px;
    }
    /*展示内容*/
    #catalog-items .item--list {
        min-height:137px;
        height: 137px;
        margin-top: 0;
    }
    /*左边图片*/
    #catalog-items .item__cover-wrapper {
        flex: 0 0 97px;
        aspect-ratio: 2/3; /* 移动端恢复2:3比例 */
        width: 97px;
        height: 137px;
    }
    #catalog-items .item__cover {
        width: 97px;
    }
    #catalog-items .item__cover-wrapper img {
        width: 97px;
        height: 100%;
    }

    /*右边内容*/
    #catalog-items .item__content {
        height: 137px;
        margin: 0;
        padding: 0 0 0 10px;
    }

    #catalog-items .item__title {
        width: 225px;
        height: 14px;
        font-family: Roboto, Roboto;
        font-weight: 400;
        font-size: 12px;
        color: #333333;
        line-height: 14px;
        text-align: left;
        font-style: normal;
        text-transform: none;
        margin-bottom: 0;
        margin-top: 0;
        padding-bottom: 20px;
        padding-top: 10px;
    }

    #catalog-items .item__meta {
        width: 225px;
        height: 12px;
        font-family: Roboto, Roboto;
        font-weight: 400;
        font-size: 9px;
        color: #999999;
        line-height: 12px;
        text-align: left;
        font-style: normal;
        text-transform: none;
        gap: 0;
        margin-bottom: 0;
        margin-top: 0;
    }
    #catalog-items .item__description {
        width: 100%;
        height: 38px;
        font-family: Roboto, Roboto;
        font-weight: 400;
        font-size: 9px;
        color: #999999;
        line-height: 12px;
        text-align: left;
        font-style: normal;
        text-transform: none;
    }
    #catalog-items .item__tags {
        margin-top: 0;
        margin-bottom: -12px;
        gap: 14px;
        padding: 0;
    }
    #catalog-items .item__tag {
        padding: 0;
        font-weight: 400;
        font-size: 9px;
        color: #999999;
        line-height: 12px;
        text-align: left;
        font-style: normal;
        text-transform: none;
    }
    #catalog-items .item__stats {
        margin-top: 0;
        margin-bottom: 0;
        gap: 0;
        display: flex;
        margin-left: auto; /* 将统计信息推到右边 */
    }
    #catalog-items .item__stat {
        margin-top: 0;
        margin-bottom: 0;
    }

}