/* PC 基础：本段（桌面 media）；120rem 覆盖见 evox-new.less。移动端见下方 max-width media */
@import "design-tokens.less";

.blue-item {
    color: #1f94d2;
}

@media screen and (min-width: @bp-desktop) {
.page-evox {
    overflow: hidden;
    .grid-1 {
        width: 100vw;
        height: 30rem;
        overflow: hidden;
        .banner-img {
            width: 72.2rem;
            height: 40.3rem;
            object-fit: cover;
            left: -6.8rem;
        }
        .banner-bg {
            width: 71.9rem;
            right: -2rem;
            top: 0;
            .banner-bg-inner {
                padding-left: 18.4rem;
                padding-top: 4rem;
                padding-right: 8rem;
                .title {
                    color: #333333;
                    font-size: 5.2rem;
                    margin-bottom: 2.6rem;
                    white-space: nowrap;
                }
                .desc {
                    color: #333333;
                    font-size: 2.2rem;
                    line-height: 1.5;
                }
            }
        }
    }
    .grid-2 {
        margin-top: 11.5rem;
        padding-left: 10rem;
        padding-right: 10rem;
        justify-content: space-between;
        margin-bottom: 7.2rem;
        .grid-text {
            width: 46.2rem;
            margin-right: 7.3rem;
            padding-top: 2.4rem;
            .title {
                color: #333;
                font-size: 4rem;
                width: 44rem;
            }
            .desc {
                color: #333;
                font-size: 2.2rem;
                line-height: 1.5;
                margin-top: 4rem;
            }
        }
        .grid-img {
            width: 35.1rem;
            height: 22.032rem;
            overflow: hidden;
            .group-img {
                width: 42.876rem;
                height: 31.860000000000003rem;
                right: -0.54rem;
                top: -1.296rem;
                object-fit: contain;
            }
        }
    }
    .switch-row {
        height: 21.5rem;
        background: #eaeaea;
        padding-left: 12rem;
        padding-right: 12rem;
        .switch-grid {
            height: 100%;
            cursor: pointer;
            position: relative;
            width: 20rem;
            
            .grid-text {
                text-align: center;
                padding-top: 15.8rem;
                color: #4b4949;
                font-size: 1.2rem;
                line-height: 1.2;
                font-family: 'Gotham-pro-reg';
            }
            &.active {
                background: #cbcbcb;
                .grid-text {
                    font-family: 'Gotham-pro-bold';
                }
            }
            .machine-1 {
                width: 13.2rem;
                height: 13.2rem;
                top: 1.8rem;
            }
            .machine-2 {
                width: 10.4rem;
                height: 10.4rem;
                top: 4.2rem;
            }
            .machine-3 {
                width: 16.6rem;
                height: 16.6rem;
                top: 1.1rem;
            }
            .machine-4 {
                width: 13rem;
                height: 13rem;
                top: 3rem;
            }
            .machine-5 {
                width: 13rem;
                height: 13rem;
                top: 3rem;
            }
        }
    }
    .content-container {
        .content-wrapper {
            display: none;
            padding-top: 10rem;
            padding-bottom: 10rem;
            &.active {
                display: block;
            }
            .inner {
                padding-left: 10rem;
                padding-right: 10rem;
                justify-content: space-between;
                .flex-left {
                    width: 69.3rem;
                    background-color: #f2f2f2;
                    border-radius: 4.4rem;
                    margin-right: 5rem;
                    padding-left: 9rem;
                    padding-top: 13rem;
                    .title {
                        color: #333;
                        font-size: 7.2rem;
                        line-height: 1.1;
                        margin-bottom: 4.4rem;
                    }
                    .list {
                        color: #333;
                        font-size: 2.8rem;
                        line-height: 2.4;
                        margin-left: -0.4rem;
                        width: 32.2rem;
                        .indicator {
                            left: -0.8rem;
                            top: 0rem;
                        }
                    }
                }
            }
        }
        #content-1, #content-2{
            .inner {
                .flex-left {
                    height: auto;
                    .machine-wrapper {
                        width: 17.4rem;
                        height: 40.1rem;
                        bottom: 10.1rem;
                        overflow: hidden;
                        .machine-img {
                            width: 45rem;
                            height: 45rem;
                            left: -13.8rem;
                            top: -2.6rem;
                        }
                    }
                }
                .flex-right {
                    padding-top: 9.2rem;
                    .card-1-note {
                        font-size: 2.2rem;
                        margin-bottom: 4rem;
                    }
                    .card-1 {
                        width: 97.4rem;
                        height: 15.1rem;
                        background-color: #f2f2f2;
                        border-radius: 1.6rem;
                        justify-content: flex-start;
                        padding-left: 3.4rem;
                        .spec-name {
                            color: #4b4949;
                            font-size: 2.6rem;
                        }
                        .spec-value {
                            color: #4b4949;
                            font-size: 4rem;
                            margin-top: 0.8rem;
                        }
                        .separator-1 {
                            width: 1px;
                            height: 10.7rem;
                            background: #cccccc;
                            margin-left: 4.4rem;
                            margin-right: 4.4rem;
                        }
                        .separator-2 {
                            width: 1px;
                            height: 10.7rem;
                            background: #cccccc;
                            margin-left: 4.4rem;
                            margin-right: 4.4rem;
                        }
                        .img-wrapper {
                            width: 7.2rem;
                            height: 13.3rem;
                            left: 44.8rem;
                            top: -9.2rem;
                            .img-wrapper-inner {
                                overflow: hidden;
                                left: -0.9rem;
                            }
                            .fridge {
                                width: 14.2rem;
                                height: 14.2rem;
                                left: -3.5rem;
                                top: -0.8rem;
                            }
                            .spec-text {
                                color: #4b4949;
                                font-size: 3rem;
                                top: 15.4rem;
                                white-space: nowrap;
                            }
                        }
                    }
                    .options52 {
                        margin-top: 8.2rem;
                        .option-b {
                            margin-left: 0rem;
                            margin-right: 4rem;
                        }
                        .option-label {
                            color: #fff;
                            font-size: 1.2rem;
                            width: 1.5rem;
                            height: 1.5rem;
                            background-color: #3b91d1;
                            border-radius: 100%;
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            margin-right: 0.5rem;
                        }
                        .option-title {
                            color: #4b4949;
                            font-size: 2.2rem;
                            margin-top: 0.25rem;
                            margin-bottom: 0.4rem;
                        }
                        .option-values {
                            color: #4b4949;
                            font-size: 2.2rem;
                            width: 13.7rem;
                            &.option-values-long {
                                width: 30rem;
                            }
                            div{
                                font-family: Arial;
                            }
                        }
                    }
                    .options {
                        margin-top: 8.2rem;
                        .option-b {
                            margin-left: 0rem;
                            margin-right: 0rem;
                        }
                        .option-label {
                            color: #fff;
                            font-size: 1.2rem;
                            width: 1.5rem;
                            height: 1.5rem;
                            background-color: #3b91d1;
                            border-radius: 100%;
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            margin-right: 0.5rem;
                        }
                        .option-title {
                            color: #4b4949;
                            font-size: 2.2rem;
                            margin-top: 0.25rem;
                            margin-bottom: 0.4rem;
                        }
                        .option-values {
                            color: #4b4949;
                            font-size: 2.2rem;
                            width: 13.7rem;
                            &.option-values-long {
                                width: 30rem;
                            }
                            div{
                                font-family: Arial;
                            }
                        }
                    }
                    .card-52 {
                        margin-top: 10rem;
                        .title {
                            font-size: 4rem;
                            color: #333;
                            line-height: 1.35;
                            width: 96rem;
                            margin-bottom: 6rem;
                        }
                        .card-body {

                            width: 97.6rem;
    
                            .card-label {
                                color: #333;
                                font-size: 2.4rem;
                                white-space: nowrap;
                                bottom: 3.1rem;
                            }
                            .card-img {
                                width: 100%;
                                height: auto;
                            }
                        }
                    }
                    .card-2 {
                        margin-top: 10rem;
                        .title {
                            font-size: 4rem;
                            color: #333;
                            line-height: 1.35;
                            width: 96rem;
                        }
                        .card-body {
                            margin-top: 6rem;
                            width: 97.6rem;
                            height: auto;
                            border-radius: 2.6670000000000003rem;
                            border: 1px dashed #ccc;
    
                            .card-label {
                                color: #333;
                                font-size: 2rem;
                                white-space: nowrap;
                                bottom: 2rem;
                            }
                            .card-img {
                                width: 100%;
                                // height: 29.919999999999998rem;
                                left: 4rem;
                                // bottom: 3rem;
                                top: -9rem;
                            }
                        }
                    }
                    .card-3 {
                        width: 96.9rem;
                        height: 39.7rem;
                        background-color: #1f94d2;
                        border-radius: 2.6670000000000003rem;
                        margin-top: 4.9rem;
                        .filter-text {
                            color: #fff;
                            font-size: 2rem;
                            bottom: 2rem;
                            white-space: nowrap;
                        }
                        .filter {
                            width: 50rem;
                            height: auto;
                            left: 13rem;
                            top: 8rem;
                            object-fit: contain;
                        }
                        .title-1 {
                            color: #fff;
                            font-size: 4rem;
                            left: 11rem;
                            top: 3.9rem;
                        }
                        .title-2 {
                            color: #fff;
                            font-size: 3rem;
                            left: 45rem;
                            top: 3.9rem;
                        }
                    }
                    .card-4 {
                        margin-top: 10.8rem;
                        .title {
                            color: #333;
                            font-size: 3rem;
                            line-height: 1.2;
                            width: 86rem;
                        }
                        .card-body {
                            width: 95.5rem;
                            height: 42.8rem;
                            margin-top: 8rem;
                            .city {
                                object-fit: contain !important;
                            }
                            .label {
                                font-size: 3.6rem;
                                color: #fff;
                                display: flex;
                                justify-content: center;
                                align-items: center;
                                background: #e69f5c;
                                width: 6rem;
                                height: 6rem;
                                border-radius: 100%;
                                top: 1.2rem;
                                left: 0.5rem;
                                transform: translate(-50%, -50%);
                            }
                            .card-title {
                                color: #333;
                                font-size: 2.2rem;
                                left: 5.7rem;
                                top: 23rem;
                            }
                            .card-desc {
                                color: #818285;
                                font-size: 1.6rem;
                                left: 5.6rem;
                                top: 26rem;
                            }
                        }
                    }
                    .card-5 {
                        width: 95.9rem;
                        height: 25.2rem;
                        border-radius: 2.6670000000000003rem;
                        border: 1px solid #1f94d2;
                        margin-top: 6.2rem;
                        padding-left: 5.9rem;
                        padding-top: 5.4rem;
                        .label {
                            font-size: 3.6rem;
                            color: #fff;
                            display: flex;
                            justify-content: center;
                            align-items: center;
                            background: #1f94d2;
                            width: 6rem;
                            height: 6rem;
                            border-radius: 100%;
                            top: 0;
                            left: 0;
                            transform: translate(-50%, -50%);
                        }
                        .option-title {
                            color: #333;
                            font-size: 2.2rem;
                        }
                        .option-desc {
                            color: #818285;
                            font-size: 1.6rem;
                            margin-top: 1.2rem;
                            margin-bottom: 3.6rem;
                        }
                    }
                    .card-6 {
                        margin-top: 10.8rem;
                        .title {
                            color: #333;
                            font-size: 4rem;
                            margin-bottom: 5.8rem;
                        }
                        .compare {
                            width: 97.2rem;
                            height: 58.5rem;
                            object-fit: contain;
                            margin-bottom: 5.4rem;
                        }
                        .desc {
                            // padding-left: 20.2rem;
                            color: #333;
                            font-size: 2.8rem;
                            text-align: center;
                        }
                    }
                }
            }
        }
        
        #content-2 {
            .inner {
                .flex-left {
                    .machine-wrapper {
                        width: 16.6rem;
                        height: 31.5rem;
                        bottom: 3.1rem;
                        .machine-img {
                            width: 35.5rem;
                            height: 35.5rem;
                            object-fit: contain;
                            left: -9.4rem;
                            top: -1.7rem;
                        }
                    }
                }
            }
        }
        #content-3 {
            .inner {
                .flex-left {
                    .machine-wrapper {
                        width: 32.7rem;
                        height: 7.5rem;
                        bottom: 8.5rem;
                        overflow: hidden;
                        .machine-img {
                            width: 34.3rem;
                            height: 34.3rem;
                            left: -0.8rem;
                            top: -14.9rem;
                        }
                    }
                }
                .flex-right {
                    padding-top: 5.6rem;
                    .card-1-note {
                        font-size: 2.2rem;
                        margin-bottom: 4rem;
                    }
                    .card-1 {
                        width: 97.4rem;
                        height: 15.1rem;
                        background-color: #f2f2f2;
                        border-radius: 1.6rem;
                        justify-content: flex-start;
                        padding-left: 3.4rem;
                        .spec-name {
                            color: #4b4949;
                            font-size: 2.6rem;
                        }
                        .spec-value {
                            color: #4b4949;
                            font-size: 4rem;
                            margin-top: 0.8rem;
                        }
                        .separator-1 {
                            width: 1px;
                            height: 10.7rem;
                            background: #cccccc;
                            margin-left: 4.4rem;
                            margin-right: 4.4rem;
                        }
                        .separator-2 {
                            width: 1px;
                            height: 10.7rem;
                            background: #cccccc;
                            margin-left: 4.4rem;
                            margin-right: 4.4rem;
                        }
                        .img-wrapper {
                            width: 11rem;
                            height: 2.6rem;
                            left: 42.2rem;
                            top: 3rem;
                            .img-wrapper-inner {
                                overflow: hidden;
                                top: -0.9rem;
                            }
                            .fridge {
                                width: 11.5rem;
                                height: 11.5rem;
                                left: -0.2rem;
                                top: -5rem;
                            }
                            .spec-text {
                                color: #4b4949;
                                font-size: 3rem;
                                top: 7.4rem;
                                white-space: nowrap;
                            }
                        }
                    }
                    .options {
                        margin-top: 3.2rem;
                        flex-wrap: nowrap;
                        justify-content: flex-start;
                        align-items: flex-start;

                        &.options-2 {
                            margin-top: 3.2rem;
                        }

                        > .flex {
                            display: flex;
                            align-items: flex-start;
                            flex: 0 0 auto;
                        }

                        .option-b {
                            margin-left: 0.8rem;
                            margin-right: 0.8rem;
                        }

                        .option-c {
                            margin-left: 9.4rem;
                        }
                        .option-label {
                            color: #fff;
                            font-size: 1.2rem;
                            width: 1.5rem;
                            height: 1.5rem;
                            background-color: #1f94d2;
                            border-radius: 100%;
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            margin-right: 0.5rem;
                        }
                        .option-title {
                            color: #4b4949;
                            font-size: 2.2rem;
                            margin-top: 0.25rem;
                            margin-bottom: 0.4rem;
                        }
                        .option-values {
                            color: #4b4949;
                            font-size: 2rem;
                            width: 25rem;
                            div{
                                font-family: Arial;
                            }
                        }
                    }

                    .card-2 {
                        margin-top: 10.8rem;
                        width: 97.6rem;
                        .title {
                            color: #4b4949;
                            font-size: 4.5rem;
                            width: 92rem;
                            line-height: 1.2;
                        }
                        .desc {
                            margin-top: 1rem;
                            color: #4b4949;
                            font-size: 2.2rem;
                            // width: 92rem;
                            line-height: 1.4;
                            margin-bottom: 4rem;
                        }
                        .map-1-grid {
                            margin-top: 8rem;
                            .map-1 {
                                width:100%;
                                height:auto;
                            }
                            .card-title {
                                color: #333;
                                font-size: 3rem;
                                padding-top: 14.7rem;
                            }
                            .card-desc {
                                color: #4b4949;
                                font-size: 2.4rem;
                                margin-top: 2rem;
                                white-space: nowrap;
                            }
                        }
                        .map-2-grid {
                            margin-top: 11.5rem;
                            padding-left: 1rem;
                            .map-2 {
                                width: 53.9rem;
                                height: 38.9rem;
                                margin-right: 7.2rem;
                            }
                            .card-title {
                                color: #333;
                                font-size: 3rem;
                                padding-top: 12.8rem;
                            }
                            .card-desc {
                                color: #4b4949;
                                font-size: 2.4rem;
                                margin-top: 2rem;
                                white-space: nowrap;
                            }
                        }
                    }
                }
            }
        }

        #content-4 {
            .inner {
                .flex-left {
                    .machine-wrapper {
                        width: 37.4rem;
                        height: 24.7rem;
                        bottom: 7.9rem;
                        overflow: hidden;
                        .machine-img {
                            width: 42.2rem;
                            height: 42.2rem;
                            left: -2.4rem;
                            top: -8.7rem;
                        }
                    }
                    .title{
                        line-height: 0.8;
                        span{
                            font-size: 3.4rem;
                        }
                    }
                }
                .flex-right {
                    padding-top: 5.6rem;
                    .card-1-note {
                        font-size: 2.2rem;
                        margin-bottom: 4rem;
                    }
                    .card-1 {
                        width: 97.4rem;
                        margin-bottom: 8rem;
                        &:last-child {
                            margin-bottom: 0rem;
                        }
                        .title {
                            font-size: 4.6rem;
                            width: 92rem;
                            line-height: 1.2;
                            margin-bottom: 2.4rem;
                        }
                        .machine-img {
                            width: 100%;
                            height: auto;
                            
                        }
                    }
                    
                }
            }
        }
    }
    .download-grid {
        margin-top: 2rem;
    }
    .product-grid {
        margin-bottom: 2rem;
        .product-grid-title {
            z-index: 3;
        }
        .product-grid-content {
            padding-left: 10vw;
            padding-right: 10vw;
        }
        .product-grid-show-more {
            margin-top: 0;

            .product-grid-content {
                position: relative;
                width: 100%;
                height: auto;
                padding: 3.6rem 0 3.6rem;
                background: #eaeaea;
                box-sizing: border-box;
                display: flex;
                flex-direction: column;
                align-items: center;
            }

            .product-row-1,
            .product-row-2 {
                position: relative;
                width: 100%;
                height: auto;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: flex-start;
                box-sizing: border-box;
            }

            .product-row-2 {
                margin-top: 2.4rem;
            }

            .product-row-img {
                position: relative;
                left: auto;
                top: auto;
                display: block;
                width: 100%;
                max-width: 92rem;
                height: auto;
                margin: 0 auto;
                object-fit: contain;
                object-position: center bottom;
            }

            .pill-text,
            .pill-text-1,
            .pill-text-2 {
                position: relative;
                left: auto;
                top: auto;
                transform: none;
                width: 100%;
                max-width: 92rem;
                margin: 1.4rem auto 0;
                font-size: 1.4rem;
                color: #000;
                font-family: 'Gotham-pro-reg';
                white-space: nowrap;
                text-align: center;
                line-height: 1.35;
                letter-spacing: -0.02em;
            }

            .button,
            .product-grid-btn {
                position: relative;
                left: auto;
                top: auto;
                bottom: auto;
                transform: none;
                width: 16.9rem;
                height: 4rem;
                margin: 2.4rem auto 0;
                background-color: #1f94d2;
                border-radius: 2rem;
                color: #fff;
                text-align: center;
                display: flex;
                align-items: center;
                justify-content: center;
                font-size: 1.2rem;
                box-sizing: border-box;
            }
        }
    }
    .grid-6 {
        width: 100vw;
        padding-top: 10rem;
        .title {
            color: #333333;
            font-size: 2.4rem;
            margin-bottom: 2.8rem;
            margin-left: 5.4rem;
        }
        .bottom-switch-row {
            height: 21.5rem;
            background: #eaeaea;
            .swiper {
                width: 80rem;
                margin-left: auto;
                margin-right: auto;
                overflow: hidden;
                .swiper-slide {
                    width: 20rem;
                    height: 100%;
                    padding-top: 15.8rem;
                    position: relative;
                    cursor: pointer;
                    .product-name {
                        text-align: center;
                        font-size: 1.2rem;
                        color: #4b4949;
                        line-height: 1.2;
                    }
                    &.active {
                        background: #cbcbcb;
                        .product-name {
                            font-family: 'Gotham-pro-bold';
                        }
                    }
                    .product-wrapper-1 {
                        width: 9.5rem;
                        height: 9.5rem;
                        top: 3.9rem;
                        overflow: hidden;
                        .product-1 {
                            width: 13.2rem;
                            height: 13rem;
                            left: -1.9rem;
                            top: -2rem;
                        }
                    }
                    .product-wrapper-2 {
                        width: 9.5rem;
                        height: 9.5rem;
                        top: 3.9rem;
                        overflow: hidden;
                        .product-2 {
                            width: 13.37rem;
                            height: 13.65rem;
                            left: -1.9rem;
                            top: -2rem;
                        }
                    }

                    .product-wrapper-3 {
                        width: 22.3rem;
                        height: 6.8rem;
                        top: 6.3rem;
                        .product-wrapper-3-inner {
                            transform: scale(0.75);
                        }
                        .product-3-1 {
                            width: 9.9rem;
                            height: 6.2rem;
                            left: 0;
                            bottom: 0;
                            .product-3-1-img {
                                width: 12.2rem;
                                height: 9.15rem;
                                left: -0.8rem;
                                top: -1.55rem;
                            }
                        }
                        .product-3-2 {
                            width: 11rem;
                            height: 6.8rem;
                            bottom: 0;
                            right: 0;
                            .product-3-2-img {
                                width: 12.3rem;
                                height: 9.225rem;
                                left: -0.7rem;
                                top: -1rem;
                            }
                        }
                    }
    
                    .product-wrapper-4 {
                        width: 9.5rem;
                        height: 9.5rem;
                        top: 3.9rem;
                        overflow: hidden;
                        .product-4 {
                            width: 17.34rem;
                            height: 13rem;
                            left: -3.3200000000000003rem;
                            top: -2.13rem;
                        }
                    }
                    .product-5 {
                        height: 10.1rem;
                        width: 5.01rem;
                        top: 3.5rem;
                    }
                }
            }
            .prev-button {
                width: 1rem;
                height: 1.9rem;
                left: 5.6rem;
                cursor: pointer;
                img {
                    object-fit: contain!important;
                }
            }
            .next-button {
                width: 1rem;
                height: 1.9rem;
                right: 5.6rem;
                cursor: pointer;
                img {
                    object-fit: contain!important;
                }
            }
        }
        .bottom-switch-cards {
            min-height: 40.7rem;
            height: auto;
            .bottom-switch-card {
                display: none;
                align-items: center;
                /* 左图右文由 evox-new flex 布局；勿再用 padding-left 占位 */
                padding-left: 0;
                &.active {
                    display: flex;
                }
                .card-title {
                    color: #333333;
                    font-size: 2.4rem;
                }
                .card-sub-title {
                    margin-top: 0.5rem;
                    color: #333333;
                    font-size: 1.8rem;
                    width: 48.5rem;
                }
                .card-desc {
                    margin-top: 2.8rem;
                    color: #333333;
                    font-size: 1.2rem;
                    width: 48.5rem;
                    line-height: 1.2;
                }
                .button {
                    color: #f6f6f6;
                    font-size: 1.2rem;
                    padding: 1.4rem 3.4rem;
                    border-radius: 2rem;
                    background: #1f94d2;
                    text-align: center;
                    cursor: pointer;
                    margin-top: 2.8rem;
                    display: inline-flex;
                }
                .img-wrapper-1 {
                    width: 26.3rem;
                    height: 26.3rem;
                    left: 15rem;
                    top: 7.9rem;
                    overflow: hidden;
                    .img-1 {
                        width: 37rem;
                        height: 36.3rem;
                        left: -5.4rem;
                        top: -5.6rem;
                    }
                }
                .img-wrapper-2 {
                    width: 26.3rem;
                    height: 26.3rem;
                    left: 15rem;
                    top: 7.9rem;
                    overflow: hidden;
                    .img-2 {
                        width: 37rem;
                        height: 37.8rem;
                        left: -5.3rem;
                        top: -5.6rem;
                    }
                }
                .img-wrapper-3 {
                    width: 61.7rem;
                    height: 18.8rem;
                    top: 9rem;
                    left: 0;
                    transform: scale(0.6) translateX(-20%);
                    .img-3-1 {
                        width: 27.4rem;
                        height: 17.16rem;
                        left: 0;
                        bottom: 0;
                        .img-3-1-img {
                            width: 33.769999999999996rem;
                            height: 25.330000000000002rem;
                            left: -2.2rem;
                            top: -4.29rem;
                        }
                    }
                    .img-3-2 {
                        width: 30.45rem;
                        height: 18.830000000000002rem;
                        bottom: 0;
                        right: 0;
                        .img-3-2-img {
                            width: 34.05rem;
                            height: 25.54rem;
                            left: -1.94rem;
                            top: -2.77rem;
                        }
                    }
                }
                .img-wrapper-4 {
                    width: 26.3rem;
                    height: 26.3rem;
                    left: 15rem;
                    top: 7.9rem;
                    overflow: hidden;
                    .img-4 {
                        width: 48rem;
                        height: 36rem;
                        left: -9.2rem;
                        top: -5.9rem;
                    }
                }
                .img-5 {
                    height: 28rem;
                    width: 13.87rem;
                    top: 7rem;
                    left: 20rem;
                }
            }
        }
    }
}
}

@media screen and (max-width: @bp-mobile) {
    @evox-mo-gutter: 0.8rem;
    @evox-mo-inset: 1.2rem;
    /* 原版四列各 27rem（共 108rem），缩放到 38.2rem 内容区宽，无需横向滚动 */
    @evox-mo-switch-scale: (38.2 / 108);

    .page-evox {
        overflow-x: hidden;
        padding-bottom: 4.8rem;

        .grid-1 {
            position: relative;
            display: flex;
            flex-direction: column;
            min-height: 54rem;
            height: auto;
            overflow: hidden;
            box-sizing: border-box;
            padding-top: @header-height-mobile;
            padding-bottom: 2.4rem;
            padding-left: 0.8rem;
            padding-right: 0.8rem;

            picture {
                position: absolute;
                inset: 0;
                width: 100%;
                height: 100%;
            }

            .evox-banner-img,
            .banner-img {
                width: 100%;
                height: 100%;
                position: absolute;
                left: 0;
                top: 0;
                transform: none;
                object-fit: cover;
            }

            .banner-bg {
                display: none;
            }

            .banner-text {
                position: relative;
                z-index: 2;
                width: 100%;
                max-width: 38.2rem;
                height: auto;
                left: auto;
                right: auto;
                top: auto;
                transform: none;
                margin: auto auto 0;
                background: transparent;
                box-sizing: border-box;

                &.abs {
                    position: relative;
                }

                &.h-full {
                    height: auto;
                    min-height: 0;
                }

                .banner-bg-inner {
                    position: relative;
                    width: 100%;
                    height: auto;
                    background: rgba(0, 0, 0, 0.55);
                    border-radius: 0.4rem;
                    padding: 4rem 1rem 2.4rem;
                    box-sizing: border-box;
                    object-fit: unset;

                    &.bg-img {
                        position: relative;
                        inset: auto;
                    }

                    .title {
                        font-size: 3rem;
                        text-align: center;
                        letter-spacing: 0;
                        color: #fff;
                    }

                    .desc {
                        width: 100%;
                        color: #fff;
                        text-align: center;
                        font-size: 1.4rem;
                        margin-top: 1.4rem;
                        line-height: 1.55;
                    }
                }
            }
        }
        #categories {
            margin-top: 2.4rem;
        }

        #categories.categories {
            display: none;
            flex-direction: column;
            width: 100%;
            max-width: 38.2rem;
            margin-left: auto;
            margin-right: auto;
            padding-top: 0;
            padding-left: @evox-mo-gutter;
            padding-right: @evox-mo-gutter;
            box-sizing: border-box;

            .title {
                margin-left: 0;
                margin-bottom: 2.4rem;
                font-size: 2.4rem;
            }

            .pills {
                display: flex;
                flex-wrap: wrap;
                justify-content: space-between;
                gap: 2rem 0.8rem;
                padding-left: 0;
                padding-right: 0;

                .pill {
                    width: 100%;
                    max-width: 100%;
                    height: auto;
                    min-height: 4.8rem;
                    padding: 1.2rem @evox-mo-inset;
                    font-size: 1.2rem;
                    line-height: 1.3;
                    white-space: normal;
                    text-align: center;
                    border-radius: 6rem;
                    box-sizing: border-box;

                    &:nth-child(1),
                    &:nth-child(2),
                    &:nth-child(5),
                    &:nth-child(6) {
                        margin-top: 0;
                        margin-bottom: 0;
                    }
                }
            }
        }

        .grid-2 {
            display: flex;
            padding-left: @evox-mo-gutter;
            padding-right: @evox-mo-gutter;
            margin-top: 6rem;
            margin-bottom: 5rem;
            flex-direction: column;
            box-sizing: border-box;

            .grid-text {
                width: 100%;
                max-width: 38.2rem;
                margin-right: 0;
                padding-top: 0;
                order: 2;

                .title {
                    color: #333;
                    font-size: 2.4rem;
                    line-height: 1.2;
                    width: 100%;
                    max-width: 30rem;
                    letter-spacing: 0;
                }

                .desc {
                    color: #333;
                    margin-top: 1.4rem;
                    font-size: 1.4rem;
                    line-height: 1.55;
                    width: 100%;
                }
            }

            .grid-img {
                position: relative;
                width: 100%;
                max-width: 38.2rem;
                height: 24rem;
                margin-left: auto;
                margin-right: auto;
                margin-bottom: 4.5rem;
                order: 1;
                overflow: hidden;

                .group-img {
                    display: block;
                    width: 100%;
                    height: 100%;
                    top: 0;
                    right: 0;
                    left: 0;
                    object-fit: contain;
                }
            }
        }

        .switch-row {
            height: (39.9rem * @evox-mo-switch-scale);
            background: #eaeaea;
            padding-left: 0;
            padding-right: 0;
            width: 100%;
            max-width: 38.2rem;
            margin-left: auto;
            margin-right: auto;
            overflow: hidden;
            justify-content: center;
            flex-wrap: nowrap;
            box-sizing: border-box;

            .switch-grid {
                position: relative;
                height: 100%;
                flex: 0 0 (27rem * @evox-mo-switch-scale);
                width: (27rem * @evox-mo-switch-scale);
                min-width: 0;
                max-width: (27rem * @evox-mo-switch-scale);
                cursor: pointer;
                box-sizing: border-box;

                &.active {
                    background: #cbcbcb;
                }

                .grid-text {
                    text-align: center;
                    padding-top: (24.5rem * @evox-mo-switch-scale);
                    font-size: 1.2rem;
                    color: #4b4949;
                    line-height: 1.2;
                    letter-spacing: -0.4px;
                    transform: scale(0.8);
                    font-family: 'Gotham-pro-reg';
                }

                &.active .grid-text {
                    font-family: 'Gotham-pro-bold';
                }

                [class*='machine-'] {
                    position: absolute;
                    left: 50%;
                    transform: translateX(-50%);
                    display: block;
                    object-fit: contain;
                }

                .machine-1 {
                    width: (18.8rem * @evox-mo-switch-scale);
                    height: (18.8rem * @evox-mo-switch-scale);
                    top: (2.56rem * @evox-mo-switch-scale);
                }

                .machine-2 {
                    width: (14.8rem * @evox-mo-switch-scale);
                    height: (14.8rem * @evox-mo-switch-scale);
                    top: (5.98rem * @evox-mo-switch-scale);
                }

                .machine-3 {
                    width: (23.64rem * @evox-mo-switch-scale);
                    height: (23.64rem * @evox-mo-switch-scale);
                    top: (1.57rem * @evox-mo-switch-scale);
                }

                .machine-4,
                .machine-5 {
                    width: (18.51rem * @evox-mo-switch-scale);
                    height: (18.51rem * @evox-mo-switch-scale);
                    top: (4.27rem * @evox-mo-switch-scale);
                }
            }
        }
        .product-grid {
            width: 100%;
            max-width: 38.2rem;
            margin-left: auto;
            margin-right: auto;
            margin-top: 4.8rem;
            margin-bottom: 0;
            box-sizing: border-box;

            .product-grid-title {
                z-index: 3;
            }

            .product-grid-show-more {
                margin-top: 0;

                .product-grid-content {
                    position: relative;
                    left: auto;
                    top: auto;
                    width: 100%;
                    height: auto;
                    padding: 0.8rem 0 2.4rem;
                    background-color: #eaeaea;
                    box-sizing: border-box;
                    overflow-x: hidden;
                    display: flex;
                    flex-direction: column;
                    align-items: center;

                    &.abs {
                        position: relative;
                    }
                }

                .product-row-1,
                .product-row-2 {
                    position: relative;
                    width: 100%;
                    height: auto;
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    justify-content: flex-start;
                    box-sizing: border-box;
                }

                .product-row-2 {
                    margin-top: 1.6rem;
                }

                .product-row-img {
                    position: relative;
                    left: auto;
                    top: auto;
                    display: block;
                    width: 100%;
                    max-width: 100%;
                    height: auto;
                    margin: 0;
                    object-fit: contain;
                    object-position: center bottom;
                }

                .pill-text,
                .pill-text-1,
                .pill-text-2 {
                    position: relative;
                    left: auto;
                    top: auto;
                    transform: none;
                    width: 100%;
                    margin: 0.8rem 0 0;
                    padding: 0 0.4rem;
                    box-sizing: border-box;
                    font-size: 1.4rem;
                    color: #000;
                    font-family: 'Gotham-pro-reg';
                    letter-spacing: -0.4px;
                    white-space: normal;
                    text-align: center;
                    line-height: 1.4;
                }

                .button,
                .product-grid-btn {
                    position: relative;
                    left: auto;
                    top: auto;
                    bottom: auto;
                    transform: none;
                    width: 30rem;
                    max-width: calc(100% - 2rem);
                    height: 5.4rem;
                    margin: 2rem auto 0;
                    border-radius: 3.2rem;
                    background-color: #1f94d2;
                    color: #fff;
                    text-align: center;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    font-size: 1.6rem;
                    box-sizing: border-box;
                }
            }
        }
        .download-grid {
            width: 100%;
            max-width: 38.2rem;
            margin-left: auto;
            margin-right: auto;
            margin-top: 0;
            margin-bottom: 0;
            box-sizing: border-box;
        }

        .ani-tab-grid {
            width: 100%;
            max-width: 38.2rem;
            margin-left: auto;
            margin-right: auto;
            margin-top: 4.8rem;
            margin-bottom: 0;
            padding-left: @evox-mo-gutter;
            padding-right: @evox-mo-gutter;
            box-sizing: border-box;

            .ani-tab-grid-title {
                width: 100%;
                margin-left: 0;
                margin-right: 0;
                padding: 1.2rem 1rem;
                border-radius: 0.5rem;
                box-sizing: border-box;

                .tab-grid-left {
                    font-size: 1.6rem;
                }

                .tab-grid-right {
                    font-size: 1.2rem;

                    .plus {
                        margin-left: 1.8rem;
                    }
                }
            }

            .ani-tab-show-more {
                margin-top: 0.3rem;
                padding-left: 0;
                padding-right: 0;
                box-sizing: border-box;
                width: 100%;

                .video-grid {
                    position: relative;
                    left: auto;
                    top: auto;
                    width: 100%;
                    height: 26rem;
                    border-radius: 0.5rem;
                    overflow: hidden;

                    &.abs {
                        position: relative;
                    }

                    > .bg-img,
                    > img.bg-img {
                        position: absolute;
                        inset: 0;
                        width: 100%;
                        height: 100%;
                        object-fit: cover;
                    }

                    .video-grid-inner {
                        position: relative;
                        z-index: 1;
                        width: 100%;
                        height: 100%;
                        min-height: 26rem;
                        padding-top: 4.9rem;
                        padding-left: 1rem;
                        padding-right: 1rem;
                        box-sizing: border-box;
                        align-items: center;
                        justify-content: flex-start;

                        &.bg-img {
                            position: relative;
                            inset: auto;
                            object-fit: unset;
                        }

                        .play-btn {
                            width: 3.2rem;
                            height: 3.2rem;
                            margin-right: 1rem;
                        }

                        .title {
                            font-size: 2.4rem;
                        }

                        .desc {
                            text-align: center;
                            font-size: 1.2rem;
                            margin-top: 1.1rem;
                            width: 100%;
                        }

                        .button {
                            font-size: 1.6rem;
                            text-align: center;
                            width: 20.4rem;
                            margin-top: 3.2rem;
                            border-radius: 3.1rem;
                            height: 5.4rem;
                        }
                    }
                }
            }
        }

        .grid-6 {
            width: 100%;
            max-width: 100%;
            padding-top: 4.8rem;
            padding-left: 0;
            padding-right: 0;
            overflow: hidden;
            box-sizing: border-box;

            .title {
                font-size: 2.4rem;
                margin-bottom: 2.2rem;
                margin-left: 1.6rem;
            }

            .bottom-switch-row {
                width: 100%;
                height: auto;
                min-height: 20rem;
                padding-bottom: 1.2rem;
                overflow: hidden;
                box-sizing: border-box;
                position: relative;
                background: #eaeaea;

                .swiper {
                    width: 100%;
                    max-width: 38.2rem;
                    margin-left: auto;
                    margin-right: auto;
                    overflow: hidden;

                    .swiper-wrapper {
                        height: auto;
                        align-items: stretch;
                    }

                    .swiper-slide {
                        width: 9.5rem;
                        height: auto;
                        min-height: 18rem;
                        padding-top: 0;
                        box-sizing: border-box;
                        display: flex;
                        flex-direction: column;
                        align-items: center;
                        justify-content: flex-start;

                        &.active {
                            background: #cbcbcb;
                        }

                        .product-name {
                            margin-top: 0.8rem;
                            padding: 0 0.4rem;
                            font-size: 1.2rem;
                            line-height: 1.25;
                            text-align: center;
                            width: 100%;
                            box-sizing: border-box;
                        }

                        /* 覆盖 HTML 上的 abs / abs-center-x / bg-img */
                        .product-wrapper-1,
                        .product-wrapper-2,
                        .product-wrapper-3,
                        .product-wrapper-4 {
                            position: relative;
                            left: auto;
                            right: auto;
                            top: auto;
                            transform: none;
                        }

                        .product-wrapper-1,
                        .product-wrapper-2,
                        .product-wrapper-4 {
                            width: 7.6rem;
                            height: 7.6rem;
                            margin: 4.8rem auto 0;
                            overflow: hidden;

                            .product-1,
                            .product-2,
                            .product-4 {
                                position: relative;
                                left: auto;
                                top: auto;
                                right: auto;
                                bottom: auto;
                                transform: none;
                                width: 100%;
                                height: 100%;
                                object-fit: contain;
                            }
                        }

                        .product-wrapper-3 {
                            width: 8.8rem;
                            height: auto;
                            margin: 3.6rem auto 0;
                            overflow: visible;

                            .product-wrapper-3-inner {
                                position: relative;
                                top: auto;
                                left: auto;
                                transform: none;
                                width: 100%;
                                height: auto;
                                display: flex;
                                flex-direction: column;
                                align-items: center;
                                gap: 0.4rem;
                            }

                            .product-3-1,
                            .product-3-2 {
                                position: relative;
                                left: auto;
                                right: auto;
                                bottom: auto;
                                top: auto;
                                width: 100%;
                                height: auto;
                            }

                            .product-3-1-img,
                            .product-3-2-img {
                                position: relative;
                                left: auto;
                                top: auto;
                                right: auto;
                                bottom: auto;
                                transform: none;
                                display: block;
                                width: 100%;
                                height: auto;
                                max-height: 5.2rem;
                                object-fit: contain;
                            }
                        }
                    }
                }

                .prev-button,
                .next-button {
                    z-index: 3;
                    width: 1rem;
                    height: 1.9rem;
                    overflow: hidden;
                    cursor: pointer;

                    img,
                    .bg-img {
                        position: absolute;
                        inset: 0;
                        width: 100%;
                        height: 100%;
                        object-fit: contain !important;
                    }
                }

                .prev-button {
                    left: 0.8rem;
                }

                .next-button {
                    right: 0.8rem;
                }
            }

            .bottom-switch-cards {
                width: 100%;
                height: auto;
                min-height: 0;

                .bottom-switch-card {
                    display: none;
                    position: relative;
                    left: auto;
                    transform: none;
                    width: 100%;
                    max-width: 38.2rem;
                    height: auto;
                    min-height: 0;
                    margin-left: auto;
                    margin-right: auto;
                    padding: 0 1.6rem 3.2rem;
                    flex-direction: column;
                    align-items: stretch;
                    justify-content: flex-start;
                    gap: 0;
                    box-sizing: border-box;

                    &.active {
                        display: flex;
                        flex-direction: column;
                        flex-wrap: nowrap;
                        align-items: stretch;
                    }

                    .bottom-switch-card-media {
                        order: 1;
                        flex: none;
                        width: 100%;
                        max-width: 100%;
                        min-width: 0;
                        min-height: 0;
                        margin: 0 auto;
                        padding: 2.4rem 0;
                        display: flex;
                        align-items: center;
                        justify-content: center;

                        img {
                            position: relative;
                            left: auto;
                            top: auto;
                            transform: none;
                            display: block;
                            max-width: 100%;
                            max-height: 20rem;
                            width: auto;
                            height: auto;
                            min-height: 0;
                            object-fit: contain;
                        }

                        &--dual {
                            flex-wrap: nowrap;
                            gap: 1rem;
                            padding: 2rem 0;

                            img {
                                flex: 1 1 0;
                                min-width: 0;
                                max-width: 48%;
                                max-height: 11rem;
                            }
                        }
                    }

                    .bottom-switch-card-body {
                        order: 2;
                        flex: none;
                        width: 100%;
                        max-width: 100%;
                        position: relative;
                    }

                    .card-title {
                        font-size: 2rem;
                        line-height: 1.2;
                    }

                    .card-sub-title {
                        font-size: 1.2rem;
                        margin-top: 0.8rem;
                        width: 100%;
                        line-height: 1.3;
                    }

                    .card-desc {
                        margin-top: 1.4rem;
                        font-size: 1.4rem;
                        line-height: 1.4;
                        width: 100%;
                    }

                    .button {
                        width: 100%;
                        max-width: 100%;
                        height: 5.4rem;
                        border-radius: 3.2rem;
                        font-size: 1.6rem;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        margin-top: 3.6rem;
                        padding: 0 1.6rem;
                        white-space: normal;
                        text-align: center;
                        box-sizing: border-box;
                        color: #fff;
                        background-color: #1f94d2;
                        text-decoration: none;
                        border: none;
                        cursor: pointer;
                        line-height: 1.2;
                    }

                    [class*='img-wrapper'] {
                        display: none;
                    }
                }
            }
        }
        .content-container {
            .content-wrapper {
                display: none;

                &.active {
                    display: block;
                }

                padding-top: 4.8rem;
                padding-bottom: 7rem;
                padding-left: 1.6rem;
                padding-right: 1.6rem;
                box-sizing: border-box;

                .inner {
                    display: flex;
                    padding-left: 0;
                    padding-right: 0;
                    flex-direction: column;
                    align-items: stretch;
                    box-sizing: border-box;

                    .flex-left {
                        position: relative;
                        width: 100%;
                        height: auto;
                        margin-right: 0;
                        background-color: #f2f2f2;
                        border-radius: 2rem;
                        padding-left: 1.6rem;
                        padding-top: 5rem;
                        padding-right: 1.6rem;
                        padding-bottom: 2rem;
                        box-sizing: border-box;
                        overflow: visible;

                        .title {
                            color: #333;
                            font-size: 2.4rem;
                            line-height: 1.1;
                            margin-bottom: 2.4rem;
                        }

                        .list {
                            color: #333;
                            font-size: 1.4rem;
                            line-height: 1.8;
                            width: 100%;
                            max-width: 34.6rem;
                            margin-left: 1.2rem;
                            box-sizing: border-box;

                            .indicator {
                                left: -0.8rem;
                            }
                        }
                    }

                    .flex-right {
                        width: 100%;
                        max-width: 100%;
                        min-width: 0;
                        box-sizing: border-box;
                    }
                }
            }
            #content-1, #content-2{
                .inner {
                    padding-left: 0;
                    padding-right: 0;
                    .flex-left {
                        width: 100%;
                        height: 85.6rem;
                        margin-right: 0;
                        padding-left: 1.6rem;
                        padding-right: 1.6rem;
                        padding-top: 5rem;
                        padding-bottom: 0;
                        overflow: hidden;
                        box-sizing: border-box;

                        .machine-wrapper {
                            position: absolute;
                            width: 14.7rem;
                            height: 33.8rem;
                            transform: none;
                            left: 11.8rem;
                            right: auto;
                            top: auto;
                            bottom: 4.7rem;
                            overflow: hidden;

                            .machine-img {
                                width: 32rem;
                                height: 32rem;
                                left: 50%;
                                top: 50%;
                                transform: translateX(-50%) translateY(-50%);
                            }
                        }
                    }
                    .flex-right {
                        padding-top: 8.2rem;
                        overflow: visible;

                        .card-1 {
                            margin-left: 0;
                            width: 38.2rem;
                            max-width: 100%;
                            height: 12.5rem;
                            background-color: #f2f2f2;
                            border-radius: 1.6rem;
                            flex-wrap: wrap;
                            justify-content: flex-start;
                            align-items: flex-start;
                            padding-left: 2.8rem;
                            padding-top: 1.8rem;
                            overflow: visible;
                            box-sizing: border-box;

                            .spec-name {
                                color: #4b4949;
                                font-size: 1.2rem;
                                width: 9rem;
                                margin-right: 4rem;
                            }
                            .spec-value {
                                color: #4b4949;
                                font-size: 1.6rem;
                                margin-top: 0.6rem;
                            }
                            .separator-1 {
                                display: none;
                            }
                            .separator-2 {
                                display: none;
                            }
                            .img-wrapper {
                                width: 7.4rem;
                                height: 16.9rem;
                                left: 31rem;
                                top: -4.4rem;
                                overflow: visible;
                                z-index: 2;

                                .img-wrapper-inner {
                                    overflow: visible;
                                    left: -0.9rem;
                                    position: relative;
                                    width: 100%;
                                    height: 100%;
                                    pointer-events: none;

                                    &.bg-img {
                                        position: relative;
                                        top: auto;
                                        left: auto;
                                        width: 100%;
                                        height: 100%;
                                        object-fit: unset;
                                    }
                                }

                                .fridge {
                                    width: 18.9rem;
                                    height: 18.9rem;
                                    left: 50%;
                                    top: 50%;
                                    transform: translateX(-50%) translateY(-50%);
                                    object-fit: contain;
                                }

                                .spec-text {
                                    position: absolute;
                                    left: 50%;
                                    top: 18.5rem;
                                    transform: translateX(-50%);
                                    font-size: 1.4rem;
                                    color: #4b4949;
                                    white-space: nowrap;
                                    z-index: 3;
                                }
                            }
                        }
                        .options52 {
                            margin-top: 8.2rem;
                            padding-left: 1.2rem;
                            flex-wrap: wrap;

                            .option-label {
                                color: #fff;
                                width: 2.4rem;
                                height: 2.4rem;
                                margin-right: 0.5rem;
                                font-size: 1.6rem;
                                background-color: #1f94d2;
                                border-radius: 100%;
                                display: flex;
                                align-items: center;
                                justify-content: center;
                                flex-shrink: 0;
                            }
                            .option-title {
                                font-size: 1.4rem;
                                margin-right: 0;
                            }
                            .option-values {
                                font-size: 1.2rem;
                                width: 13rem;
                                &.option-values-long {
                                    width: 15rem;
                                }
                            }
                            .option-b {
                                margin-left: 0rem;
                                margin-right: 1rem;
                            }
                            .option-c {
                                margin-top: 2rem;
                            }
                        }
                        .options {
                            display: flex;
                            width: 100%;
                            margin-top: 8.2rem;
                            padding-left: 1.2rem;
                            flex-wrap: wrap;
                            box-sizing: border-box;
                            align-items: flex-start;

                            > .flex {
                                display: flex;
                                align-items: flex-start;
                            }

                            .option-label {
                                color: #fff;
                                width: 2.4rem;
                                height: 2.4rem;
                                margin-right: 0.5rem;
                                font-size: 1.6rem;
                                background-color: #1f94d2;
                                border-radius: 100%;
                                display: flex;
                                align-items: center;
                                justify-content: center;
                                flex-shrink: 0;
                            }

                            .option-title {
                                font-size: 1.4rem;
                                margin-right: 0;
                            }

                            .option-values {
                                font-size: 1.2rem;
                                width: 13rem;

                                &.option-values-long {
                                    width: 15rem;
                                }
                            }

                            .option-b {
                                margin-left: 2rem;
                                margin-right: 1rem;
                            }

                            .option-c {
                                margin-top: 2rem;
                            }
                        }
                        .card-52 {
                            margin-top: 6rem;

                            .title {
                                font-size: 2.4rem;
                                width: 100%;
                            }

                            .card-body {
                                margin-top: 3.3rem;
                                width: 38.2rem;
                                max-width: 100%;
                                height: 16rem;
                                border-radius: 2rem;

                                .card-label {
                                    font-size: 1.2rem;
                                    bottom: 0.7rem;
                                }

                                .card-img {
                                    width: 100%;
                                    height: auto;
                                }
                            }
                        }

                        .card-2 {
                            margin-top: 6rem;

                            .title {
                                font-size: 2.4rem;
                                width: 100%;
                                line-height: 1.2;
                                color: #333;
                            }

                            .card-body {
                                margin-top: 3.3rem;
                                max-width: 100%;
                                height: 16rem;
                                border-radius: 2rem;
                                border: 1px dashed #ccc;
                                position: relative;
                                overflow: hidden;
                                box-sizing: border-box;

                                .card-label {
                                    position: absolute;
                                    left: 50%;
                                    bottom: 0.7rem;
                                    transform: translateX(-50%);
                                    font-size: 1.2rem;
                                    color: #333;
                                    white-space: nowrap;
                                    z-index: 2;
                                }

                                .card-img {
                                    position: relative;
                                    left: auto;
                                    bottom: auto;
                                    display: block;
                                    width: 100%;
                                    height: auto;
                                    max-width: 100%;
                                    transform: none;
                                }
                            }
                        }

                        .card-3 {
                            width: 100%;
                            height: 15.7rem;
                            margin-top: 3rem;
                            border-radius: 2rem;
                            background-color: #1f94d2;

                            .filter-text {
                                color: #fff;
                                font-size: 1.2rem;
                                bottom: 0.8rem;
                                white-space: nowrap;
                            }

                            .filter {
                                width: 75.7rem;
                                height: 22.45rem;
                                left: 13.8rem;
                                top: 8.6rem;
                                object-fit: contain;
                            }

                            .title-1 {
                                color: #fff;
                                font-size: 4rem;
                                left: 13.5rem;
                                top: 3.9rem;
                            }

                            .title-2 {
                                color: #fff;
                                font-size: 4rem;
                                left: 62.4rem;
                                top: 3.9rem;
                            }
                        }
                        .card-4 {
                            margin-top: 6rem;
                            width: 100%;
                            overflow: visible;
                            box-sizing: border-box;

                            .title {
                                color: #333;
                                font-size: 2.4rem;
                                line-height: 1.2;
                                width: 100%;
                            }

                            /* 原版 95.8×40 画布 → 100% 宽 + 比例盒，避免撑出屏 */
                            .card-body {
                                position: relative;
                                width: 100%;
                                height: 0;
                                margin-left: 0;
                                margin-top: 3.6rem;
                                padding-bottom: 41.7547%;
                                overflow: visible;
                                box-sizing: border-box;

                                .city {
                                    position: absolute;
                                    top: 0;
                                    left: 0;
                                    z-index: 1;
                                    width: 100%;
                                    height: 100%;
                                    object-fit: contain !important;
                                }

                                .label {
                                    position: absolute;
                                    z-index: 3;
                                    font-size: 1.2rem;
                                    color: #fff;
                                    display: flex;
                                    justify-content: center;
                                    align-items: center;
                                    background: #e69f5c;
                                    width: 2.4rem;
                                    height: 2.4rem;
                                    border-radius: 100%;
                                    top: 0;
                                    left: 0;
                                    transform: translate(-50%, -50%);
                                }

                                .card-title {
                                    z-index: 3;
                                    color: #333;
                                    font-size: 1.2rem;
                                    left: 0.42%;
                                    right: auto;
                                    top: 78%;
                                }

                                .card-desc {
                                    z-index: 3;
                                    color: #818285;
                                    font-size: 1.2rem;
                                    letter-spacing: -1px;
                                    left: 0.42%;
                                    right: 0.42%;
                                    top: 88.25%;
                                }
                            }
                        }

                        .card-5 {
                            position: relative;
                            margin-top: 4rem;
                            width: 100%;
                            height: auto;
                            min-height: 10rem;
                            margin-left: 0;
                            padding: 1.2rem;
                            border-radius: 1rem;
                            border: 1px solid #1f94d2;
                            box-sizing: border-box;
                            overflow: visible;

                            .label {
                                position: absolute;
                                z-index: 3;
                                font-size: 1.2rem;
                                color: #fff;
                                display: flex;
                                justify-content: center;
                                align-items: center;
                                background: #1f94d2;
                                width: 2.4rem;
                                height: 2.4rem;
                                border-radius: 100%;
                                top: 0;
                                left: 0;
                                transform: translate(-50%, -50%);
                            }

                            .option-1,
                            > div:not(.label) {
                                position: relative;
                                z-index: 1;
                            }

                            .option-title {
                                color: #333;
                                font-size: 1.2rem;
                                line-height: 1.2;
                            }

                            .option-desc {
                                color: #818285;
                                font-size: 1.2rem;
                                line-height: 1.35;
                                margin-top: 0.6rem;
                                margin-bottom: 1.2rem;
                            }

                            > div:last-child .option-desc {
                                margin-bottom: 0;
                            }
                        }

                        .card-6 {
                            margin-top: 6rem;

                            .title {
                                color: #333;
                                font-size: 2.4rem;
                                margin-bottom: 2.5rem;
                            }

                            .compare {
                                width: 38.2rem;
                                max-width: 100%;
                                height: 23rem;
                                object-fit: contain;
                                margin-bottom: 0;
                            }

                            .desc {
                                color: #333;
                                font-size: 1.4rem;
                                padding-left: 11.2rem;
                                margin-top: 2.5rem;
                            }
                        }
                    }
                }
            }
            
            #content-2 {
                .inner {
                    .flex-left {
                        .machine-wrapper {
                            width: 15rem;
                            height: 28.7rem;
                            top: unset;
                            bottom: 4.6rem;
                            left: 11.6rem;
                            .machine-img {
                                width: 32.339999999999996rem;
                                height: 32.339999999999996rem;
                                left: 50%;
                                top: 50%;
                                transform: translateX(-50%) translateY(-50%);
                            }
                        }
                    }
                    .flex-right {
                        .card-1-note {
                            font-size: 1.4rem;
                        }
                    }
                }
            }
            #content-3 {
                .inner {
                    .flex-left {
                        width: 100%;
                        height: 74.8rem;
                        padding-left: 1.6rem;
                        .title {
                            width: 30rem;
                        }
                        .machine-wrapper {
                            width: 35rem;
                            height: 8rem;
                            bottom: 6.2rem;
                            .machine-img {
                                width: 36.513999999999996rem;
                                height: 36.513999999999996rem;
                                left: 50%;
                                top: 50%;
                                transform: translateX(-50%) translateY(-50%);
                            }
                        }
                    }
                    .flex-right {
                        padding-top: 6rem;
                        .card-1 {
                            margin-left: 0;
                            width: 100%;
                            max-width: 100%;
                            height: 12.5rem;
                            background-color: #f2f2f2;
                            border-radius: 1.6rem;
                            box-sizing: border-box;
                            overflow: visible;
                            flex-wrap: wrap;
                            justify-content: flex-start;
                            align-items: flex-start;
                            padding-left: 2.8rem;
                            padding-top: 1.8rem;
                            .spec-name {
                                font-size: 1.2rem;
                                width: 9rem;
                                margin-right: 4rem;
                            }
                            .spec-value {
                                font-size: 1.6rem;
                                margin-top: 0.6rem;
                            }
                            .separator-1 {
                                display: none;
                            }
                            .separator-2 {
                                display: none;
                            }
                            .img-wrapper {
                                width: 17.1rem;
                                height: 3.9rem;
                                left: 21.2rem;
                                top: 4.8rem;
                                .fridge {
                                    width: 17.35rem;
                                    height: 17.35rem;
                                    left: 50%;
                                    top: 50%;
                                    transform: translateX(-50%) translateY(-50%);
                                }
                                .spec-text {
                                    font-size: 1.4rem;
                                    top: 9.3rem;
                                    transform: none;
                                    left: unset;
                                    right: 0;
                                }
                            }
                        }
                        /* 两行 options：每行 A|C、B|D 左右两列（options-2 是同一元素上的修饰类） */
                        .options {
                            display: flex;
                            width: 100%;
                            margin-top: 8.2rem;
                            padding-left: 0.6rem;
                            padding-right: 0.6rem;
                            flex-wrap: nowrap;
                            justify-content: space-between;
                            align-items: flex-start;
                            box-sizing: border-box;

                            &.options-2 {
                                margin-top: 2.3rem;
                            }

                            > .flex {
                                display: flex;
                                align-items: flex-start;
                                flex: 0 1 48%;
                                max-width: 48%;
                                min-width: 0;
                            }

                            .option-c {
                                margin-left: 0;
                                margin-top: 0;
                            }

                            .option-label {
                                color: #fff;
                                width: 2.4rem;
                                height: 2.4rem;
                                margin-right: 0.5rem;
                                font-size: 1.6rem;
                                background-color: #1f94d2;
                                border-radius: 100%;
                                display: flex;
                                align-items: center;
                                justify-content: center;
                                flex-shrink: 0;
                            }

                            .option-title {
                                font-size: 1.4rem;
                                line-height: 1.3;
                                margin: 0 0 0.2rem;
                            }

                            .option-values {
                                font-size: 1.2rem;
                                width: 100%;
                                max-width: 14.5rem;
                                margin-top: 0;
                                line-height: 1.35;
                            }
                        }
                        .card-2 {
                            margin-top: 6rem;
                            width: 100%;
                            .title {
                                font-size: 2.4rem;
                                width: 100%;
                                line-height: 1.2;
                            }
                            .desc {
                                margin-top: 1rem;
                                font-size: 1.8rem;
                                width: 100%;
                                line-height: 1.4;
                                margin-bottom: 4rem;
                            }
                            .map-1-grid {
                                margin-top: 10.6rem;
                                .map-1 {
                                    width: 100%;
                                    height: auto;
                                    margin-right: 1.1rem;
                                }
                                .card-title {
                                    font-size: 1.4rem;
                                    padding-top: 14rem;
                                }
                                .card-desc {
                                    font-size: 1.2rem;
                                    margin-top: 2rem;
                                }
                            }
                            .map-2-grid {
                                margin-top: 9.7rem;
                                padding-left: 1.1rem;
                                .map-2 {
                                    width: 53.5rem;
                                    height: 38.5rem;
                                    margin-right: 3.3rem;
                                }
                                .card-title {
                                    font-size: 1.4rem;
                                    padding-top: 12.3rem;
                                }
                                .card-desc {
                                    font-size: 1.2rem;
                                    margin-top: 2rem;
                                }
                            }
                        }
                    }
                }
            }
            #content-4 {
                .inner {
                    flex-direction: column;
                    .flex-left {
                        width: 100%;
                        min-height: 70.1rem;
                        height: auto;
                        margin-right: 0;
                        padding-bottom: 24rem;
                        box-sizing: border-box;

                        .title {
                            width: 30rem;
                            line-height: 1.1;

                            span {
                                font-size: 2rem;
                            }
                        }
                        .machine-wrapper {
                            width: 25.4rem;
                            height: 21.5rem;
                            transform: none;
                            left: 6.4rem;
                            bottom: 4.7rem;
                            top: unset;
                            .machine-img {
                                width: 29.1rem;
                                height: 29.1rem;
                                left: 50%;
                                top: 50%;
                                transform: translateX(-50%) translateY(-50%);
                            }
                        }
                    }
                    /* 右侧为 6 张全宽配图（非 content-1 灰条 spec 布局） */
                    .flex-right {
                        width: 100%;
                        max-width: 100%;
                        min-width: 0;
                        padding-top: 4.8rem;
                        padding-left: 0;
                        padding-right: 0;
                        box-sizing: border-box;

                        .card-1 {
                            width: 100%;
                            max-width: 100%;
                            height: auto;
                            margin-left: 0;
                            margin-bottom: 4.8rem;
                            padding: 0;
                            box-sizing: border-box;

                            &:last-child {
                                margin-bottom: 0;
                            }

                            .title {
                                font-size: 2.4rem;
                                line-height: 1.2;
                                width: 100%;
                                max-width: 100%;
                                margin-bottom: 1.6rem;
                            }

                            .machine-img {
                                display: block;
                                width: 100%;
                                max-width: 100%;
                                height: auto;
                                position: relative;
                                left: auto;
                                top: auto;
                                transform: none;
                                object-fit: contain;
                            }
                        }
                    }
                }
            }
        }
    }
}