/* 主流 1080P 和 2K 缩放到 150% */
@media (max-width: 1800px) {

    /* productList */
    .left-div.ml-\[16\%\] {
        margin-left: 6%;
    }

    .left-menu.fixed {
        left: 6%;
    }

    .top-input {
        width: 290px;
    }

    .demand .w-\[1200px\] {
        transform: none;
    }

    .joinUs-content .ml-\[154px\] {
        margin-left: 124px;
    }

    /* .implement-6-2-table-div .implement-6-2-table {
        width: 1440px;
    } */

    .grid-cols-\[235px_150px_150px_150px_auto\] {
        grid-template-columns: 235px 150px 150px 150px auto;
    }

    .pr-\[100px\] {
        padding-right: 100px;
    }

    .solution-commerce-1-1.h-\[614px\] {
        height: 534px;
    }

    /* .solution-commerce-4-1 .h-\[615px\] {
        height: 655px;
    } */
    .right-container .min-w-\[456px\] {
        min-width: 380px;
        font-size: 18px;
    }

    .right-container .min-w-\[456px\] img {
        height: 28px;
    }

    .right-container .data-list .data-itme h1 {
        font-size: 20px;
    }

    .first_title .product_title_text_name{
        font-size: 18px;
    }

    .product_title_text_desc{
        font-size: 14px;
    }

    .right-container .data-list .data-itme h2 {
        font-size: 20px;
    }

    .banner-content {
        .banner-title{
            font-size: 60px; /* 1800/1920 × 64 */
        }
        .feature-card{
            margin-top: 26.25px; /* 1800/1920 × 28 */
            margin-bottom: 72.19px; /* 1800/1920 × 77 */
            .feature-card-image img {
                height: 38.44px; /* 1800/1920 × 41 */
            }
            .feature-card-text{
                font-size: 23.44px; /* 1800/1920 × 25 */
            }
        }
        .banner-button{
            font-size: 16.88px; /* 1800/1920 × 18 */
            padding: 14.06px 64.69px; /* 1800/1920 × 15, 69 */
        }
    }

    .member-intro{
        gap: 0;
        .member-intro-row {
            gap: 14.06px; /* 1800/1920 × 15 */
        }
        .member-intro-title{
            font-size: 60px;
        }
        .member-intro-desc{
            font-size: 60px;
        }
        .member-gift-icon {
            height: 46.88px; /* 1800/1920 × 50 */
        }
    }

    .member-packages{
        border-radius: 23.44px; /* 1800/1920 × 25 */
        .member-package-item {
            margin: 12.19px 5.63px; /* 1800/1920 × 13, 6 */
            border-radius: 23.44px; /* 1800/1920 × 25 */
            border: 2.81px solid #FFFFFF; /* 1800/1920 × 3 */
        }
        .package-content {
            gap: 18.75px; /* 1800/1920 × 20 */
        }
        .package-title {
            gap: 14.06px; /* 1800/1920 × 15 */
            padding: 7.5px 18.75px; /* 1800/1920 × 8, 20 */
            border-radius: 20.63px; /* 1800/1920 × 22 */
        }
        .package-title-text{
            font-size: 18.75px; /* 1800/1920 × 20 */
        }
        .package-title-icon {
            width: 56.25px !important; /* 1800/1920 × 60 */
            top: 9.38px; /* 1800/1920 × 10 */
        }
        .package-desc{
            font-size: 15px; /* 1800/1920 × 16 */
            padding: 14.06px 24.38px; /* 1800/1920 × 15, 26 */
        }
    }
}

/* 修复1465px到1849px分辨率下top-container和programme-container间距问题 */
@media (min-width: 1465px) and (max-width: 1849px) {

    .vip-content .vip-card{
        min-width: 470px;
    }

    .fotter {
        font-size: 16px;
    }
    
    .fotter .title {
        font-size: 20px;
    }

    .scale-div-top{
        margin-top: 90px !important;
    }

    .index-container .top-container {
        min-height: 300px !important;
    }

    .project-item-list {
        margin-top: 25px !important;
        margin-bottom: 25px !important;
    }

}

@media (max-width: 1660px) {

    .fotter {
        font-size: 16px;
    }
    
    .fotter .title {
        font-size: 20px;
    }

    .grid-cols-\[378px_auto\] {
        grid-template-columns: 278px auto;
    }

    .w-\[378px\] {
        width: 278px;
    }

    .grid-cols-\[378px_auto\] .left-menu {
        width: 278px;
    }

    .left-menu h1 {
        font-size: 18px;
    }

    .left-menu ul li button {
        font-size: 15px;
    }

    .w-\[1443px\] {
        width: 1423px;
    }

    /* .implement-6-2-table-div .implement-6-2-table {
        width: 1380px;
    } */

    .solution-commerce-1-1.h-\[614px\] {
        height: 534px;
    }

    .w-\[1281px\] {
        width: 80%;
    }

    /* .solution-commerce-4-1 .h-\[615px\] {
        height: 655px;
    } */

    .right-top h1{
        font-size: 29px;
    }

    .zz-tag .subtitle{
        font-size: 15px;
        width: 245px;
        height: 39px;
        margin: 0 8px;
    }

    .right-container .min-w-\[456px\] {
        min-width: 340px;
        font-size: 16px;
    }

    .right-container .min-w-\[456px\] img {
        height: 24px;
    }

    .right-container .data-list .data-itme h1 {
        font-size: 18px;
    }

    .first_title .product_title_text_name{
        font-size: 16px;
    }

    .product_title_text_desc{
        font-size: 12px;
    }

    .right-container .data-list .data-itme h2 {
        font-size: 18px;
    }

    .grid-cols-\[235px_150px_150px_150px_auto\] {
        grid-template-columns: 235px 150px 150px 150px auto;
    }

    .pr-\[100px\] {
        padding-right: 70px;
    }

    .implement-6-2-table-div {
        font-size: 15px;
    }

    .joinUs-content .w-\[609px\] {
        width: 559px;
    }

    .joinUs-content .w-\[851px\] {
        width: 811px;
    }

    .joinUs-content .h-\[624px\] {
        width: 600px;
    }

    .banner.h-\[440px\] {
        height: 340px;
    }

    .banner-content {
        .banner-title{
            font-size: 55px; /* 1660/1920 × 64 */
        }
        .feature-card{
            margin-top: 24.23px; /* 1660/1920 × 28 */
            margin-bottom: 66.59px; /* 1660/1920 × 77 */
            .feature-card-image img {
                height: 35.47px; /* 1660/1920 × 41 */
            }
            .feature-card-text{
                font-size: 21.61px; /* 1660/1920 × 25 */
            }
        }
        .banner-button{
            font-size: 15.56px; /* 1660/1920 × 18 */
            padding: 12.97px 59.67px; /* 1660/1920 × 15, 69 */
        }
    }

    .member-intro{
        gap: 0;
        .member-intro-row {
            gap: 12.97px; /* 1660/1920 × 15 */
        }
        .member-intro-title{
            font-size: 55px;
        }
        .member-intro-desc{
            font-size: 55px;
        }
        .member-gift-icon {
            height: 43.23px; /* 1660/1920 × 50 */
        }
    }

    .member-packages{
        border-radius: 21.61px; /* 1660/1920 × 25 */
        .member-package-item {
            margin: 11.24px 5.19px; /* 1660/1920 × 13, 6 */
            border-radius: 21.61px; /* 1660/1920 × 25 */
            border: 2.59px solid #FFFFFF; /* 1660/1920 × 3 */
        }
        .package-content {
            gap: 17.29px; /* 1660/1920 × 20 */
        }
        .package-title {
            gap: 12.97px; /* 1660/1920 × 15 */
            padding: 6.91px 17.29px; /* 1660/1920 × 8, 20 */
            border-radius: 19.02px; /* 1660/1920 × 22 */
        }
        .package-title-text{
            font-size: 20.29px; /* 1660/1920 × 20 */
        }
        .package-title-icon {
            width: 51.88px !important; /* 1660/1920 × 60 */
            top: 8.65px; /* 1660/1920 × 10 */
        }
        .package-desc{
            font-size: 17.83px; /* 1660/1920 × 16 */
            padding: 12.97px 22.48px; /* 1660/1920 × 15, 26 */
        }
    }
}

/* 中等分辨率屏幕 (1471px-1510px) */
@media (max-width: 1510px) {

    .vip-content .vip-card{
        min-width: 435px;
    }

     .fotter {
        font-size: 20px;
    }
    
    .fotter .title {
        font-size: 22px;
    }

    .index-container .top-container {
        min-height: 450px !important;
    }
    
    /*.scale-div-top {*/
    /*    margin-top: 60px !important;*/
    /*}*/
    
    .project-item-list {
        margin-top: 25px !important;
        margin-bottom: 35px !important;
    }

    .banner-content {
        .banner-title{
            font-size: 50.35px; /* 1510/1920 × 64 */
        }
        .feature-card{
            margin-top: 22.02px; /* 1510/1920 × 28 */
            margin-bottom: 60.55px; /* 1510/1920 × 77 */
            .feature-card-image img {
                height: 32.24px; /* 1510/1920 × 41 */
            }
            .feature-card-text{
                font-size: 19.66px; /* 1510/1920 × 25 */
            }
        }
        .banner-button{
            font-size: 14.16px; /* 1510/1920 × 18 */
            padding: 11.80px 54.26px; /* 1510/1920 × 15, 69 */
        }
    }

    .member-intro{
        gap: 0;
        .member-intro-row {
            gap: 11.80px; /* 1510/1920 × 15 */
        }
        .member-intro-title{
            font-size: 50.35px;
        }
        .member-intro-desc{
            font-size: 50.35px;
        }
        .member-gift-icon {
            height: 39.32px; /* 1510/1920 × 50 */
        }
    }

    .member-packages{
        border-radius: 19.66px; /* 1510/1920 × 25 */
        .member-package-item {
            margin: 10.22px 4.72px; /* 1510/1920 × 13, 6 */
            border-radius: 19.66px; /* 1510/1920 × 25 */
            border: 2.36px solid #FFFFFF; /* 1510/1920 × 3 */
        }
        .package-content {
            gap: 15.73px; /* 1510/1920 × 20 */
        }
        .package-title {
            gap: 11.80px; /* 1510/1920 × 15 */
            padding: 6.29px 15.73px; /* 1510/1920 × 8, 20 */
            border-radius: 17.30px; /* 1510/1920 × 22 */
        }
        .package-title-text{
            font-size: 15.73px; /* 1510/1920 × 20 */
        }
        .package-title-icon {
            width: 47.19px !important; /* 1510/1920 × 60 */
            top: 7.87px; /* 1510/1920 × 10 */
        }
        .package-desc{
            font-size: 12.58px; /* 1510/1920 × 16 */
            padding: 11.80px 20.45px; /* 1510/1920 × 15, 26 */
        }
    }
}

/* 常规办公屏 (笔记本+部分缩放) */
@media (max-width: 1470px) {

    .fotter {
        font-size: 14px;
    }
    
    .fotter .title {
        font-size: 18px;
    }
    /* .w-\[1280px\] {
        transform: translate(0%, 0%) scale(0.8);
    } */

    .top-navigation-div .w-\[1280px\] {
        transform: none;
        width: 80%;
    }

    /* .programme-container {
        height: 790px;
    } */

    .index-container .top-container {
        min-height: 300px !important;
    }
    
    .scale-div-top {
        margin-top: 40px !important;
    }
    
    .project-item-list {
        margin-top: -10px !important;
        margin-bottom: -10px !important;
    }

    .index-container .pt-\[93px\] {
        padding-top: 33px;
    }

    .top-bar .top-tips {
        display: none;
    }

    .guide-card {
        transform: translate(0%, 0%) scale(0.8);
        margin: -30px 0;
    }

    .w-\[1443px\] {
        width: 1353px;
    }

    /* .implement-6-2-table-div .implement-6-2-table {
        width: 1220px;
    } */

    .solution-commerce-1-1.h-\[614px\] {
        height: 484px;
    }

    .grid-cols-\[235px_150px_150px_150px_auto\] {
        grid-template-columns: 215px 120px 120px 120px auto;
    }

    .implement-6-2-table-div {
        font-size: 14px;
    }

    .pr-\[100px\] {
        padding-right: 10px;
    }

    .pl-\[66px\] {
        padding-left: 20px;
    }

    .banner.h-\[440px\] {
        height: 240px;
    }

    .banner-content {
        .banner-title{
            font-size: 48.98px; /* 1470/1920 × 64 */
        }
        .feature-card{
            margin-top: 21.44px; /* 1470/1920 × 28 */
            margin-bottom: 58.97px; /* 1470/1920 × 77 */
            .feature-card-image img {
                height: 31.39px; /* 1470/1920 × 41 */
            }
            .feature-card-text{
                font-size: 19.14px; /* 1470/1920 × 25 */
            }
        }
        .banner-button{
            font-size: 13.78px; /* 1470/1920 × 18 */
            padding: 11.48px 52.84px; /* 1470/1920 × 15, 69 */
        }
    }

    .member-intro{
        gap: 0;
        .member-intro-row {
            gap: 11.48px; /* 1470/1920 × 15 */
        }
        .member-intro-title{
            font-size: 48.98px;
        }
        .member-intro-desc{
            font-size: 48.98px;
        }
        .member-gift-icon {
            height: 38.28px; /* 1470/1920 × 50 */
        }
    }

    .member-packages{
        border-radius: 19.14px; /* 1470/1920 × 25 */
        .member-package-item {
            margin: 9.95px 4.59px; /* 1470/1920 × 13, 6 */
            border-radius: 19.14px; /* 1470/1920 × 25 */
            border: 2.30px solid #FFFFFF; /* 1470/1920 × 3 */
        }
        .package-content {
            gap: 15.31px; /* 1470/1920 × 20 */
        }
        .package-title {
            gap: 11.48px; /* 1470/1920 × 15 */
            padding: 6.12px 15.31px; /* 1470/1920 × 8, 20 */
            border-radius: 16.84px; /* 1470/1920 × 22 */
        }
        .package-title-text{
            font-size: 18.31px; /* 1470/1920 × 20 */
        }
        .package-title-icon {
            width: 45.94px !important; /* 1470/1920 × 60 */
            top: 7.66px; /* 1470/1920 × 10 */
        }
        .package-desc{
            font-size: 15.25px; /* 1470/1920 × 16 */
            padding: 11.48px 19.89px; /* 1470/1920 × 15, 26 */
        }
    }
}

/* 超小屏 PC (老式笔记本、极端缩放) */
@media (max-width: 1280px) {
    .vip-content .vip-card{
        min-width: 400px;
    }

    .fotter {
        font-size: 14px;
    }
    
    .fotter .title {
        font-size: 18px;
    }
    
    .index-container .top-container {
        min-height: 300px !important;
    }
    
    .scale-div-top {
        margin-top: 40px !important;
    }
    
    .project-item-list {
        margin-top: -20px !important;
        margin-bottom: -20px !important;
    }
    
    .keywords {
        margin-top: 15px !important;
        margin-bottom: 15px !important;
    }
    
    /*.programme-container {*/
    /*    padding-top: 30px !important;*/
    /*}*/

    /* .w-[1280px] {
        transform: translate(0%, 0%) scale(0.7);
    } */

    /* .index-container .tabs-content {
        margin-top: -80px;
    } */

    /* .implement-6-2-table-div .implement-6-2-table {
        width: 1120px;
    } */

    .right-container .min-w-\[456px\] {
        min-width: 280px;
        font-size: 14px;
        margin-right: 18px;
    }

    .right-container .min-w-\[456px\] img {
        height: 20px;
    }

    .pr-\[100px\] {
        padding-right: 10px;
    }

    .pl-\[66px\] {
        padding-left: 20px;
    }

    .banner-content {
        .banner-title{
            font-size: 42.67px; /* 1280/1920 × 64 */
        }
        .feature-card{
            margin-top: 18.67px; /* 1280/1920 × 28 */
            margin-bottom: 51.33px; /* 1280/1920 × 77 */
            .feature-card-image img {
                height: 27.34px; /* 1280/1920 × 41 */
            }
            .feature-card-text{
                font-size: 16.67px; /* 1280/1920 × 25 */
            }
        }
        .banner-button{
            font-size: 12px; /* 1280/1920 × 18 */
            padding: 10px 46px; /* 1280/1920 × 15, 69 */
        }
    }

    .member-intro{
        gap: 0;
        .member-intro-row {
            gap: 10px; /* 1280/1920 × 15 */
        }
        .member-intro-title{
            font-size: 42.67px;
        }
        .member-intro-desc{
            font-size: 42.67px;
        }
        .member-gift-icon {
            height: 33.33px; /* 1280/1920 × 50 */
        }
    }

    .member-packages{
        border-radius: 16.67px; /* 1280/1920 × 25 */
        .member-package-item {
            margin: 8.67px 4px; /* 1280/1920 × 13, 6 */
            border-radius: 16.67px; /* 1280/1920 × 25 */
            border: 2px solid #FFFFFF; /* 1280/1920 × 3 */
        }
        .package-content {
            gap: 13.33px; /* 1280/1920 × 20 */
        }
        .package-title {
            gap: 10px; /* 1280/1920 × 15 */
            padding: 5.33px 13.33px; /* 1280/1920 × 8, 20 */
            border-radius: 14.67px; /* 1280/1920 × 22 */
        }
        .package-title-text{
            font-size: 18.33px; /* 1280/1920 × 20 */
        }
        .package-title-icon {
            width: 40px !important; /* 1280/1920 × 60 */
            top: 6.67px; /* 1280/1920 × 10 */
        }
        .package-desc{
            font-size: 14.67px; /* 1280/1920 × 16 */
            padding: 10px 17.33px; /* 1280/1920 × 15, 26 */
        }
    }
}