@media screen and (min-width: 981px) {
    .cbcn-pc-p128 {
        font-size: 108px;
        font-weight: 500;
        height: 161.74%;
    }

    /* kv */
    @media screen {
        .cbcn-kv-section {
            width: 100%;
            height: 48em;
            position: relative;
        }

        .cbcn-kv-image {
            width: 100%;
            height: 48em;
            position: relative;
        }

    }

    /* navigation */
    @media screen {

        .cbcn-navigation-section.cbcn-pc-safeCol {
            padding: 8em 0;
        }

        .cbcn-navigation-info {
            gap: 1.2em 0;
            justify-content: space-between;
        }

        .cbcn-navigation-item {
            border-radius: 16px;
            position: relative;
            background: linear-gradient(0deg, #FFF 0%, #FFF 100%), #F2F2F5;
            display: flex;
            padding: 1.2em;
            gap: 0.8em;
            flex-direction: column;
            align-items: flex-start;
            align-self: stretch;
            border: 1px solid rgba(255, 255, 255, 0.10);
            background: radial-gradient(100.23% 51.55% at 52.4% 113.24%, rgba(246, 219, 172, 0.20) 0%, rgba(34, 34, 34, 0.20) 100%), #161617;
        }

        .cbcn-navigation-item6,
        .cbcn-navigation-item5,
        .cbcn-navigation-item4 {
            width: 310px;
            height: 368px;
            overflow: hidden;
            text-decoration: none !important;
        }

        .cbcn-navigation-item3,
        .cbcn-navigation-item2,
        .cbcn-navigation-item1 {
            width: 310px;
            height: 398px;
            overflow: hidden;
            text-decoration: none !important;
        }

        .cbcn-navigation-item:hover {
            border: 1px solid rgba(255, 243, 203, 0.60);
            background: radial-gradient(100.23% 51.55% at 52.4% 113.24%, rgba(246, 219, 172, 0.20) 0%, rgba(34, 34, 34, 0.20) 100%), #161617;
            box-shadow: 0 0 8px rgba(255, 243, 203, 0.4);
        }

        .cbcn-navigation-txt,
        .cbcn-navigation-dec {
            position: absolute;
            left: 0;
            top: 0;
            width: 260px;
            z-index: 11;
        }

        .cbcn-navigation-item5 .cbcn-navigation-txt,
        .cbcn-navigation-item5 .cbcn-navigation-dec {
            width: 260px;
        }

        .cbcn-navigation-txt {
            transition: 0.3s ease !important;
            opacity: 1;
        }

        .cbcn-navigation-dec {
            opacity: 0;
            transition: none;
            transition: 0.3s ease !important;
        }

        .cbcn-navigation-item-txt {
            position: relative;
            z-index: 12;
        }

        /* highlight 6 六级高亮 */
        .cbcn-navigation-p24 {
            color: rgba(255, 255, 255, 0.96);
            font-size: 1.25em;
            font-style: normal;
            font-weight: 700;
            line-height: 1.6em;
        }

        .cbcn-navigation-txtcolor {
            background: linear-gradient(108deg, #5F9BE3 9.4%, #494BDF 91.78%, #EB8EE1 167.47%, #FF7E75 229.19%);
            background-clip: text;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        /* 图片 */
        .cbcn-navigation-img1 {
            width: 100%;
            height: 100%;
        }

        .cbcn-navigation-img1 img {
            transform-origin: center;
        }

        .cbcn-navigation-img2 {
            width: 100%;
            height: 100%;
        }

        .cbcn-navigation-img3 {
            width: 100%;
            height: 100%;
            z-index: 10;
            /* position: relative; */
        }

        .cbcn-navigation-img4 {
            width: 100%;
            height: 100%;
            z-index: 10;
        }

        .cbcn-navigation-img5 {
            width: 100%;
            height: 100%;
        }

        .cbcn-navigation-img6 {
            width: 100%;
            height: 100%;
        }

        .cbcn-styleColor-centent {
            margin-left: auto !important;
            margin-right: auto !important;
        }

        .cbcn-navigation-section .cbcn-hg2 {
            font-size: 2.85em !important;
        }

        .cbcn-navigation-section .cbcn-hg3 {
            font-size: 2.1em !important;
        }

        .cbcn-navigation-section .cbcn-hg6 {
            font-size: 1.25em !important;
        }

        .cbcn-navigation-section .cbcn-sh {
            font-size: 1.4em !important;
        }

        .cbcn-navigation-bk96 {
            color: rgba(255, 255, 255, 0.96);
        }

        .cbcn-navigation-bk69 {
            color: rgba(255, 255, 255, 0.68);
        }

        .cbcn-navigation-item .cbcn-hg5 {
            color: rgba(255, 255, 255, 0.96);
            font-size: 25px !important;
        }
        .cbcn-navigation-fn1 {
            position: absolute;
            bottom:24px;
            z-index: 14;
        }
    }

    /* color */
    @media screen {
        .cbcn-color-swiper {
            position: absolute;
            width: 50vw;
            height: 100vh;
            right: 0;
            order: 2;
        }

        .cbcn-color-btnListDiv {
            display: flex;
            bottom: calc(31.55em + 160px);
            width: fit-content;
            padding: 0.8em;
            border-radius: 7.15em;
            background: rgba(255, 255, 255, 0.30);
            align-items: center;
            justify-content: center;
            height: 3.3em;
        }

        .cbcn-color-btnList {
            display: inline-flex !important;
            width: auto;
            gap: 1em;
        }

        .cbcn-color-btn {
            width: 2em;
            height: 2em;
            cursor: pointer;
            position: relative;
        }

        .cbcn-color-img {
            height: 100%;
            width: 100%;
        }

        .cbcn-color-btn svg {
            width: 2em;
            height: 2em;
        }

        .cbcn-color-circle {
            fill: none;
            stroke-width: 2.5px;
            stroke-dasharray: 125.6px;
            stroke-dashoffset: 125.6px;
        }

        .cbcn-color-btn.index1 .cbcn-color-circle {
            stroke: rgba(228, 210, 142, 0.93);
        }

        .cbcn-color-btn.index2 .cbcn-color-circle {
            stroke: rgba(0, 0, 0, 0.93);
        }

        .cbcn-color-btn.index3 .cbcn-color-circle {
            stroke: #898888;
        }

        .cbcn-color-btn.active .cbcn-color-circle {
            stroke-dashoffset: 0;
            transition: stroke-dashoffset 3s ease-out;
        }

        .cbcn-color-div {
            display: flex !important;
            gap: 174px;
        }

        .cbcn-color-item1 {
            gap: 1em;
        }

        .cbcn-color-btndiv {
            gap: 1.2em;
            display: flex !important;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: center;
            flex-direction: column;
            align-items: center;
            width: 50vw;
            height: 100vh;
            z-index: 12;
            order: 1;
        }

        .cbcn-color-title-div {
            width: 15.75em;
            border-radius: 4.95em;
            background: rgba(255, 255, 255, 0.30);
            display: flex;
            padding: 0.6em 1.6em;
            align-items: center;
            align-self: stretch;
            justify-content: center;
            height: 3.3em;
        }

        .cbcn-color-title-div .cbcn-hg6 {
            color: rgba(255, 255, 255, 0.93);
            font-size: 1.25em !important;
            justify-content: center;
            opacity: 0;
            position: absolute;
        }

        .cbcn-color-title-div .cbcn-hg6.active {
            opacity: 1;
        }

        .cbcn-color-txt-div {
            width: 23.3em;
        }

        .cbcn-color-txt-div .cbcn-b1 {
            font-family: "vivo Sans Global";
            color: #FFF !important;
            font-size: 1.05em !important;
            opacity: 0;
            position: absolute;
            width: 21.3em;
        }

        .cbcn-color-txt-div .cbcn-b1.active {
            opacity: 1;
        }
    }

    /* delicate */
    @media screen {
        .cbcn-delicate-section {
            /* height: 65.9em; */
        }

        .cbcn-delicate-div {
            z-index: 9;
            margin-bottom: 40em;
        }

        .cbcn-delicate-txt {
            position: relative;
            z-index: 9;
        }

        .cbcn-delicate-img {
            width: 100%;
            height: 47em;
            bottom: -3em;
        }
    }

    /* gamechapters */
    @media screen {
        .cbcn-gamechapters-txt {
            text-align: center;
            background: linear-gradient(120deg, #FFE9C3 16.26%, #EBB454 35.79%, #1E1309 100.22%);
            background-clip: text;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            mix-blend-mode: screen;
        }

        .cbcn-gamechapters-div .cbcn-title {
            gap: 36px;
        }
    }

    /* chip */
    @media screen {
        .cbcn-chip-divimg {
            position: relative;
        }

        .cbcn-chip-btnList1 {
            position: absolute;
            right: 260px;
            gap: 1.5em;
            top: 15.9em;
            z-index: 13;
        }

        .cbcn-chip-video3,
        .cbcn-chip-video2,
        .cbcn-chip-video1 {
            transition: opacity 0.3s ease;
        }

        .cbcn-chip-video3,
        .cbcn-chip-video2 {
            opacity: 0;
        }

        .cbcn-chip-video1 {
            opacity: 1;
        }

        .cbcn-chip-btnList2,
        .cbcn-chip-btnList1 {
            transition: opacity 0.3s ease;
        }

        .cbcn-chip-video1.active {
            opacity: 1;
        }

        .cbcn-chip-video1.active .cbcn-chip-btnList1 {
            opacity: 1;
        }


        .cbcn-chip-btnList2.active p,
        .cbcn-chip-btnList1.active .cbcn-param {
            opacity: 0;
            position: relative;
            box-sizing: border-box;
            animation-name: moveToCenter;
            animation-fill-mode: forwards;
            animation-timing-function: ease-out;
        }

        @keyframes moveToCenter {
            0% {
                right: -10em;
                opacity: 0;
            }

            100% {
                right: 0;
                opacity: 1;
            }
        }

        .cbcn-chip-btnList1 .cbcn-param:nth-child(2) {
            animation-duration: 1.3s;
            animation-delay: 0.3s;
        }

        .cbcn-chip-btnList1 .cbcn-param:nth-child(1) {
            animation-duration: 0.8s;
            animation-delay: 0.4s;
        }

        .cbcn-chip-btnList1 .cbcn-param:nth-child(3) {
            animation-duration: 1.2s;
            animation-delay: 0.5s;
        }

        .cbcn-chip-btnList2 {
            position: absolute;
            left: 16em;
            gap: 1.8em;
            width: 26.3em;
            top: 14em;
            opacity: 0;
            z-index: 13;
        }

        .cbcn-chip-btnList2.active p {
            opacity: 0;
            position: relative;
            box-sizing: border-box;
            animation-name: moveToCenter2;
            animation-fill-mode: forwards;
            animation-timing-function: ease-out;
        }

        @keyframes moveToCenter2 {
            0% {
                left: -10em;
                opacity: 0;
            }

            100% {
                left: 0;
                opacity: 1;
            }
        }

        .cbcn-chip-btnList2 p:nth-child(3) {
            animation-duration: 0.6s;
            animation-delay: 0.4s;
        }

        .cbcn-chip-btnList2 p:nth-child(2) {
            animation-duration: 0.6s;
            animation-delay: 0.4s;
        }

        .cbcn-chip-btnList2 p:nth-child(1) {
            animation-duration: 0.6s;
            animation-delay: 0.4s;
        }
    }

    /* rocksolid */
    @media screen {
        .cbcn-rocksolid-btnList {
            margin-top: 2.5em;
            margin-bottom: 40em;
            gap: 2.5em;
            justify-content: center;
        }

        .cbcn-rocksolid-img {
            width: 100%;
            height: 41.12em;
            bottom: 0;
        }
    }

    /* display */
    @media screen {

        .cbcn-display-img {
            width: 100%;
            height: 698px;
        }

        .cbcn-display-div {
            position: relative;
            z-index: 9;
            height: 1200.6px;
        }

        .cbcn-display-btnList .cbcn-param {
            width: 235px;
        }

        .cbcn-display-btnList {
            position: relative;
            z-index: 9;
            display: flex;
            flex-direction: column;
            align-items: center;
            margin-top: -212px;
        }

        .cbcn-display-param {
            display: grid !important;
            width: 849px;
            row-gap: 25px;
            column-gap: 72px;
            grid-template-rows: repeat(3, minmax(0, 1fr));
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }

        .cbcn-display-param-div {
            width: 303px;
        }
    }

    /* eye */
    @media screen {
        .cbcn-eye-section {
            height: 1000px;
        }

        .cbcn-eye-marging-top {
            width: 657px;
            padding-bottom: 40px;
        }

        .cbcn-eye-image {
            height: 100%;
            width: 100%;
        }

        .cbcn-eye-flex {
            display: flex;
            align-items: center;
            gap: 65px;
        }

        /* 小图片 */
        .cbcn-eye-pc-image {
            width: 135.925px;
            height: 57px;
            margin: auto;
        }
    }

    /* speakers */
    @media screen {
        .cbcn-speaker-imgDiv {
            margin-top: 60px;
            width: 100%;
            height: 382px;
            position: relative;
        }

        .cbcn-speaker-img {
            width: 648px;
            height: 304px;
            z-index: 10;
        }

        .cbcn-speaker-imgbk {
            left: 51%;
            top: 19em;
            width: 1044px;
            height: 133px;
            display: inline-flex;
            align-items: center;
            z-index: 9;
        }

        .cbcn-speaker-round {
            width: 297px;
            height: 382px;
            right: calc(50% + 330px);
            z-index: 9;
        }

        .cbcn-speaker-round div {
            width: 21px;
            height: 112px;
            border-radius: 50%;
            background: linear-gradient(270deg, rgba(254, 226, 178, 0.50) -45.45%, #6D614C 12.67%, rgba(0, 0, 0, 0.00) 113.64%);
            opacity: 0;
            right: 0;
            transform-origin: center center;
        }

        .cbcn-speaker-round.right {
            right: auto;
            left: calc(50% + 330px);
            transform: translateY(-50%) rotate(-180deg);
        }

        .cbcn-speaker-round div:nth-of-type(1) {
            animation: speakerScale 3s 0s infinite;
        }

        .cbcn-speaker-round div:nth-of-type(2) {
            animation: speakerScale 3s 0.3s infinite;
        }

        .cbcn-speaker-round div:nth-of-type(3) {
            animation: speakerScale 3s 0.6s infinite;
        }

        .cbcn-speaker-round div:nth-of-type(4) {
            animation: speakerScale 3s 0.9s infinite;
        }

        .cbcn-speaker-round div:nth-of-type(5) {
            animation: speakerScale 3s 1.2s infinite;
        }

        .cbcn-speaker-round div:nth-of-type(6) {
            animation: speakerScale 3s 1.5s infinite;
        }

        @keyframes speakerScale {
            0% {
                opacity: 1;
                right: -20%;
                width: 0em;
                height: 0em;
            }

            75% {
                opacity: 0;
                right: 180px;
                width: 134px;
                height: 500px;
            }

            100% {
                opacity: 0;
                right: -20%;
                width: 0em;
                height: 0em;
            }
        }
    }

    /* gamebox */
    @media screen {

        .cbcn-gamebox-content {
            justify-content: center;
            align-items: center;
        }

        .cbcn-gamebox-title {}

        .cbcn-gamebox-swiper {
            height: 377px;
            width: 801px;
            margin-top: 5em;
        }

        .cbcn-gamebox-img {
            height: 100%;
        }

        .cbcn-gamebox-btnList {
            width: fit-content;
            height: 3.15em;
            display: flex;
            padding: 0.4em;
            align-items: center;
            border-radius: 49.95em;
            background: rgba(255, 255, 255, 0.14);
            backdrop-filter: blur(calc(30px) / 2);
            gap: 0.4em;
        }

        .cbcn-gamebox-btn {
            position: relative;
            height: 100%;
            cursor: pointer;
            color: rgba(255, 255, 255, 0.31);

            display: flex;
            padding: 0.4em 0.8em;
            justify-content: center;
            align-items: center;
            border-radius: 49.95em;
        }

        /* .cbcn-gamebox-btn::before {
            content: "";
            position: absolute;
            bottom: -0.1em;
            left: 0;
            width: 100%;
            height: 0.1em;
        } */

        .cbcn-gamebox-btn.active::before {
            background-color: rgba(255, 255, 255, 0.96);
        }

        .cbcn-gamebox-btn.active {
            color: rgba(0, 0, 0, 0.93) !important;
            background: rgba(255, 255, 255, 0.96);
        }

        .cbcn-gamebox-textBox {
            width: 39.4em;
            position: relative;
            height: 1.25em;
        }

        .cbcn-gamebox-textBox p {
            position: absolute;
            width: 100%;
            top: 0;
            left: 0;
            opacity: 0;
        }

        .cbcn-gamebox-textBox p.active {
            opacity: 1;
        }

        .cbcn-gamebox-end-content {
            width: 49em;
        }

        .cbcn-gamebox-end {
            position: absolute;
            height: 120%;
            width: 100%;
            top: 100vh;
            padding-top: 6em;
            background-color: #000;
        }

        .cbcn-gamebox-end-img {
            width: 40.05em;
            height: 18.8em;
            margin-top: 3em;
        }

        .cbcn-gamebox-video {
            border-radius: 2.0056em;
            overflow: hidden;
            width: 39.41435em !important;
            height: 18.1595em !important;
        }

        .cbcn-gamebox-phone {
            width: 40.05em;
            height: 18.8em;
            z-index: 13;
        }
    }

    /* batterychapters */
    @media screen {
        .cbcn-batterychapters-section {
            height: 1519px;
        }

        .cbcn-batterychapters-bg {
            height: 100%;
            width: 100%;
        }

        .cbcn-batterychapters-image {
            height: 831px;
            width: 919px;
        }

        .cbcn-batterychapters-div {}

        .cbcn-batterychapters-txt {
            position: relative;
        }

        .cbcb-batterychapters-bottom {
            position: relative;
            display: flex !important;
            flex-wrap: wrap;
            gap: 1.5em 1.5em;
            text-align: center;
            z-index: 10;
        }

        .cbcb-batterychapters-bottom .cbcn-title {
            width: 300px;
        }

        .cbcn-batterychapters-img {
            position: relative;
            left: 60px;
            width: 919px;
            height: 831px;
            margin-bottom: -71.8px;
        }

        .cbcn-batterychapters-fn1 {
            position: relative;
            top: -73px;
        }
    }

    /* flashcharge */
    @media screen {
        .cbcn-flashcharge-image {
            bottom: 0;
            height: 54.8em;
            width: 100%;
        }

        .cbcn-flashcharge-flex {
            margin-top: 309px;
            width: 980px;
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            grid-template-rows: repeat(3, 1fr);
            grid-column-gap: 130px;
            grid-row-gap: 35px;
        }

        .cbcn-flashcharge-flex div {
            z-index: 99999;
        }
    }

    /* batteryhealth */
    @media screen {
        .cbcn-batteryhealth-img {
            width: 100%;
            height: 46em;
        }
    }

    /* endurance */
    @media screen {
        .cbcn-endurance-txt {
            text-align: center;
            font-family: "vivo Sans Global";
            font-size: 128px;
            font-style: normal;
            font-weight: 500;
        }

        .cbcn-endurance-section .cbcn-title {
            gap: 36px;
        }
    }

    /* camerachapters */
    @media screen {
        .cbcn-camerachapters-txt {
            text-align: center;
            font-family: "vivo Sans Global";
            font-size: 6.4em;
            font-style: normal;
            font-weight: 500;
            line-height: 161.74%;
        }
    }



    /* camera */
    @media screen {

        .cbcn-camera-section {
            background: linear-gradient(180deg, #FFF -58.67%, #F6EAE4 -25.75%, #796962 87%), var(--semantic-background-quinary, #000);
        }

        .cbcn-camera-wrapper {
            margin: 60px auto 0;
            width: 980px;
            height: 780px;
            position: relative;
        }

        .cbcn-camera-img1 {
            position: absolute;
            top: -10.95px;
            right: -29.71px;
            width: 614.978px;
            height: 901.47px;
            z-index: 2;
            transition: all 1s ease;
        }

        .cbcn-camera-wrapper.active .cbcn-camera-img1 {
            width: 395.203px;
            height: 579.96px;
            top: 200.04px;
            right: 243.32px;

        }

        .cbcn-camera-img2 {
            position: absolute;
            top: 230.95px;
            left: -24.02px;
            width: 615px;
            height: 1143.02px;
            z-index: 1;
            transition: all 1s ease;

        }

        .cbcn-camera-wrapper.active .cbcn-camera-img2 {
            width: 395px;
            height: 733px;
            top: 47px;
            left: 244px;
        }

        .cbcn-camera-wrapper .cbcn-styleColor1 sup {}

        .cbcn-camera-param1 {
            position: absolute;
            top: 255px;
            left: 30px;
            z-index: 3;
            width: 211px;
            padding-top: 24px;
            opacity: 0;
        }

        .cbcn-camera-param2 {
            position: absolute;
            top: 427px;
            left: 27px;
            z-index: 3;
            width: 211px;
            padding-top: 24px;
            opacity: 0;
        }

        .cbcn-camera-param3 {
            position: absolute;
            top: 96px;
            right: 355px;
            z-index: 3;
            width: 211px;
            padding-top: 24px;
            opacity: 0;
        }

        .cbcn-camera-param4 {
            position: absolute;
            top: 283px;
            right: -18px;
            z-index: 3;
            opacity: 0;
        }

        .cbcn-camera-param2 .cbcn-camera-paramitem {
            position: relative;
            top: -120px;
        }

        .cbcn-camera-param4 .cbcn-camera-paramitem {
            position: relative;
            right: -166px;
            width: 12.85em;
        }

        .cbcn-camera-paramitem .cbcn-styleColor1 {
            width: 100%;
            background: rgba(255, 255, 255, 0.96);
            background-clip: text;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        .cbcn-camera-param2 .cbcn-styleColor1 {
            width: 100%;
            background: rgba(255, 255, 255, 0.96);
            background-clip: text;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        .cbcn-camera-param3 .cbcn-styleColor1 {
            width: 100%;
            background: rgba(255, 255, 255, 0.96);
            background-clip: text;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        .cbcn-camera-param4 .cbcn-styleColor1 {
            width: 100%;
            background: rgba(255, 255, 255, 0.96);
            background-clip: text;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }


        .cbcn-camera-wrapper.active .cbcn-camera-param1,
        .cbcn-camera-wrapper.active .cbcn-camera-param2,
        .cbcn-camera-wrapper.active .cbcn-camera-param3,
        .cbcn-camera-wrapper.active .cbcn-camera-param4 {
            opacity: 1;
            transition: all 0.25s 0.5s;
        }

        .cbcn-camera-param1 .cbcn-camera-paramitem {
            position: relative;
            top: -120px;
            right: 0;
        }

        .cbcn-camera-param3 .cbcn-camera-paramitem {
            position: relative;
            top: -120px;
            right: -384px;
        }

        .cbcn-camera-param1 .cbcn-camera-line {
            position: absolute;
            top: 0;
            left: 0;
            width: 432px;
            height: 166px;
            stroke-dasharray: 600px;
            stroke-dashoffset: -600px;
        }

        .cbcn-camera-param2 .cbcn-camera-line {
            position: absolute;
            top: 0;
            left: 0;
            width: 426px;
            height: 2px;
            stroke-dasharray: 426px;
            stroke-dashoffset: 426px;
        }

        .cbcn-camera-param3 .cbcn-camera-line {
            position: absolute;
            top: 0;
            right: 15px;
            width: 518px;
            height: 2px;
            stroke-dasharray: 534px;
            stroke-dashoffset: -534px;
        }

        .cbcn-camera-param4 .cbcn-camera-line {
            position: absolute;
            top: 0;
            right: 0;
            width: 444px;
            height: 34px;
            stroke-dasharray: 500px;
            stroke-dashoffset: -500px;
        }

        .cbcn-camera-param .cbcn-b2 {
            padding-top: 40px;
            font-size: 0.6em !important;
            font-weight: 500 !important;
            line-height: 150% !important;
        }

        .cbcn-camera-wrapper.active .cbcn-camera-param1 .cbcn-camera-line,
        .cbcn-camera-wrapper.active .cbcn-camera-param2 .cbcn-camera-line,
        .cbcn-camera-wrapper.active .cbcn-camera-param3 .cbcn-camera-line,
        .cbcn-camera-wrapper.active .cbcn-camera-param4 .cbcn-camera-line {
            stroke-dashoffset: 0px;
            transition: all 0.5s 0.5s;
        }
    }

    /* maincamera */
    @media screen {}

    /* auralight */
    @media screen {
        .cbcn-auralight-safe {
            --auralight-title: 566px;
            width: calc(var(--auralight-title) + 33.55em);
            height: 37.45em;
            bottom: 0;
        }

        .cbcn-auralight-imgBox {
            width: 30.15em;
            height: 64.5em;
            position: absolute;
            right: 9.5em;
            top: 0em;
            z-index: 11;
        }

        .cbcn-auralight-phone {
            width: 100%;
            height: 100%;
            position: relative;
            z-index: 10;
            opacity: 0;
        }

        .cbcn-auralight-circle {
            width: 3.8em;
            height: 3.8em;
            position: absolute;
            top: 8.3em;
            left: 12.7em;
            z-index: 11;
            opacity: 1;
        }

        .cbcn-auralight-titleBox {
            position: absolute;
            left: 0;
            /* 文本高度加上线的剩余高度 */
            height: calc(46px + 10em);
            /* 文本宽度加上线的剩余宽度 */
            width: calc(var(--auralight-title) + 18.05em);
            z-index: 12;
            top: 10.4em;
            border-bottom: 1px solid #999;
            border-right: 1px solid #999;
            opacity: 0;
        }

        .cbcn-auralight-position {
            position: absolute;
            left: 0em;
            /* 小语种注意只需要调整这个的高度 */
            bottom: 0.6em;
        }

        .cbcn-auralight-title {
            width: var(--auralight-title);
        }

        .cbcn-auralight-param {
            margin-top: 2.95em;
        }
    }

    /* night */
    @media screen {
        .cbcn-night-content {
            width: 60em;
            height: 30em;
            flex-wrap: nowrap;
            gap: 2.5em;
        }

        .cbcn-night-title {
            width: 19.45em;
            justify-content: center;
        }

        .cbcn-night-img {
            height: 100%;
            width: 100%;
        }
    }

    /* portrait */
    @media screen {
        .cbcn-portrait-section {
            gap: 64px;
        }

        .cbcn-portrait-title {
            width: 836px;
        }

        .cbcn-portrait-option {
            height: 41px;
            position: relative;
            gap: 3em;
            /* border-bottom: 2px solid rgba(255, 255, 255, 0.15); */
        }

        .cbcn-portrait-option::after {
            position: absolute;
            content: '';
            height: 2px;
            width: 100%;
            background-color: rgba(255, 255, 255, 0.15);
            bottom: 0px;
        }

        .cbcn-portrait-cool {
            opacity: 0.4;
            position: relative;
            cursor: pointer;
            /* transition: all 0.3s; */
            text-align: center;
            background: white;
            background-clip: text;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        .cbcn-portrait-warm {
            opacity: 0.4;
            position: relative;
            cursor: pointer;
            /* transition: all 0.3s; */
            text-align: center;
            background: white;
            background-clip: text;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;

        }

        .cbcn-portrait-cool.active {
            background: #fff;
            background-clip: text;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            opacity: 1;
        }

        .cbcn-portrait-warm.active {
            background: #fff;
            background-clip: text;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            opacity: 1;
        }

        .cbcn-portrait-cool::after {
            position: absolute;
            content: '';
            height: 2px;
            width: 0;
            background-color: rgba(255, 255, 255, 0);
            bottom: 0px;
            /* transition: all 0.3s; */
            left: 0;
        }

        .cbcn-portrait-warm::after {
            position: absolute;
            content: '';
            height: 2px;
            width: 0;
            background-color: rgba(255, 255, 255, 0);
            bottom: 0px;
            /* transition: all 0.3s; */
            right: 0;
        }

        .cbcn-portrait-cool.active::after {
            width: 100%;
            background: #fff;

        }

        .cbcn-portrait-warm.active::after {
            width: 100%;
            background: #fff;
        }

        .cbcn-portrait-imgBox {
            width: 980px;
            height: 580px;
        }

        .swiper-portrait-list {
            position: absolute;
            width: 980px;
            height: 580px;
            display: flex;
            justify-content: center;
            align-items: flex-start;
            gap: var(--primitives-spacing-36, 36px);
            align-self: stretch;
            top: 0;
            opacity: 0;
            transition: all 0.3s;
        }

        .swiper-portrait-list.active {
            opacity: 1;
        }

        .cbcn-portrait-img {
            width: 420px;
            height: 560px;
            border-radius: var(--semantic-corner-secondary, 0);
            overflow: hidden;
            position: relative;
        }

        .cbcn-portrait-img:nth-child(n)::after {
            content: 'Выключено';
            box-sizing: border-box;
            position: absolute;
            display: flex;
            width: fit-content;
            height: 44px;
            padding: 8px 16px;
            justify-content: center;
            align-items: flex-end;
            right: 20px;
            bottom: 20px;
            border-radius: 999px;
            background: #fff;
            color: rgba(0, 0, 0, 0.90);
            /* body 2 二级正文 */
            font-family: "vivo Sans Global";
            font-size: 18px;
            font-style: normal;
            font-weight: 600;
            line-height: 150%;
            /* 147.368% */


        }

        .cbcn-portrait-img:nth-child(2n)::after {
            content: 'Включено';
            box-sizing: border-box;
            position: absolute;
            display: flex;
            width: fit-content;
            height: 44px;
            padding: 8px 16px;
            justify-content: center;
            align-items: flex-end;
            right: 20px;
            bottom: 20px;
            border-radius: 999px;
            background: var(--semantic-surface-quinary, #fff);
            color: var(--component-label-on-surface-text---default, rgba(0, 0, 0, 0.93));
            /* body 2 二级正文 */
            font-family: "vivo Sans Global";
            font-size: var(--semantic-font-size-body-2, 19px);
            font-style: normal;
            font-weight: 600;
            line-height: var(--semantic-font-line-height-body-2, 28px);
            /* 147.368% */
        }
    }

    /* aiimage2 */
    @media screen {
        .cbcn-section.cbcn-aiimage2-section {
            padding: 230px 0;
        }

        .cbcn-aiimage2-content {
            width: 45.5em;
            height: 30.5em;
            border-radius: 1.5em;
            background: #0F0F13;
            overflow: hidden;
            padding-left: 4.4em;
        }

        .cbcn-aiimage2-leftDiv {
            overflow: hidden;
            width: 24.4em;
            height: 100%;
            border-radius: 1.5em 0 0 1.5em;
            background: #0F0F13;
            justify-content: center;
            align-items: center;
            position: relative;
        }

        .cbcn-aiimage2-icon {
            display: block;
            margin: 0 auto;
            width: 3.25em;
            height: 3em;
        }

        .cbcn-aiimage2-title {
            padding: 0 2em 0 2em;
            padding-top: 1em;
            display: none;
            height: 10em;
        }

        .cbcn-aiimage2-title .cbcn-stylecolor1 {
            padding-bottom: 1em;
        }

        .cbcn-aiimage2-title.active {
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .cbcn-aiimage2-title-gap {
            justify-content: center;
            gap: 1em;
        }

        .cbcn-aiimage2-videoBtn-list {
            align-items: flex-end;
            justify-content: center;
        }

        .cbcn-aiimage2-swiperbg {
            position: absolute;
            top: 9.11em;
            left: calc(50% + 5.97em);
            width: 16.6em;
            height: 35.3em;
            z-index: 100;
        }

        .cbcn-aiimage2-swiper {
            position: absolute;
            top: 9.76em;
            left: calc(50% + 6.37em);
            width: 15.65em;
            border-radius: 1.5em;
            overflow: hidden;
            z-index: 99;
            background: #000;
        }

        .cbcn-aiimage2-video {
            width: 15.65em;
            height: 34em;
            top: -0.1em;
            flex-shrink: 0;
        }

        .cbcn-aiimage2-img {
            height: 100%;
            position: relative;
            border-radius: 1em;
            overflow: hidden;
        }

        .cbcn-aiimage2-img video {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .cbcn-aiimage2-img img {
            position: relative;
            z-index: 9;
        }

        .cbcn-aiimage2-btnList {
            height: 0.3em;
            border-radius: 0.45em;
            margin-top: 3em;
            width: 17em;
            gap: 1em;
            justify-content: space-between;
            align-items: center;
        }

        .cbcn-aiimage2-btn {
            position: relative;
            width: 8em;
            height: 0.3em;
            border-radius: 0.45em;
            background: rgba(255, 255, 255, 0.14);
            cursor: pointer;
        }

        .cbcn-aiimage2-btn.active::before {
            content: "";
            position: absolute;
            height: 100%;
            width: 0%;
            border-radius: 0.45em;
            background: rgba(255, 255, 255, 0.68);
            transition: width 0.1s;
            animation: aiimage2btn 11.5s linear forwards;
        }

        .cbcn-aiimage2-title-gap .cbcn-hg5 sup {
            position: static !important;
        }

        @keyframes aiimage2btn {
            0% {
                width: 0%
            }

            100% {
                width: 100%
            }
        }
    }

    /* fourvideo */
    @media screen {
        .cbcn-fourvideo-section {
            padding: 160px 0;
            height: 100vh;
            min-height: 50em;
        }

        .cbcn-fourvideo-box {
            position: relative;
            height: 100%;
            width: 100%;
        }

        .cbcn-fourvideo-phone {
            width: 49.5em;
            height: 23.25em;
        }

        .cbcn-fourvideo-video {
            height: 98%;
            width: 98%;
            border-radius: 3em;
            overflow: hidden;
            z-index: 8;
            transition: none !important;
            object-fit: cover;
            opacity: 0;
        }

        .cbcn-fourvideo-video.active {
            opacity: 1;
        }

        .cbcn-fourvideo-img {
            position: relative;
            z-index: 9;
        }

        .cbcn-fourvideo-img .active {
            opacity: 0;
        }

        .cbcn-fourvideo-mask {
            width: 100%;
            position: absolute;
            background: rgba(0, 0, 0, 0.60);
            top: 0;
            z-index: 1;
            pointer-events: none;
        }


        .cbcn-fourvideo-boxtxt {
            opacity: 0;
            z-index: 10;
            text-align: center;
            width: 100%;
            position: absolute;
            top: 30%;
            left: 50%;
            transform: translate(-50%, -50%);
            pointer-events: none;
        }

        .cbcn-fourvideo-boxtxt p {
            position: relative;
            z-index: 9;
        }

        .cbcn-fourvideo-boxtxt3 {
            padding-top: 31.2em;
            pointer-events: none;
        }

        .cbcn-fourvideo-boxtxt .cbcn-h1::before {
            content: '';
            width: 120vw;
            height: 120vh;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background-color: rgba(0, 0, 0, 0.60);
            z-index: -1;

        }

        .cbcn-fourvideo-boxtxt .cbcn-h1 {
            z-index: 9;
            position: relative;
        }

        .cbcn-fourvideo-listbtn.active {
            background: rgba(255, 255, 255, 0.96);
            background-clip: text;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        .cbcn-fourvideo-front {
            position: relative;
            cursor: pointer;
            text-align: center;
            /* z-index: 1; */
        }

        .cbcn-fourvideo-rear {
            position: relative;
            cursor: pointer;
            text-align: center;
            /* z-index: 1; */
        }

        .cbcn-fourvideo-front.active {
            opacity: 1;
        }

        .cbcn-fourvideo-rear.active {
            opacity: 1;
        }

        .cbcn-fourvideo-front::after {
            position: absolute;
            content: "";
            height: 2px;
            width: 100%;
            background-color: rgba(255, 255, 255, 0);
            border-radius: 9px;
            bottom: 0px;
            left: 0;
            transition: all 0.3s;
        }

        .cbcn-fourvideo-rear::after {
            position: absolute;
            content: "";
            height: 2px;
            width: 100%;
            background-color: rgba(255, 255, 255, 0);
            bottom: 0px;
            left: 0;
            transition: all 0.3s;
        }

        .cbcn-fourvideo-front.active::after {
            background-color: #fff;
        }

        .cbcn-fourvideo-rear.active::after {
            background-color: #fff;
        }

        .cbcn-fourvideo-btnList {
            position: relative;
            height: 41px;
            gap: 3em;
            width: 100%;
        }

        .cbcn-fourvideo-btnList::after {
            position: absolute;
            content: "";
            height: 2px;
            width: 100%;
            background: rgba(255, 255, 255, 0.15);
            bottom: 0px;
        }

        .cbcn-fourvideo-rear.active::after,
        .cbcn-fourvideo-front.active::after {
            background: rgba(255, 255, 255, 0.96);
        }

        .cbcn-fourvideo-boxtxt2 {
            width: 689px;
        }
    }

    /* durablechapters */
    @media screen {
        .cbcn-durablechapters-section .cbcn-title {
            gap: 1.8em;
        }

        .cbcn-durablechapters-txt {
            text-align: center;
            font-family: "vivo Sans Global";
            font-size: 6.4em;
            font-style: normal;
            font-weight: 500;
        }
    }

    /* support */
    @media screen {
        .cbcn-support-content {
            position: relative;
            height: 637px;
        }

        .cbcn-support-img {
            position: relative;
            top: -224px;
            width: 100%;
            height: 645px;
        }

        .cbcn-support-div {
            position: relative;
            top: -10em;
            z-index: 13;
            transition: all 0.5s;
            opacity: 0;
        }
        .cbcn-support-div.active {
            transition: all 0.5s;
            opacity: 1;
            top: 0em;
        }
        .cbcn-support-img1.active  {
            transition: all 0.5s;
            bottom: -342px;
        }

        .cbcn-support-img1.active1  {
            transition: all 0.5s;
            left: 224px;
        }

        .cbcn-support-img1 {
            display: block;
            transition: all 0.5s;
            width: 326px;
            height: 894px;
            left: 310px;
            /* left: 224px; */
            position: absolute;
            bottom: -564px;
            z-index: 13;
        }

        .cbcn-support-img2 {
            display: block;
            right: 97px;
            position: absolute;
            width: 431.612px;
            height: 653.873px;
            bottom: -157px;
            z-index: 12;
            transition: all 0.5s;
            opacity: 0;
        }

        .cbcn-support-img2.active {
            opacity: 1;
            bottom: -57px;
            transition: all 0.5s;
        }

        .cbcn-support-txt2 {
            position: absolute;
            display: inline-flex !important;
            right: 80px;
            top: 183px;
            flex-direction: column;
            align-items: center;
            gap: 15px;
            transition: all 0.5s;
            opacity: 0;
        }

        .cbcn-support-txt2.active {
            opacity: 1;
            right:  0px;
            transition: all 0.5s;
        }

        .cbcn-support-txt1 {
            position: absolute;
            left: 100px;
            top: 183px;
            display: inline-flex;
            flex-direction: column;
            transition: all 0.5s;
            align-items: center;
            opacity: 0;
            gap: 15px;
        }
        .cbcn-support-txt1.active {
            transition: all 0.5s;
            opacity: 1;
            left: 40px;
        }

        .cbcn-support-txt1.active1 {
            transition: all 0.5s;
            opacity: 1;
            left: 0px;
        }

    }

    /* undisputeddurability */
    @media screen {
        .cbcn-undisputeddurability-section .cbcn-title {
            gap: 1.8em;
        }

        .cbcn-undisputeddurability-txt {
            text-align: center;
            font-family: "vivo Sans Global";
            font-size: 6.4em;
            font-style: normal;
            font-weight: 500;
            line-height: 120.313%;
        }
    }

    /*durability */
    @media screen {
        .cbcn-durability-head {
            background: linear-gradient(180deg, #FFF 0%, #FEE2B2 22.6%, #6D614C 100%);
            background-clip: text;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        .cbcn-durability-swiper {
            margin-top: 2.5em;
        }

        .cbcn-durability-card {
            position: relative;
            width: 49em;
            height: 30em;
            padding: 1.5em 2em;
        }

        .cbcn-durability-img {
            position: absolute;
            top: 0;
            left: 0;
            z-index: -1;
        }

        .cbcn-durability-icon {
            width: 2.4em;
            height: 2.5em;
        }

        .cbcn-durability-title {
            width: 38em;
            margin-top: 1.25em;
        }

        .cbcn-durability-data {
            width: 25.85em;
            justify-content: space-between;
            align-items: center;
            margin-top: 5.85em;
        }

        .cbcn-durability-btnList {
            height: 0.3em;
            border-radius: 0.45em;
            margin-top: 2.5em;
            width: 35em;
            gap: 1em;
            justify-content: space-between;
            align-items: center;
        }

        .cbcn-durability-btn {
            --progress: 0%;
            position: relative;
            width: 17em;
            height: 0.3em;
            border-radius: 0.45em;
            background: rgba(255, 255, 255, 0.14);
            cursor: pointer;
        }

        .cbcn-durability-btn.active::before {
            content: "";
            position: absolute;
            height: 100%;
            width: var(--progress);
            border-radius: 0.45em;
            background: rgba(255, 255, 255, 0.68);
            transition: width 0.1s;
        }
    }

    /* gemini */
    @media screen {
        .cbcn-gemini-title {
            gap: 15px;
            align-items: center;
            transform: translateY(0em);
            transition: all 2s;
        }

        .cbcn-gemini-title.active {
            opacity: 1;
            transform: translateY(0em);
            transition: all 0.5s;
        }

        .cbcn-gemini-swiper {
            border-radius: 1.5em;
            overflow: hidden;
            width: 48.95em;
            height: 29em;
            margin-top: 60px;
        }

        .cbcn-gemini-slide {
            width: 980px;
            height: 580px;
            border-radius: 30px;
            overflow: hidden;
        }

        .cbcn-gemini-videoBtn-list {
            margin-top: 60px;
            justify-content: center;
            align-items: center;
        }

        .cbcn-gemini-videoBtn:nth-child(1).progress::after {
            transition: width 11s linear !important;
            width: calc(100% - 0.4em);
        }

        .cbcn-gemini-videoBtn:nth-child(2).progress::after {
            transition: width 10s linear !important;
            width: calc(100% - 0.4em);
        }

        .cbcn-gemini-videoBtn:nth-child(3).progress::after {
            transition: width 13s linear !important;
            width: calc(100% - 0.4em);
        }
    }

    /* call */
    @media screen {
        .cbcn-call-section.bk {
            background: #0C0C0D;
        }

        .cbcn-call-item1 {
            /* 小语种注意 */
            height: 620px;
        }

        .cbcn-call-item2 {
            flex-direction: row-reverse;
            gap: 16px;
        }

        .cbcn-call-item2 .cbcn-call-img {
            position: absolute;
            bottom: 0;
            width: 29.35em;
            height: 21.5em;
        }

        /* 信息盒子 */
        .cbcn-call-info {
            position: relative;
            background: #000;
            padding: 1.6em;
            border-radius: 1.5em;
            align-items: center;
            width: 647px;
            height: 33em;
        }

        .cbcn-call-icon {
            width: 15.65em;
            height: 33em;
            padding: 60px 30px;
            align-items: center;
            justify-content: space-between;
            border-radius: 1.5em;
            background: linear-gradient(180deg, #FFF 0%, #FEE2B2 22.6%, #6D614C 100%);
        }

        .cbcn-call-icon .cbcn-hg3 {
            color: rgba(0, 0, 0, 0.93);
        }

        .cbcn-call-iconimg {
            height: 10em;
            width: 10em;
        }

        .cbcn-call-icon .cbcn-hg4 {
            color: rgba(0, 0, 0, 0.93) !important;
        }

    }


    /* features */
    @media screen {
        .cbcn-features-section.bk {
            background: #0C0C0D;
        }

        .cbcn-features-section {
            padding: 173px 0;
        }

        .cbcn-features-item {
            height: auto;
            justify-content: space-between;
        }

        .cbcn-features-slide picture {
            position: relative;
            z-index: 10;
            background-color: #fff;
        }

        .cbcn-features-slide picture {
            position: relative;
            z-index: 10;
            background-color: #fff;
        }

        .cbcn-features-Center {
            position: absolute;
            top: 6px;
            left: 9px;
        }

        .cbcn-features-slide .cbcn-features-picture {
            width: 285px;
            height: 630px;
            overflow: hidden;
            border-radius: 0.75em;
            z-index: 9;
            position: absolute;
        }

        .cbcn-features-slide video {
            width: 285px;
            height: 630px;
            overflow: hidden;
            border-radius: 0.75em;
            z-index: 9;
            position: absolute;
        }

        /* 信息盒子 */
        .cbcn-features-info {
            background: #000;
            padding: 50px 50px 0px 50px;
            border-radius: 30px;
            align-items: center;
            width: 32.35em;
            height: 33em;
            position: relative;
        }

        .cbcn-features-title .cbcn-title.index1 {
            opacity: 0;
            transition: all 0.3s;
        }

        .cbcn-features-title .cbcn-title.index2,
        .cbcn-features-title .cbcn-title.index3,
        .cbcn-features-title .cbcn-title.index4 {
            position: absolute;
            top: 0px;
            transition: all 0.3s;
            left: 0px;
            opacity: 0;
        }

        .cbcn-features-title .cbcn-title.index1.active {
            opacity: 1;
            transition: all 0.3s;
        }

        .cbcn-features-title .cbcn-title.index2.active,
        .cbcn-features-title .cbcn-title.index3.active,
        .cbcn-features-title .cbcn-title.index4.active {
            transition: all 0.3s;
            opacity: 1;
        }

        .cbcn-features-item1 {
            /* 小语种注意 */
            height: 620px;
        }

        .cbcn-features-item1 .cbcn-features-title {
            height: 100%;
            width: 247px;
            position: relative;
            justify-content: space-between;
        }

        .cbcn-features-item2 .cbcn-features-img {
            width: 480px;
            height: 318px;
            margin-top: 30px;
            margin-bottom: 30px;
        }

        .cbcn-features-item3 .cbcn-features-img {
            width: 100%;
            height: 352px;
            margin-top: 30px;
        }

        /* 图标盒子 */
        .cbcn-features-icon {
            height: auto;
            width: 313px;
            padding: 60px 30px;
            border-radius: 30px;
            align-items: center;
            justify-content: space-between;
            background: linear-gradient(180deg, #FFF 0%, #FEE2B2 22.6%, #6D614C 100%);
        }

        .cbcn-features-iconimg {
            height: 10em;
            width: 10em;
        }

        /* 轮播 */
        .cbcn-features-swiper {
            position: absolute;
            width: 304px;
            height: 642.178px;
            bottom: 68px;
            right: 31.08px;
        }

        .cbcn-features-videoBtn-list {
            margin-bottom: 20px;
        }

        .cbcn-features-videoBtn.progress::after {
            width: calc(100% - 0.4em);
            transition: width 10s linear;
        }

        .cbcn-features-videoBtn:nth-child(2).progress::after {
            transition: width 3s linear !important;
        }

        .cbcn-features-slide {
            width: 15.2em;
            height: 32.4em;
            overflow: hidden;
            border-radius: 0.75em;
            z-index: 9;
        }
    }

    /* remark */
    @media screen {

        .cbcn-remark-section ul,
        .cbcn-remark-section ol {
            padding-inline-start: 2em;
        }

        .cbcn-remark-section li,
        .cbcn-remark-section p {
            color: rgba(255, 255, 255, 0.68);
            opacity: 0.6;
        }
    }

}


@media screen and (max-width: 1439px) and (min-width: 981px) {

    .cbcn-navigation-section {
        font-size: 20px !important;
        font-size: 1.0416666667vw !important;
    }

    .cbcn-navigation-section .cbcn-hg5 {
        /* font-size: 1.4em !important; */
    }

    .cbcn-navigation-section .cbcn-b2 {
        font-size: 0.95em !important;
    }


    .cbcn-gamebox-btnList {
        display: flex;
        padding: 0.4em;
        align-items: center;
        border-radius: 49.95em;
        background: rgba(255, 255, 255, 0.14);
        backdrop-filter: blur(calc(30px) / 2);
        gap: 0.4em;
    }

    .cbcn-gamebox-btnList p {
        /* body 2 二级正文 */
        font-size: var(--semantic-font-size-body-2, 0.95em) !important;
        line-height: var(--semantic-font-line-height-body-2, 1.4em) !important;
    }

    .cbcn-night-content {
        width: 49em;
    }

    .cbcn-durability-content {
        width: 95vw;
    }

    .cbcn-aisoft-content {
        width: 49em;
        justify-content: center;
    }

    .cbcn-aisoft-title {
        width: 22em;
        gap: 0.4em;
    }

    .cbcn-aisoft-title .cbcn-h1 {
        font-size: var(--semantic-font-size-head-2, 2.9em) !important;
        line-height: var(--semantic-font-line-height-head-2, 3.45em) !important;
    }

    .cbcn-aisoft-title .cbcn-b1 {
        font-size: var(--semantic-font-size-body-2, 0.95em) !important;
        line-height: var(--semantic-font-line-height-body-2, 1.4em) !important;
    }

    .cbcn-aisoft-desc {
        margin-top: 0.5em;
    }

    .cbcn-aisoft-desc .cbcn-hg4 {
        font-size: var(--semantic-font-size-highlight-5, 1.4em) !important;
        line-height: var(--semantic-font-line-height-highlight-5, 1.8em) !important;
    }

    .cbcn-aisoft-img img {
        height: 32.23em !important;
        width: 49em !important;
        object-fit: contain !important;
        object-position: bottom !important;
    }

    .cbcn-chip-btnList2 {
        left: 13em;
    }

    .cbcn-chip-btnList2 .cbcn-hg2 {
        font-size: 3.85em !important;
    }

    .cbcn-chip-btnList1 {
        right: 34px;
    }

    .cbcn-eye-marging-top .cbcn-h1 {
        font-size: 60px !important;
    }

    /*.cbcn-durability-img {*/
    /*    width: 50vw;*/
    /*}*/
}