/* iPadPro, iPadAir, SurfacePro7 */
@media (max-width: 1024px) and (min-width: 821px) {

}

/* iPadMini */
@media (max-width: 820px) and (min-width: 641px) {

}

/* iPhone */
@media (max-width: 640px) {
    /* 区块1 */
    :root{
        --section1-height: 380px;
    }
    .projects-section1-container{
        height: var(--section1-height);
    }
    .projects-section1-poster{
        height: var(--section1-height);
    }
    .projects-section1-poster-img{
        height: var(--section1-height);
    }
    .projects-section1-info{
        height: calc(var(--section1-height) - 40px);
        padding: 20px 0;
    }
    .projects-section1-title{
        font-size: 20px;
    }
    .projects-section1-description{
        padding-top: 10px;
        font-size: 12px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .projects-section1-actions{
        padding-top: 10px;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .projects-section1-action{
        width: calc(100% - 22px);
        padding: 0 10px;
        height: 40px;
        margin-right: 0;
        margin-bottom: 10px;
    }
    .projects-section1-action:last-of-type{
        margin-bottom: 0;
    }
    .projects-section1-action-icon{
        width: 12px;
        height: 12px;
    }
    .projects-section1-action-title{
        font-size: 12px;
        padding-left: 5px;
    }

    /* 区块2 */
    .projects-section2-container{
        padding: 30px 0;
    }
    .projects-section2-desc-list{
        grid-template-columns: repeat(1, 1fr);
        grid-column-gap: 10px;
        grid-row-gap: 10px;
    }
    .projects-section2-desc{
        width: 100%;
        border-bottom: #000000 solid 1px;
        padding-bottom: 10px;
    }
    .projects-section2-desc:nth-of-type(3n+1){
        width: 100%;
        border-right: none;
        padding-right: 0;
        padding-top: 0;
        padding-bottom: 10px;
    }
    .projects-section2-desc:nth-of-type(3n+2){
        width: 100%;
        border-right: none;
        padding: 0 0 10px 0;
    }
    .projects-section2-desc:nth-of-type(3n+3){
        width: 100%;
        padding-left: 0;
        padding-top: 0;
        padding-bottom: 10px;
    }
    .projects-section2-desc:nth-last-child(-n+3){
        border-bottom: #000000 solid 1px;
    }
    .projects-section2-desc-title{
        font-size: 16px;
    }
    .projects-section2-desc-description{
        padding-top: 10px;
        font-size: 12px;
    }

    /* 区块3 */
    .projects-section3-container{
        padding-bottom: 30px;
    }
    .projects-section3-cate-list{
        flex-wrap: wrap;
    }
    .projects-section3-cate{
        font-size: 14px;
        padding-bottom: 5px;
        border-bottom: rgba(0,0,0,0) solid 2px;
        margin-right: 10px;
        margin-bottom: 10px;
    }
    .projects-section3-cate.active{
        color: var(--primary-color);
        border-bottom: var(--primary-color) solid 2px;
    }
    .projects-section3-container-body{
        padding-top: 10px;
    }
    .projects-section3-desc-swiper .swiper-slide{
        width: unset;
    }
    .projects-section3-desc{
        height: 240px;
    }
    .projects-section3-desc-poster{
        height: 240px;
    }
    .projects-section3-desc-poster-img{
        height: 240px;
    }

    /* 区块4 */
    :root{
        --section4-height: 240px;
    }
    .projects-section4-container-body{
        height: var(--section4-height);
    }
    .projects-section4-poster{
        height: var(--section4-height);
    }
    .projects-section4-poster-img{
        height: var(--section4-height);
    }
    .projects-section4-info{
        width: calc(100% - 40px);
        height: calc(var(--section4-height) - 40px);
        padding: 20px;
    }
    .projects-section4-title{
        font-size: 20px;
    }
    .projects-section4-description{
        padding-top: 10px;
        font-size: 12px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .projects-section4-actions{
        padding-top: 10px;
    }
    .projects-section4-action{
        padding: 0 20px;
        height: 38px;
        border: var(--primary-color) solid 1px;
        margin-right: 10px;
    }
    .projects-section4-action:last-of-type{
        margin-right: 0;
    }
    .projects-section4-action-icon{
        width: 12px;
        height: 12px;
    }
    .projects-section4-action-title{
        padding-left: 5px;
        font-size: 12px;
    }

    /* 区块5 */
    :root{
        --section5-desc-height: 240px;
    }
    .projects-section5-container{
        padding: 30px 0;
    }
    .projects-section5-container-header-title{
        font-size: 20px;
    }
    .projects-section5-container-header-description{
        padding-top: 10px;
        font-size: 12px;
    }
    .projects-section5-container-body{
        padding-top: 10px;
    }
    .projects-section5-desc-list{
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .projects-section5-desc{
        width: 100%;
        height: var(--section5-desc-height);
        margin-bottom: 10px;
    }
    .projects-section5-desc.open{
        width: 100%;
    }
    .projects-section5-desc:last-of-type{
        margin-bottom: 0;
    }
    .projects-section5-desc-poster{
        height: var(--section5-desc-height);
    }
    .projects-section5-desc-poster-img{
        height: var(--section5-desc-height);
    }
    .projects-section5-desc-info,
    .projects-section5-desc.open .projects-section5-desc-info{
        width: calc(100% - 40px);
        height: calc(var(--section5-desc-height) - 40px);
        padding: 20px;
    }
    .projects-section5-desc-title,
    .projects-section5-desc.open .projects-section5-desc-title{
        width: 100%;
        text-align: left;
        font-size: 16px;
    }
    .projects-section5-desc-description,
    .projects-section5-desc.open .projects-section5-desc-description{
        width: 100%;
        padding-top: 10px;
        font-size: 12px;
        display: block;
    }

    /* 区块6 */
    .projects-section6-container{
        padding-bottom: 30px;
    }
    .projects-section6-container-header-title{
        font-size: 20px;
    }
    .projects-section6-container-header-description{
        padding-top: 10px;
        font-size: 12px;
    }
    .projects-section6-container-body{
        padding-top: 10px;
    }
    .projects-section6-desc-swiper .swiper-slide{
        width: unset;
    }
    .projects-section6-desc{
        width: calc(100% - 40px);
        height: calc(280px - 40px);
        padding: 20px;
    }
    .projects-section6-desc-swiper .swiper-slide:first-of-type .projects-section6-desc{
        width: calc(100% - 20px);
        padding: 20px 20px 20px 0;
    }
    .projects-section6-desc-avatar{
        width: 80px;
        height: 80px;
    }
    .projects-section6-desc-avatar-img{
        width: 80px;
        height: 80px;
    }
    .projects-section6-desc-body{
        font-size: 12px;
    }
    .projects-section6-desc-name, .projects-section6-desc-jobs{
        font-size: 10px;
    }
}