#morandi {
    font-weight: 500;
    line-height: 1.6;
    background: #f6f8f6;
}

#morandi .blur-up {
    filter: blur(20px);
    transition: filter .2s;
    will-change: filter
}

#morandi .blur-up.lazyloaded {
    filter: blur(0)
}

#morandi section {
    position: relative
}

#morandi .sticky-container {
    position: sticky;
    z-index: 2;
    top: 0
}

#morandi .space-100vh {
    position: relative;
    height: 100vh
}

.morandi-slideup-popup-active {
    overflow: hidden
}

.morandi-slideup-popup-active #morandi .morandi-slideup-popup-container {
    z-index: 999;
    pointer-events: all;
    visibility: visible
}

.morandi-slideup-popup-active #morandi .morandi-slideup-popup-container .content-overlay {
    opacity: 1
}

.morandi-slideup-popup-active #morandi .morandi-slideup-popup-container .popup-content {
    transform: translateY(0);
    color: #fff;
    transition: all .4s
}

#morandi sup {
    font-size: .6em;
    cursor: pointer;
    display: inline-block
}

#morandi sup a {
    color: inherit
}

#morandi a {
    line-height: 1.6
}

#morandi .swiper-button-next.swiper-button-disabled,
#morandi .swiper-button-prev.swiper-button-disabled {
    opacity: 1;
}

#morandi .swiper-button-prev:after,
#morandi .swiper-button-next:after {
    content: '';
}

#morandi img,
#morandi video,
#morandi canvas {
    display: block;
    width: 100%
}

#morandi .common-video-btn {
    position: absolute;
    display: flex;
    align-items: center;
    opacity: 0;
    right: 1.666667vw;
    bottom: 1.666667vw;
    z-index: 6;
    cursor: pointer;
    pointer-events: none;
    transform: translateZ(1px);
    transition-duration: .3s;
}

#morandi .common-video-btn.active {
    opacity: 1;
    pointer-events: all;
}

#morandi .common-video-btn span.text-22 {
    color: #fff;
    width: auto;
    display: block;
    margin-right: .625vw;
}

#morandi .common-video-btn .video-btn-text-wrap {
    position: relative
}

#morandi .loop-video-wrap .common-video-btn .video-btn-icon-wrap::after {
    display: none;
}

#morandi .common-video-btn .video-btn-icon-wrap {
    position: relative;
}

#morandi .common-video-btn .video-btn-icon {
    width: 2.5vw;
}

#morandi .common-video-btn .video-btn-icon-1 {
    position: relative;
}

#morandi .common-video-btn .video-btn-icon-1.active {
    opacity: 1;
    z-index: 3;
    pointer-events: all
}

#morandi .common-video-btn .video-btn-icon-wrap {
    transition: opacity .3s;
}

#morandi .common-video-btn .video-btn-icon-wrap:hover {
    opacity: .6;
}

#morandi .common-video-btn .video-btn-icon-wrap::after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    overflow: hidden;
    z-index: -1;
}

#morandi .common-video-btn .video-btn-icon-wrap .video-play-btn-start {
    display: flex;
    width: 2.5vw;
    opacity: 0;
    transition: opacity .3s ease
}

#morandi .common-video-btn .video-btn-icon-wrap .video-play-btn-pause,
#morandi .common-video-btn .video-btn-icon-wrap .video-play-btn-replay {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    transition: opacity .3s ease
}

#morandi .video-btn-icon-wrap[data-index="1"] .video-play-btn-start {
    opacity: 1
}

#morandi .video-btn-icon-wrap[data-index="2"] .video-play-btn-pause {
    opacity: 1
}

#morandi .video-btn-icon-wrap[data-index="3"] .video-play-btn-replay {
    opacity: 1
}

#morandi svg {
    overflow: visible;
    width: 100%
}

#morandi .flex {
    display: flex;
    align-items: center
}

#morandi .flex-col {
    flex-direction: column
}

#morandi .flex-row {
    flex-direction: row
}

#morandi .text-headline {
    display: flex;
    flex-direction: column;
    align-items: center
}

#morandi .text-96 {
    font-size: 5vw;
    line-height: 1.25;
    font-weight: bold;
}

#morandi .headline-wrap {
    position: relative;
    width: max-content;
    max-width: 67.5%;
    margin: 0 auto;
}

#morandi .text-original {
    position: relative;
    z-index: 1;
}

#morandi .text-copy {
    position: absolute;
    top: 0;
    left: 0;
    text-shadow: 0 0 20px #74AC9D, 0 0 30px #B8E3D7;
    opacity: 0;
    z-index: 0;
}

#morandi .text-64 {
    font-size: 3.333333vw;
    line-height: 1.25
}

#morandi .text-48 {
    font-size: 2.5vw
}

#morandi .text-36 {
    font-size: 1.875vw;
}

#morandi .text-32 {
    font-size: 1.666667vw
}

#morandi .text-22 {
    font-size: 1.145833vw
}

#morandi .text-20 {
    font-size: 1.041667vw
}

#morandi .text-18 {
    font-size: .9375vw
}

#morandi .text-16 {
    font-size: .833333vw
}

#morandi .text-gradient {
    display: inline-block;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    background-image: linear-gradient(101deg, #74AC9D 0%, #B8E3D7 66%, #74AC9D 100%);
    background-size: 100% 100%
}

#morandi .text-cyan {
    color: #89d3c1
}

#morandi .text-grey {
    color: #909090
}

#morandi .text-light {
    color: #fff
}

#morandi .mtop-64 {
    margin-top: 3.333333vw
}

#morandi .mtop-60 {
    margin-top: 3.125vw
}

#morandi .mtop-48 {
    margin-top: 2.5vw
}

#morandi .mtop-46 {
    margin-top: 2.395833vw
}

#morandi .mtop-40 {
    margin-top: 2.083333vw
}

#morandi .mtop-36 {
    margin-top: 1.875vw
}

#morandi .mtop-30 {
    margin-top: 1.5625vw
}

#morandi .mtop-28 {
    margin-top: 1.458333vw
}

#morandi .mtop-15 {
    margin-top: .78125vw;
}

#morandi .mtop-8 {
    margin-top: .416667vw
}

#morandi .lr-content {
    display: flex;
    align-items: flex-start;
    flex-direction: row
}

#morandi .ud-content {
    display: flex;
    flex-direction: column;
    text-align: center
}

#morandi .swiper-button-prev svg,
#morandi .swiper-button-next svg {
    width: 100%;
    height: 100%;
}

#morandi .swiper-button-prev.swiper-button-disabled,
#morandi .swiper-button-next.swiper-button-disabled {
    opacity: 1;
}

#morandi .swiper-button-prev.swiper-button-disabled path,
#morandi .swiper-button-next.swiper-button-disabled path {
    opacity: 0.37;
}

#morandi .swiper-button-prev path,
#morandi .swiper-button-next path {
    opacity: 1;
    transition-duration: .5s;
}

#morandi .section-hero .hero-content {
    position: absolute;
    top: 0;
    right: 8.333333vw;
    bottom: 0;
    text-align: center;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center
}

#morandi .section-hero .hero-logo {
    width: 31.898958vw;
}

#morandi .section-hero .hero-headline {
    letter-spacing: .28em;
    line-height: 1.25;
    margin-top: 2.083333vw;
}

#morandi .section-hero .hero-headline sup {
    display: inline;
    letter-spacing: 0
}

#morandi .section-hero .hero-ksp {
    color: #000;
    width: 100%;
    text-align: center
}

#morandi .section-hero .hero-sku {
    text-align: center
}

#morandi .section-hero .hero-sku .pricing {
    font-size: 1.458333vw;
    line-height: 1.25;
    color: #000
}

#morandi .section-hero .hero-sku .from {
    font-size: .677083vw
}

#morandi .section-hero .hero-sku [data-footnote] {
    font-size: 1em;
    vertical-align: inherit
}


#morandi .section-hero .huawei-product-buy-btn-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 3.333333vw;
}

#morandi .section-hero .huawei-product-buy-btn-price {
    color: #000000;
    font-size: 1.46vw;
    font-weight: 400;
    line-height: 1.25;
}

#morandi .section-hero .huawei-product-buy-btn-price a {
    color: inherit;
}

#morandi .section-hero .huawei-product-buy-btn-price span {
    font-size: 0.677083vw;
    font-weight: 500;
}

#morandi .section-hero .huawei-product-buy-btn {
    color: #FFFFFF;
    font-size: 13px;
    font-weight: 500;
    line-height: 24px;
    text-align: center;
    display: inline-block;
    padding: 6px 20px;
    border: 2px solid #000;
    background: #000000;
    transition: 0.3s ease-out;
    margin-top: 24px;
    cursor: pointer;
    border-radius: 6px;
}

#morandi .section-hero .huawei-product-buy-btn:hover {
    opacity: .8;
}

#morandi .section-reasons {
    width: 100%;
    background: #f6f8f6;
    position: relative;
    padding-top: 10.416667vw;
}

#morandi .section-reasons::after {
    content: "";
    width: 100%;
    height: 380.78125vw;
    position: absolute;
    top: 100%;
    left: 0
}

#morandi .section-reasons .swiper-slide {
    width: 67.5vw;
    height: 38.020833vw;
    margin: auto 1.6666vw;
    transition: none;
    position: relative
}

#morandi .section-reasons .swiper-slide .reasons-wrap {
    width: 100%;
    height: 100%;
    border-radius: .833333vw;
    background: linear-gradient(109deg, rgba(149, 209, 193, 0.5), transparent, rgba(149, 209, 193, 0.5));
    padding: 2px
}

#morandi .section-reasons .swiper-slide .reasons-wrap img,
#morandi .section-reasons .swiper-slide .reasons-wrap video {
    border-radius: .729167vw;
    overflow: hidden
}

#morandi .section-reasons .swiper-slide .reasons-con {
    position: relative
}

#morandi .section-reasons .swiper-slide .reasons-title {
    width: 90%;
    position: absolute;
    top: 2.291667vw;
    left: 2.5vw;
    transform: translateZ(1px);
}

#morandi .section-reasons .swiper-slide .reasons-title p {
    line-height: 1.25
}

#morandi .section-reasons .swiper-slide-prev,
#morandi .section-reasons .swiper-slide-next {
    cursor: pointer
}

#morandi .section-reasons .swiper-button-center {
    width: 13.854167vw;
    margin: 0 auto;
    height: 3.33vw;
    border-radius: 1.666667vw;
    position: relative;
    margin-top: 2.08333vw
}

#morandi .section-reasons .shine-wrapper {
    position: relative;
}

#morandi .section-reasons .shine-wrapper::after {
    content: '';
    position: absolute;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    top: 2px;
    left: 2px;
    border-radius: 9999px;
    -webkit-border-radius: 9999px;
    background: #fff;
}

#morandi .section-reasons .shine-wrapper .shine-item {
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    will-change: transform;
    transform: translateZ(-0.0001px);
}

#morandi .section-reasons .shine-wrapper .shine-item::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background-image: radial-gradient(closest-side, rgba(149, 209, 193, 0.5) 20%, transparent);
}

#morandi .section-reasons .shine-wrapper .shine-background {
    width: 5.625vw;
    height: 5.625vw;
}

#morandi .section-reasons .shine-wrapper .shine-background::after {
    opacity: 1;
}

#morandi .section-reasons .shine-wrapper .shine-border {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 4px;
    pointer-events: none;
    border-radius: 9999px;
    -webkit-border-radius: 9999px;
    transform: translateZ(0.0001px);
    will-change: transform;
}

#morandi .section-reasons .shine-wrapper .shine-border::before {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    content: "";
    border-radius: 9999px;
    -webkit-border-radius: 9999px;
    /* box-shadow: inset -0.15625vw -0.260417vw 1.5625vw rgba(202, 180, 159, 0.5);
    -webkit-box-shadow: inset -0.15625vw -0.260417vw 1.5625vw rgba(202, 180, 159, 0.5); */
    transform: translateZ(-0.0001px);
    will-change: transform;
}

#morandi .section-reasons .shine-wrapper .shine-border::after {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
    content: "";
    border-radius: 9999px;
    -webkit-border-radius: 9999px;
    background: #fff;
    backdrop-filter: blur(.5vw);
    opacity: .6;
}

#morandi .section-reasons .shine-wrapper.shine-cursor .shine-item {
    transition: opacity 0.3s;
    transform: translate3d(calc(var(--shine-x, 0) - 50%), calc(var(--shine-y, 0) - 50%), 0);
    opacity: 0;
}

#morandi .section-reasons .shine-wrapper.shine-cursor .shine-item::after {
    transition: transform 0.3s;
    transform: scale(0);
}

#morandi .section-reasons .shine-wrapper.shining .shine-item {
    opacity: 1;
}

#morandi .section-reasons .shine-wrapper.shining .shine-item::after {
    transform: scale(1);
}

#morandi .section-reasons .swiper-button-center .swiper-pagination {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: inline-flex;
    align-items: center;
    justify-content: center
}

#morandi .section-reasons .swiper-button-center .swiper-pagination-bullet {
    width: .52vw;
    height: .52vw;
    margin: auto .260417vw;
    background: #95d1c1;
    transition: all .8s;
    opacity: .2
}

#morandi .section-reasons .swiper-button-center .swiper-pagination-bullet-active {
    background-color: #95d1c1;
    opacity: .8;
    transition: all .8s
}

#morandi .section-reasons .swiper-button-center .swiper-button-prev {
    left: 1.666667vw;
    color: #fff;
    width: .7364583vw;
    height: 1.178646vw;
    font-weight: bold;
    margin: 0;
    transform: translateY(-50%);
    transition-duration: .3s
}

#morandi .section-reasons .swiper-button-center .swiper-button-prev::after {
    content: ""
}

#morandi .section-reasons .swiper-button-center .swiper-button-prev svg {
    width: 100%;
    height: 100%
}

#morandi .section-reasons .swiper-button-center .swiper-button-next {
    right: 1.666667vw;
    color: #fff;
    width: .7364583vw;
    height: 1.178646vw;
    font-weight: bold;
    margin: 0;
    transform: translateY(-50%);
    transition-duration: .3s
}

#morandi .section-reasons .swiper-button-center .swiper-button-prev:hover,
#morandi .section-reasons .swiper-button-center .swiper-button-next:hover {
    opacity: 0.6;
}

#morandi .section-reasons .swiper-button-center .swiper-button-next::after {
    content: ""
}

#morandi .section-reasons .swiper-button-center .swiper-button-next svg {
    width: 100%;
    height: 100%
}

#morandi .section-reasons .mouse-enter .shine-cursor .shine-box {
    width: 4.166667vw;
    transform: translate3d(calc(var(--shine-x, 0px) - 50%), -50%, 0)
}

#morandi .section-reasons .no-transition .shine-cursor .shine-box {
    transition: none
}

#morandi .theme-cyan {
    background: #f6f8f6
}

#morandi .theme-dark {
    background: #000
}

#morandi .theme-dark .text-64 {
    color: #fff
}

#morandi .media-container {
    width: 100%;
    margin: 3.125vw auto 0;
    position: relative
}

#morandi .section-headline {
    text-align: center;
    padding: 9.895833vw 0
}

#morandi .section-headline .text-original {
    transition-duration: .6s;
    z-index: 1;
    opacity: 0.37;
    will-change: opacity;
}

@keyframes opacityChange {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 0.5;
    }

    100% {
        opacity: 0;
    }
}

@keyframes textChange2 {
    0% {
        background-position-x: 50%;
    }

    100% {
        background-position-x: 100%;
    }
}

#morandi .section-headline.animated .text-96>.text-original,
#morandi .section-headline.animated2 .text-96.text-original {
    opacity: 1;
}

#morandi .section-headline .text-96>.text-gradient {
    padding-bottom: 3px;
    background-image: linear-gradient(122deg, #74AC9D 0%, #74AC9D 50%, #B8E3D7 60%, #D7FCEC 68%, #74AC9D 80%, #74AC9D 100%);
    background-size: 150% 100%;
    background-position-x: 150%;
}

#morandi .section-headline.animated .text-original {
    opacity: 1;
}

#morandi .section-headline.animated .text-96>.text-gradient {
    transition-duration: 1s;
    background-position-x: 50%;
}

#morandi .section-headline.animated2 .text-copy {
    animation: opacityChange 2s linear 0s;

}

#morandi .section-headline.animated2 .text-96>.text-gradient {
    transition-duration: 1s;
    background-position-x: 100%;
}

#morandi .theme-cyan .text-original {
    transition-duration: 1s;
}

#morandi .theme-cyan .text-96>.text-gradient {
    background-size: 160% 100%;
    background-position-x: 160%;
}

#morandi .theme-cyan.animated .text-original {
    opacity: 1;
}

#morandi .theme-cyan.animated2 .text-copy {
    animation: none;

}

#morandi .theme-cyan.animated .text-96>.text-gradient {
    transition-duration: 2s;
    background-position-x: -40%;
}

#morandi .theme-cyan.animated2 .text-96>.text-gradient {
    transition-duration: 1s;
    background-position-x: -40%;
}

#morandi .section-text {
    width: 67.5vw;
    margin-left: auto;
    margin-right: auto
}

#morandi .text-container {
    width: 67.5vw;
    margin-left: auto;
    margin-right: auto;
    text-align: center
}

#morandi .section-content .text-64 {
    max-width: 67.5vw;
    margin-left: auto;
    margin-right: auto;
}

#morandi .pt-0 {
    padding-top: 0
}

#morandi .pb-0 {
    padding-bottom: 0
}

#morandi .abso {
    position: absolute;
    transition-duration: .5s;
}

#morandi .nowrap {
    white-space: nowrap
}

.screen-trigger {
    position: relative;
    top: 10.416667vw;
}

#morandi .section-canvas {
    padding: 10.416667vw 0 9.895833vw;
}

#morandi .system-screen .abso {
    will-change: transfrom, opacity;
}

#morandi .system-screen .media-container {
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    margin-top: 10.416667vw;
    padding-bottom: 3.125vw;
    overflow: hidden;
}

#morandi .system-screen .screen-box {
    position: relative;
    width: 100%;
    height: 56.25vw;
    top: -3.125vw;
    left: 1.5625vw;
    display: flex;
    align-items: center;
    justify-content: center;
}

#morandi .system-screen .media-container .screen-img-c,
#morandi .system-screen .media-container .screen-img-copy {
    width: 124.56vw;
    transform-origin: center 30%;
}

#morandi .system-screen .media-container .screen-img-clip {
    width: 102.56vw;
    height: 100vh;
    clip-path: inset(0% round 1.111111vw);
    transform-origin: center 30%;
    overflow: hidden;
}

#morandi .system-screen .media-container .screen-img-bg {
    width: 124.56vw;
    transform-origin: center 30%;
}

#morandi .system-screen .media-container .screen-img-character {
    width: 124.56vw;
}

#morandi .system-screen .media-container .screen-img-arch {
    width: 124.56vw;
}

#morandi .system-screen .media-container .screen-img-niao-l-big {
    width: 16.145833vw;
    left: 20%;
    opacity: 0;
}

#morandi .system-screen .media-container .screen-img-niao-r-big {
    width: 13.59375vw;
    left: 67%;
    opacity: 0;
}

#morandi .system-screen .media-container .screen-img-parterre-small {
    width: 124.56vw;
}

#morandi .system-screen .media-container .screen-img-parterre-big {
    width: 124.56vw;
    opacity: 0;
    transform: scale(0.5) translateX(-2vw);
}

#morandi .system-screen .media-container .screen-img-niao-l-small {
    width: 4.583333vw;
    left: 43.5%;
    opacity: 0;
}

#morandi .system-screen .media-container .screen-img-niao-r-small {
    width: 9.375vw;
    left: 52.5%;
    opacity: 0;
}

#morandi .system-screen .media-container .screen-img-niao-l-middle {
    width: 15vw;
    left: 34%;
    opacity: 0;
}

#morandi .system-screen .media-container .screen-img-plant-l {
    width: 124.56vw;
    opacity: 0;
    transform: scale(0.5) translateX(-2vw);
}

#morandi .system-screen .media-container .screen-img-plant-r {
    width: 124.56vw;
    opacity: 0;
    transform: scale(0.5) translateX(-2vw);
}

#morandi .system-screen .media-container .screen-img-willow-outline {
    width: 103.6vw;
    height: 67.58333vw;
    transform: scale(0.5) translateX(-1.4vw) translateY(2.2vw);
    opacity: 0;
    overflow: hidden;
}

#morandi .system-screen .media-container .screen-img-willow-l {
    /* opacity: 0; */
    width: 124.56vw;
    left: -10.3vw;
    top: -26.3vw;
    transform: scale(1) translateX(0);
}

#morandi .system-screen .media-container .screen-img-willow-r {
    width: 124.56vw;
    /* width: 100%; */
    right: -12.7vw;
    top: -24.9vw;
    transform: scale(1) translateX(0);
    /* opacity: 0; */
}

#morandi .system-screen .media-container .screen-img-willow-inner {
    width: 124.56vw;
    transform: scale(0.5) translateX(0);
    opacity: 0;
}

#morandi .system-screen .media-container .screen-img-plume-l {
    width: 10.496354vw;
    left: 27%;
    top: 72%;
    opacity: 0;
}

#morandi .system-screen .media-container .screen-img-plume-r {
    width: 14.785938vw;
    left: 64%;
    top: 72%;
    opacity: 0;
}

#morandi .system-screen .media-container .screen-img-light {
    width: 30.78125vw;
    left: 38%;
    top: 61%;
    opacity: 0;
}

#morandi .system-screen .media-container .screen-img-mask {
    transform-origin: center 30%;
    width: calc(124.56vw - 3px);
    padding-left: 2px;
    padding-right: 1px;
}

#morandi .system-screen .section-text {
    width: 43.020833vw;
    margin-top: -1.041667vw;
}

#morandi .system-screen .feature-container {
    position: relative
}

#morandi .system-screen .feature-row {
    display: flex;
    justify-content: center;
    margin: 2.135417vw auto 0;
    width: 60.625vw;
    flex-wrap: wrap
}

#morandi .system-screen .feature-item {
    width: 16.145833vw;
    margin-right: 4.0625vw;
    margin-top: 3.90625vw
}

#morandi .system-screen .feature-item-right {
    margin-right: 0
}

#morandi .system-screen .feature-item-3 img {
    width: 13.096875vw;
    margin-top: .78125vw;
    margin-left: auto;
    margin-right: auto;
}

#morandi .system-screen .feature-item-6 img {
    width: 12.848438vw;
    margin-left: auto;
    margin-right: auto;
}

#morandi .system-screen .feature-num {
    font-weight: bold;
    line-height: 1.25;
    margin-bottom: .416667vw;
    background-image: linear-gradient(135deg, #BBE2DE 0%, #57938C 100%)
}

#morandi .system-screen .feature-text {
    color: #909090
}

#morandi .oled-screen {
    width: 100%;
    overflow: hidden;
}

#morandi .oled-screen .section-text {
    width: 50.416667vw
}

#morandi .oled-screen .media-container {
    width: 64.6875vw;
    margin-top: 3.90625vw;
}

#morandi .oled-screen .oled-dark {
    position: absolute;
    top: .260417vw;
    left: 0;
    width: 100%;
    opacity: 1;
    overflow: hidden;
    transition: opacity 1s
}

#morandi .oled-screen .oled-light-box {
    width: 55.989583vw;
    height: 17.083333vw;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    clip-path: polygon(98.41% 91.69%, 82.62% 1.7%, 17.35% 1.64%, 1.57% 91.59%);
}

#morandi .oled-screen .oled-light {
    position: absolute;
    width: 19.052vw;
    top: -22.604vw;
    left: 24.557292vw;
    transform: rotate(30deg) translate(-26vw, 21vw);
    transition-duration: 1.5s;
    opacity: 1
}

#morandi .oled-screen .oled-light img {
    opacity: 1;
    transition-duration: .3s
}

#morandi .oled-screen.active .oled-dark {
    transition-delay: .3s;
    opacity: 0
}

#morandi .oled-screen.active .oled-light {
    transform: rotate(30deg) translate(36vw, -9vw)
}

#morandi .oled-screen.active .oled-light img {
    transition-delay: 1.5s;
    opacity: 0
}

#morandi .oled-screen .oled-items {
    position: relative;
    display: flex;
    align-items: flex-start;
    margin: -4.53125vw auto 0;
    width: 62.96875vw;
    justify-content: center;
    flex-wrap: wrap
}

#morandi .oled-screen .oled-items .oled-item {
    width: max-content;
    margin-right: 3.385417vw;
    display: flex;
    flex-direction: row;
    margin-bottom: 0
}

#morandi .oled-screen .oled-items .oled-item .oled-headline {
    line-height: 1.25;
    width: auto
}


#morandi .oled-screen .oled-items .oled-item:last-child {
    margin-right: 0
}

#morandi .oled-screen .oled-items .oled-item-2 .oled-left-icon {
    margin-left: 0;
}

#morandi .oled-screen .oled-items .oled-left-icon {
    width: 3.697917vw;
    flex-shrink: 0;
    margin-right: .833333vw
}

#morandi .oled-screen .oled-items .oled-right-content {
    text-align: left;
    display: flex;
    flex-direction: column;
    justify-content: center
}

#morandi .oled-screen .oled-items .oled-right-content p {
    color: #909090;
    margin-top: .260417vw
}

#morandi .oled-screen .oled-items .oled-item-4 .oled-left-icon {
    width: 6.560938vw
}

#morandi .oled-screen .section-des {
    width: 47.916667vw;
    margin: 3.333333vw auto 0;
}

#morandi .section-design {
    padding-top: 9.375vw;
}

#morandi .design-canvas {
    width: 27.083333vw;
    height: 16.25vw;
    margin-left: auto;
    margin-right: auto;
}

#morandi .design-canvas canvas {
    width: 100%;
    height: 100%;
}

#morandi .shimmering-design .media-container {
    width: 81.25vw;
    border-radius: .833333vw;
    margin-top: 8.333333vw;
    overflow: hidden
}

#morandi .shimmering-design .feature-container {
    width: 67.5vw;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row
}

#morandi .shimmering-design .feature-item {
    text-align: left;
    max-width: 11.979167vw
}

#morandi .shimmering-design .feature-line {
    margin: .625vw 3.333333vw 0;
    width: 1px;
    height: 5.208333vw;
    background: linear-gradient(to bottom, transparent 0%, rgba(149, 209, 193, 0.92) 25%, rgb(149, 209, 193) 75%, transparent 100%)
}

#morandi .shimmering-design .feature-num {
    line-height: 1;
    background-image: linear-gradient(to right, #BBE2DE 0%, #57938C 100%)
}

#morandi .shimmering-design .feature-large {
    line-height: 1.25
}

#morandi .shimmering-design .text-32 {
    line-height: 1.25
}

#morandi .shimmering-design .section-text {
    width: 25.208333vw;
    margin-right: 0;
    text-align: left
}

#morandi .color-design {
    z-index: 2;
}


#morandi .color-design .sticky-container {
    z-index: 1
}

#morandi .color-design .section-content {
    width: 100%;
    overflow: hidden;
}

#morandi .color-design .color-swiper {
    width: 67.291667vw;
    margin: 3.333333vw auto 0
}

#morandi .color-design .color-wrap {
    width: 100%;
    height: 100%;
    border-radius: .833333vw;
    background: linear-gradient(109deg, rgba(149, 209, 193, 0.5), transparent, rgba(149, 209, 193, 0.5));
    padding: 2px;
    box-sizing: border-box;
}

#morandi .color-design .color-wrap img {
    border-radius: .729167vw;
    overflow: hidden
}

#morandi .color-design .swiper-slide {
    position: relative;
    border-radius: .833333vw;
    overflow: inherit
}

#morandi .color-design .swiper-effect-btn {
    position: relative;
    visibility: hidden;
}

#morandi .color-design .swiper-effect-btn.active {
    visibility: visible;
}

#morandi .color-design .swiper-pagination {
    bottom: unset;
    top: 100%;
    right: 0;
    margin: 2.34375vw 0 0 auto;
    width: -moz-max-content;
    width: max-content
}

#morandi .color-design .swiper-pagination-bullet {
    position: relative;
    width: 2.5vw;
    height: 2.5vw;
    background: none;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin: 0 1.25vw;
    opacity: 1
}

#morandi .color-design .swiper-pagination-bullet .outside-circle {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    opacity: 0;
    transition: opacity .5s
}

#morandi .color-design .swiper-pagination-bullet .inside-circle {
    display: inline-flex;
    width: 2.083333vw;
    height: 2.083333vw;
    box-sizing: border-box;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


#morandi .color-design .swiper-pagination-bullet:nth-child(3) .outside-circle {
    background: rgba(255, 255, 255, .5)
}

#morandi .color-design .swiper-pagination-bullet:nth-child(3) .inside-circle {
    background: linear-gradient(130deg, #FFFFFF, #C9CCCC)
}

#morandi .color-design .swiper-pagination-bullet:nth-child(2) .outside-circle {
    background: rgba(84, 84, 84, .5)
}

#morandi .color-design .swiper-pagination-bullet:nth-child(2) .inside-circle {
    background: #545454
}

#morandi .color-design .swiper-pagination-bullet:nth-child(1) .outside-circle {
    background: linear-gradient(109deg, rgb(149, 209, 168), rgba(149, 209, 168, 0.53), rgb(149, 209, 168))
}

#morandi .color-design .swiper-pagination-bullet:nth-child(1) .inside-circle {
    background: #D8EEDF
}

#morandi .color-design .swiper-pagination-bullet:last-child {
    margin-right: 0
}

#morandi .color-design .swiper-pagination-bullet-active .outside-circle {
    opacity: 1
}

#morandi .color-design .swiper-pagination-bullet:nth-child(1).swiper-pagination-bullet-active .outside-circle {
    opacity: .5
}

#morandi .color-design .color-left {
    position: absolute;
    width: 100%;
    height: 100%;
    top: -2px;
    left: 2px;
    transition-delay: .4s;
    clip-path: inset(0% 0% round .729167vw);
}

#morandi .color-design .color-left img {
    position: absolute;
    width: 106.25vw;
    left: -83.0625vw;
    top: 5.677083vw;
    transform-origin: 79%
}

#morandi .color-design .swiper-effect-wrap {
    position: relative;
    width: 36.458333vw;
    margin-left: 0;
    margin-top: 1.770833vw;
    text-align: left;
    min-height: 3.333333vw;
    display: flex;
    align-items: flex-start;
    visibility: hidden;
}

#morandi .color-design .swiper-effect-wrap.active {
    visibility: visible;
}

#morandi .color-design .swiper-effect-wrap .swiper-effect-text {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

#morandi .color-design .swiper-effect-wrap .swiper-effect-text .color-name {
    margin-right: 1.25vw;
    line-height: 1.25;
}

#morandi .color-design .swiper-effect-wrap .swiper-effect-text-1 {
    position: relative;
    opacity: 1
}

#morandi .color-design .swiper-effect-wrap .swiper-effect-text,
#morandi .color-design .swiper-color-name .color-name {
    opacity: 0
}

#morandi .color-design .swiper-effect-wrap[data-index="0"] .swiper-effect-text-1,
#morandi .color-design .swiper-color-name[data-index="0"] .color-name-1 {
    opacity: 1
}

#morandi .color-design .swiper-effect-wrap[data-index="1"] .swiper-effect-text-2,
#morandi .color-design .swiper-color-name[data-index="1"] .color-name-2 {
    opacity: 1
}


#morandi .color-design .swiper-effect-wrap[data-index="2"] .swiper-effect-text-3,
#morandi .color-design .swiper-color-name[data-index="2"] .color-name-3 {
    opacity: 1
}

#morandi .section-performance::before {
    content: "";
    width: 100%;
    height: 55.183333vw;
    position: absolute;
    left: 0;
    top: 0;
    transform: translateY(-35.9375vw);
    background: linear-gradient(to bottom, transparent, rgba(250, 252, 251, 0.12), rgba(243, 248, 245, 0.3), rgb(215, 233, 227), rgb(198, 221, 214));
    z-index: 0
}

#morandi .improve-performance .section-content {
    margin-top: -17.708333vw;
    background-color: #000
}

#morandi .improve-performance .headline-wrap {
    transform: translateY(7.8125vw);
    transition-duration: 0.8s;
    opacity: 0;
}

#morandi .improve-performance .media-container {
    margin-top: 10.416667vw;
    width: 57.291667vw;
    height: auto;
}

#morandi .improve-performance .feature-container {
    display: flex;
    flex-direction: row;
    width: 53.083333vw;
    align-items: center;
    margin: 3.333333vw auto 0;
}

#morandi .improve-performance .headline-wrap.animated {
    transform: translateY(0);
    transition-delay: .2s;
    opacity: 1;
}

#morandi .performance-mask {
    position: absolute;
    width: 100%;
    height: 84vw;
    background: linear-gradient(to bottom, transparent, #D7E9E3 3%, rgba(198, 221, 214, 1), transparent);
    top: -6vw;
    left: 0;
    transform: translateY(0);
    opacity: 1;
    z-index: 1;
    transition-duration: .7s;
}

#morandi .improve-performance {
    background: linear-gradient(to top, #D4E7E1, #C6DDD6 60%, rgba(198, 221, 214, 1), transparent);
}

#morandi .improve-performance.animated .performance-mask {
    opacity: 0;
}

#morandi .improve-performance .shadow {
    position: absolute;
    width: 88.31875vw;
    top: -15.260417vw;
    left: 50%;
    opacity: 0;
    transform: translateX(-50%);
    transition-duration: .7s;
}

#morandi .improve-performance.animated .shadow {
    opacity: 1;
    transition-delay: .2s;
}

#morandi .improve-performance .section-text {
    width: 25.729167vw;
    text-align: left;
    margin-right: 0;
}

#morandi .improve-performance .feature-row {
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

#morandi .improve-performance .feature-row .feature-num {
    font-weight: bold;
    display: flex;
}

#morandi .improve-performance .feature-row .num {
    position: absolute;
    left: 0;
    top: 0;
}

#morandi .improve-performance .feature-row .num:nth-child(1) {
    position: relative
}

#morandi .improve-performance .feature-row img {
    width: 1.670312vw;
    margin-left: .78125vw
}

#morandi .improve-performance .feature-row .text-64 {
    display: flex;
    position: relative;
}

#morandi .improve-performance .feature-row .feature-text {
    margin-top: .416667vw;
}

#morandi .improve-performance .num-wrap {
    display: flex;
    overflow: hidden;
    align-items: baseline;
    font-size: 0;
}

#morandi .improve-performance .num-mask {
    position: absolute;
    top: -1%;
    left: 0;
    width: 4.2917vw;
    height: 105%;
    background-image: linear-gradient(to bottom, #000, transparent, #000);
    transition-duration: 1s;
}

#morandi .improve-performance .num-wrap>div {
    display: inline-block;
    font-size: 3.333333vw;
    font-weight: bold;
}

#morandi .improve-performance .num-wrap div {
    height: var(--number-height);
}

#morandi .improve-performance .num-wrap .mbps {
    font-size: 2.5vw;
}

#morandi .improve-performance .num-wrap .mbps span {
    font-size: 1.14583vw;
    color: #ABABAB;
    font-weight: normal;
}

#morandi .improve-performance .num-anim {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}

#morandi .improve-performance .single-num>div {
    -webkit-text-fill-color: #A6DECF;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    background-image: linear-gradient(to right, #BEF5E6 0%, #A6DECF 100%);
    color: transparent;
}

#morandi .improve-performance .num-anim>div {
    background-clip: text;
    -webkit-text-fill-color: #A6DECF;
    -webkit-background-clip: text;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    background-image: linear-gradient(to right, #9DD5C6 0%, #86BEAF 100%);
    color: transparent;
}

#morandi .improve-performance .unit {
    -webkit-text-fill-color: #A6DECF;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    background-image: linear-gradient(to right, #82BAAB 0%, #6AA394 100%);
    color: transparent;
}

#morandi .improve-performance .animated .num-anim {
    -webkit-transition: -webkit-transform 2s cubic-bezier(0.77, 0, 0.175, 1);
    transition: -webkit-transform 2s cubic-bezier(0.77, 0, 0.175, 1);
    transition: transform 2s cubic-bezier(0.77, 0, 0.175, 1);
    transition: transform 2s cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 2s cubic-bezier(0.77, 0, 0.175, 1);
}

#morandi .improve-performance .animated .single-num {
    -webkit-transform: translate(0, -100%);
    transform: translate(0, -100%);
}

#morandi .improve-performance .animated .decimal-num {
    -webkit-transform: translate(0, -700%);
    transform: translate(0, -700%);
}

#morandi .improve-performance .animated .num-mask {
    opacity: 0;
    transition-delay: 2s;
}

#morandi .transition {
    width: 100%;
    top: 0;
    left: 0;
    position: relative;
    z-index: 0
}

#morandi .transition .media-container {
    width: 100%;
    margin-top: 0
}

#morandi .transition .transition-bg {
    position: relative;
    overflow: hidden;
    padding-top: 1px;
}

#morandi .transition .transition-bg img {
    width: calc(100% + 2px);
    transform: translateX(-1px);
}

#morandi .transition .transition-mask {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
}

#morandi .transition .transition-mask img {
    width: calc(100% + 2px);
    transform: translateX(-1px);
}

#morandi .transition .performance-canvas {
    width: 100%;
    height: 15.625vw;
    position: absolute;
    left: 0;
    top: -3.4vw;
    z-index: 3;
}

#morandi .transition .performance-canvas canvas {
    width: 100%;
    height: 100%;
}

#morandi .section-keyboard {
    overflow: hidden;
    padding-top: 9.895833vw;
    margin-top: -2px;
}

#morandi .section-keyboard .section-content {
    width: 46.21875vw;
    margin-left: auto;
    margin-right: auto
}

#morandi .section-keyboard .section-content .text-64 {
    max-width: unset;
}

#morandi .section-keyboard .section-text {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

#morandi .section-keyboard .media-container {
    width: 67.5vw;
    height: 100%;
    border-radius: .833333vw;
    padding: 2px
}

#morandi .section-keyboard .media-container img,
#morandi .section-keyboard .media-container video {
    border-radius: .833333vw;
    overflow: hidden;
}

#morandi .section-keyboard .section-des {
    width: 67.5vw;
    margin: 2.083333vw auto 0;
    text-align: center;
}

#morandi .section-efficient {
    padding-top: 10.416667vw;
}

#morandi .efficient {
    overflow: hidden;
}

#morandi .efficient .text-container {
    margin-top: 9.895833vw
}

#morandi .efficient .efficient-swiper {
    width: 67.5vw;
    margin-left: auto;
    margin-right: auto;
    overflow: inherit;
}

#morandi .efficient .media-container {
    width: 100%;
    height: 100%;
    border-radius: .833333vw;
    margin-top: 3.333333vw;
    box-sizing: border-box;
}

#morandi .efficient .swiper-slide .media-container {
    opacity: 0.6;
    transition: opacity .3s ease
}

#morandi .efficient .swiper-slide-active .media-container {
    opacity: 1;
}

#morandi .efficient .media-container img,
#morandi .efficient .media-container video {
    border-radius: .833333vw;
    overflow: hidden
}

#morandi .efficient .efficient-swiper .common-video-btn {
    opacity: 1;
    pointer-events: all;
}

#morandi .common-video-btn .video-btn-icon-wrap {
    transition: opacity .3s;
}

#morandi .common-video-btn .video-btn-icon-wrap:hover {
    opacity: .6;
}

#morandi .common-video-btn .video-btn-icon-wrap::after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    overflow: hidden;
    z-index: -1;
}

#morandi .efficient .efficient-swiper .common-video-btn .video-btn-icon-wrap .video-play-btn-start {
    display: flex;
    width: 2.5vw;
    opacity: 0;
    transition: opacity .3s ease
}

#morandi .efficient .efficient-swiper .common-video-btn .video-btn-icon-wrap .video-play-btn-pause,
#morandi .efficient .efficient-swiper .common-video-btn .video-btn-icon-wrap .video-play-btn-replay {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    transition: opacity .3s ease
}

#morandi .efficient .efficient-swiper .video-btn-icon-wrap[data-index="1"] .video-play-btn-start {
    opacity: 1
}

#morandi .efficient .efficient-swiper .video-btn-icon-wrap[data-index="2"] .video-play-btn-pause {
    opacity: 1
}

#morandi .efficient .efficient-swiper .video-btn-icon-wrap[data-index="3"] .video-play-btn-replay {
    opacity: 1
}


#morandi .efficient .media-container .common-video-btn span.text-22 {
    color: #000;
}

#morandi .efficient .efficient-swiper-text-wrap {
    width: 53.125vw;
    position: relative;
    margin-left: 17.0833333vw;
    margin-top: 2.083333vw;
}

#morandi .efficient .efficient-swiper-text-wrap .efficient-swiper-text {
    transition-duration: .3s;
}

#morandi .efficient .efficient-swiper-text-wrap[data-index="0"] .efficient-swiper-text-2 {
    opacity: 0;
    pointer-events: none;
}

#morandi .efficient .efficient-swiper-text-wrap[data-index="1"] .efficient-swiper-text-1 {
    opacity: 0;
    pointer-events: none;
}

#morandi .efficient .efficient-swiper-text-1 {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

#morandi .efficient .section-text {
    width: 53.697917vw;
    margin-left: 0;
    margin-right: auto;
    text-align: left
}

#morandi .efficient .swiper-slide {
    width: 100%;
    margin: 0 1.666667vw;
}


#morandi .efficient .swiper-button-center {
    position: absolute;
    width: 6.25vw;
    height: 2.5vw;
    right: 15.625vw;
    bottom: .416667vw;
}

#morandi .efficient .swiper-button-prev,
#morandi .efficient .swiper-button-next {
    left: auto;
    right: auto;
    bottom: 0;
    top: auto;
    width: 2.5vw;
    height: 2.5vw;
    margin: 0;
}

#morandi .efficient .swiper-button-prev {
    left: 0;
}

#morandi .efficient .swiper-button-next {
    right: 0;
}

#morandi .efficient .swiper-button-prev svg,
#morandi .efficient .swiper-button-next svg {
    width: 100%;
    height: 100%;
}

#morandi .efficient .swiper-button-prev::after,
#morandi .efficient .swiper-button-next::after {
    content: '';
    width: 2.8125vw;
    height: 2.8125vw;
    background: url(../images/others/button-bg.svg);
    background-position: center;
    background-size: 100% 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -2;
    transition-duration: .5s;

}

#morandi .efficient .swiper-button-prev::before,
#morandi .efficient .swiper-button-next::before {
    content: '';
    width: 1.875vw;
    height: 1.875vw;
    border-radius: 50%;
    background: radial-gradient(circle, #83CEBD 0%, transparent 50%);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition-duration: .5s;
    opacity: 0.6;
    z-index: -1;

}

#morandi .efficient .swiper-button-prev.swiper-button-disabled:before,
#morandi .efficient .swiper-button-next.swiper-button-disabled:before {
    opacity: 0;
}

#morandi .efficient .swiper-button-prev:hover::after,
#morandi .efficient .swiper-button-next:hover::after {
    transform: translate(-50%, -50%) rotate(180deg);
}

#morandi .efficient .swiper-button-prev:hover::before,
#morandi .efficient .swiper-button-next:hover::before {
    opacity: 0.6;
    width: 2.8125vw;
    height: 2.8125vw;
}

#morandi .section-ai {
    padding-bottom: 10.416667vw;
}

#morandi .section-ai .section-text {
    width: 48.125vw;
}

#morandi .section-ai .ai-swiper {
    width: 67.5vw;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: .78125vw;
    position: relative;
}

#morandi .section-ai .swiper-pagination {
    position: relative;
    bottom: auto;
    left: auto;
    width: max-content;
    margin: 0 auto;
}

#morandi .section-ai .swiper-pagination::after {
    content: '';
    width: 100%;
    height: .104167vw;
    background: linear-gradient(to right, transparent, rgba(149, 209, 193, 0.3) 30%, rgba(149, 209, 193, 0.3) 70%, transparent);
    position: absolute;
    bottom: 0;
    left: 0;
}

#morandi .section-ai .swiper-pagination-bullet {
    width: auto;
    height: auto;
    background: none;
    opacity: 0.6;
    margin: 0 2.083333vw;
    color: #fff;
    transition-duration: .3s;
    padding-bottom: .78125vw;
    position: relative;
}

#morandi .section-ai .swiper-pagination-bullet-active {
    opacity: 1;
}


#morandi .section-ai .swiper-pagination-bullet::after {
    content: '';
    width: 100%;
    height: .104167vw;
    background: linear-gradient(to right, transparent, rgba(149, 209, 193, 1) 30%, rgba(149, 209, 193, 1) 70%, transparent);
    position: absolute;
    bottom: 0;
    opacity: 0;
    transition-duration: .3s;
    left: 0;
}

#morandi .section-ai .swiper-pagination-bullet-active::after {
    opacity: 1;
}

#morandi .section-ai .swiper-effect-wrap {
    position: relative;
    margin-top: 2.083333vw;
}

#morandi .section-ai .swiper-effect-wrap .swiper-effect-text {
    position: absolute;
    width: 100%;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    opacity: 0;
    color: #909090;
}

#morandi .section-ai .swiper-effect-wrap .swiper-effect-text-1 {
    position: relative;
    opacity: 1
}

#morandi .section-ai .swiper-effect-wrap[data-index="0"] .swiper-effect-text-1 {
    opacity: 1
}

#morandi .section-ai .swiper-effect-wrap[data-index="0"] .swiper-effect-text-2,
#morandi .section-ai .swiper-effect-wrap[data-index="0"] .swiper-effect-text-3 {
    opacity: 0
}

#morandi .section-ai .swiper-effect-wrap[data-index="1"] .swiper-effect-text-1,
#morandi .section-ai .swiper-effect-wrap[data-index="1"] .swiper-effect-text-3 {
    opacity: 0
}

#morandi .section-ai .swiper-effect-wrap[data-index="1"] .swiper-effect-text-2 {
    opacity: 1
}

#morandi .section-ai .swiper-effect-wrap[data-index="2"] .swiper-effect-text-1,
#morandi .section-ai .swiper-effect-wrap[data-index="2"] .swiper-effect-text-2 {
    opacity: 0
}

#morandi .section-ai .swiper-effect-wrap[data-index="2"] .swiper-effect-text-3 {
    opacity: 1
}

#morandi .section-ai .media-container {
    width: 67.5vw;
    height: 100%;
    border-radius: .833333vw;
}

#morandi .section-ai .media-container img,
#morandi .section-ai .media-container video {
    border-radius: .833333vw;
    overflow: hidden;
}

#morandi .section-ai .media-container .common-video-btn span.text-22 {
    color: #000;
}

#morandi .section-jianying {
    padding-bottom: 10.9375vw;
}

#morandi .section-jianying .text-container {
    width: 61.25vw;
    margin: 0 auto;
    align-items: center
}

#morandi .section-jianying .text-container .text-64 {
    width: 21.875vw;
    max-width: unset;
    text-align: left;
    margin-left: 0
}

#morandi .section-jianying .text-container .section-text {
    width: 29.791667vw;
    margin-left: auto;
    margin-right: 0;
    text-align: left
}

#morandi .section-jianying .media-container {
    width: 67.5vw;
    margin-top: 3.333333vw;
    border-radius: .833333vw;
    overflow: hidden
}

#morandi .section-pc-level {
    overflow: hidden;
    position: relative;
    z-index: 2;
    margin-top: -1px;
    color: #fff;
}

#morandi .section-pc-level .section-content {
    width: 67.5vw;
    margin-left: auto;
    margin-right: auto;
    align-items: center;
    flex-wrap: wrap;
}

#morandi .section-pc-level .section-content .text-64 {
    max-width: unset;
    margin-left: 3.125vw;
}

#morandi .section-pc-level .section-text {
    width: 27.604167vw;
    margin-left: auto;
    display: flex;
    align-items: flex-start;
    margin-right: 3.125vw;
}

#morandi .section-pc-level .section-text img {
    width: 3.333333vw;
    flex-shrink: 0;
    margin-top: .260417vw;
    margin-right: 1.25vw;
}

#morandi .section-pc-level .media-container {
    width: 67.5vw;
    height: 100%;
    margin-top: 3.333333vw;
    border-radius: .833333vw;
    padding: 2px
}

#morandi .section-pc-level .media-container img,
#morandi .section-pc-level .media-container video {
    border-radius: .833333vw;
    overflow: hidden;
}

#morandi .section-pc-level .linkage-popup-btn {
    width: max-content;
    padding: 0 .78125vw 0 1.25vw;
    height: 3.333333vw;
    margin-left: auto;
    margin-right: auto;
    margin-top: 3.333333vw;
    border-radius: 1.666667vw;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    font-size: 0;
}

#morandi .section-pc-level .linkage-popup-btn .popup-btn-linkga-rotate {
    position: absolute;
    width: 14.114583vw;
    height: 14.114583vw;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transform-origin: center;
    background: linear-gradient(79deg, #C6E6E0 -50%, rgba(198, 230, 224, 0.2), #C6E6E0 150%);
    z-index: 0;
    transition-duration: .5s;
}

#morandi .section-pc-level .linkage-popup-btn:hover .popup-btn-linkga-rotate {
    transform: translate(-50%, -50%) rotate(140deg);
}

#morandi .section-pc-level .linkage-popup-btn-bg {
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    position: absolute;
    left: 2px;
    top: 2px;
    background: linear-gradient(to left, #2E2E2E 0%, #161616 100%);
    border-radius: 1.666667vw;
    z-index: 1;
}

#morandi .section-pc-level .linkage-popup-btn::after {
    content: '';
    width: 80%;
    height: calc(100% - 4px);
    border-radius: 1.666667vw;
    background-image: radial-gradient(circle, rgba(131, 206, 189, 0.2), transparent 70%, transparent);
    top: 2px;
    left: 50%;
    transform: translate(-50%, 0);
    position: absolute;
    z-index: 2;
}

#morandi .section-pc-level .linkage-popup-btn span {
    position: relative;
    z-index: 2;
}

#morandi .section-pc-level .linkage-popup-btn svg {
    position: relative;
    width: 1.666667vw;
    height: 1.666667vw;
    margin-left: .833333vw;
    border-radius: 50%;
    z-index: 2;
}

#morandi .section-pc-level .shine-wrapper .shine-item {
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    will-change: transform;
    transform: translateZ(-0.0001px);
}

#morandi .section-pc-level .shine-wrapper .shine-item::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background-image: radial-gradient(closest-side, rgba(149, 209, 193, 1) 20%, transparent);
}

#morandi .section-pc-level .shine-wrapper .shine-background {
    width: 5.625vw;
    height: 5.625vw;
}

#morandi .section-pc-level .shine-wrapper .shine-background::after {
    opacity: 1;
}

#morandi .section-pc-level .shine-wrapper .shine-border {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 2px;
    pointer-events: none;
    border-radius: 9999px;
    -webkit-border-radius: 9999px;
    transform: translateZ(0.0001px);
    will-change: transform;
}

#morandi .section-pc-level .shine-wrapper .shine-border::before {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    content: "";
    border-radius: 9999px;
    -webkit-border-radius: 9999px;
    /* box-shadow: inset -0.15625vw -0.260417vw 1.5625vw rgba(202, 180, 159, 0.5);
    -webkit-box-shadow: inset -0.15625vw -0.260417vw 1.5625vw rgba(202, 180, 159, 0.5); */
    transform: translateZ(-0.0001px);
    will-change: transform;
}

#morandi .section-pc-level .shine-wrapper .shine-border::after {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
    content: "";
    border-radius: 9999px;
    -webkit-border-radius: 9999px;
    background: #000;
    opacity: 1;
}

#morandi .section-pc-level .shine-wrapper.shine-cursor .shine-item {
    transition: opacity 0.3s;
    transform: translate3d(calc(var(--shine-x, 0) - 50%), calc(var(--shine-y, 0) - 50%), 0);
    opacity: 0;
}

#morandi .section-pc-level .shine-wrapper.shine-cursor .shine-item::after {
    transition: transform 0.3s;
    transform: scale(0);
}

#morandi .section-pc-level .shine-wrapper.shining .shine-item {
    opacity: 1;
}

#morandi .section-pc-level .shine-wrapper.shining .shine-item::after {
    transform: scale(1);
}

#morandi .morandi-slideup-popup-container {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    /* flex-direction: column; */
    background: rgba(62, 62, 62, 0.4);
    transform: translateZ(0);
    -webkit-backdrop-filter: blur(40px);
    backdrop-filter: blur(40px);
    visibility: hidden;
    justify-content: flex-end;
    pointer-events: none;
    overflow: auto;
    z-index: 999
}

#morandi .morandi-slideup-popup-container .content-overlay {
    position: absolute;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: opacity .3s;
    opacity: 0
}

#morandi .morandi-slideup-popup-container .popup-content {
    position: relative;
    width: 81.25vw;
    margin: 3.333333vw auto 5.833333vw;
    transform: translateY(50vw);
    transition: transform .3s;
    /* border-radius: .833333vw; */
    border-top-left-radius: .833333vw;
    border-top-right-radius: .833333vw;
    scrollbar-width: none
}

#morandi .morandi-slideup-popup-container .popup-content .section-content {
    transition-duration: unset
}

#morandi .morandi-slideup-popup-container .popup-content .text-22 {
    width: auto
}

#morandi .morandi-slideup-popup-container .morandi-slideup-popup-scroll-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 1
}

#morandi .morandi-slideup-popup-container .morandi-slideup-popup-scroll-container::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    z-index: 0;
}

#morandi .morandi-slideup-popup-container .morandi-slideup-popup-scroll-container .popup-content-wrap {
    width: 100%;
    position: relative;
}

#morandi .morandi-slideup-popup-container .morandi-slideup-popup-scroll-container .popup-c {
    position: relative;
    margin-bottom: 0;
    background-color: #151716;
    border-radius: .833333vw;
}

#morandi .morandi-slideup-popup-container .morandi-slideup-popup-scroll-container .icon-close-wrap {
    position: absolute;
    height: 100%;
    width: 2.083333vw;
    top: 0;
    right: 1.666667vw;
    z-index: 2
}

#morandi .morandi-slideup-popup-container .morandi-slideup-popup-scroll-container .icon-close-circle {
    width: 2.083333vw;
    height: 2.083333vw;
    position: sticky;
    top: 5vw;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    right: 0;
    cursor: pointer;
    transition: opacity .3s;
}

#morandi .morandi-slideup-popup-container .morandi-slideup-popup-scroll-container .icon-close-circle:hover {
    opacity: .6;
}

#morandi .morandi-slideup-popup-container .morandi-slideup-popup-scroll-container .icon-close {
    width: 100%;
    height: 100%;
    transform: translateZ(1px)
}

#morandi .morandi-slideup-popup-container .morandi-slideup-popup-scroll-container .section-content {
    width: 42.239583vw;
    margin: 0 auto 0;
    position: absolute;
    top: 17.708333vw;
    left: 50%;
    transform: translateX(-50%);
    transition-duration: 0s;
    text-align: center
}

#morandi .morandi-slideup-popup-container .morandi-slideup-popup-scroll-container .section-content p {
    color: #fff;
}

#morandi .morandi-slideup-popup-container .morandi-slideup-popup-scroll-container .popup-items {
    width: 67.447917vw;
    margin: 0 auto;
    padding: 0 0 8.333333vw
}

#morandi .morandi-slideup-popup-container .morandi-slideup-popup-scroll-container .popup-item {
    display: flex;
    justify-content: center;
    flex-direction: row;
    padding-top: 8.333333vw;
    align-items: center
}

#morandi .morandi-slideup-popup-container .morandi-slideup-popup-scroll-container .popup-item .popup-item-img {
    width: 30.208333vw
}

#morandi .morandi-slideup-popup-container .morandi-slideup-popup-scroll-container .popup-item .popup-item-img-left {
    margin-right: 6.510417vw
}

#morandi .morandi-slideup-popup-container .morandi-slideup-popup-scroll-container .popup-item .popup-item-img-right {
    margin-left: 6.510417vw
}

#morandi .morandi-slideup-popup-container .morandi-slideup-popup-scroll-container .popup-item .popup-item-content {
    width: 27.708333vw;
    margin-right: auto;
    flex-shrink: 0
}

#morandi .morandi-slideup-popup-container .morandi-slideup-popup-scroll-container .popup-item .popup-item-content .popup-item-headline {
    line-height: 1.25;
}

#morandi .morandi-slideup-popup-container .morandi-slideup-popup-scroll-container .popup-item .popup-item-text {
    width: auto
}

#morandi .morandi-slideup-popup-container .morandi-slideup-popup-scroll-container .popup-item .popup-icon {
    width: 3.333333vw;
    margin-bottom: .9375vw
}

#morandi .section-window {
    padding-top: 9.895833vw;
    transition: all 1s;
}

#morandi .section-window.animated3 {
    background: #f6f8f6;
}

#morandi .section-mask {
    width: 100%;
    height: 290vw;
    position: absolute;
    top: -128vw;
    left: 0;
    background: #000;
    z-index: 1;
    transition: all 1s;
}

#morandi .section-mask.animated {
    background: #f6f8f6;
}

#morandi .multi-window {
    overflow: hidden;
}

#morandi .multi-window .text-container {
    margin-top: 0
}

#morandi .multi-window .window-swiper {
    width: 67.5vw;
    margin-left: auto;
    text-align: center;
    margin-right: auto;
    overflow: inherit;
}

#morandi .multi-window .media-container {
    width: 100%;
    height: 100%;
    border-radius: .833333vw;
    margin-top: 3.333333vw;
    box-sizing: border-box;
}

#morandi .multi-window .media-container img,
#morandi .multi-window .media-container video {
    border-radius: .729167vw;
    overflow: hidden
}

#morandi .multi-window .swiper-slide .media-container {
    opacity: 0.6;
    transition: opacity .3s ease
}

#morandi .multi-window .swiper-slide-active .media-container {
    opacity: 1;
}

#morandi .multi-window .media-container .common-video-btn span.text-22 {
    color: #000;
}

#morandi .multi-window .window-swiper-text-wrap {
    width: 53.125vw;
    position: relative;
    margin-left: 17.0833333vw;
    margin-top: 2.083333vw;
}

#morandi .multi-window .window-swiper-text-wrap .window-swiper-text {
    transition-duration: .3s;
}

#morandi .multi-window .window-swiper-text-wrap[data-index="0"] .window-swiper-text-2 {
    opacity: 0;
    pointer-events: none;
}

#morandi .multi-window .window-swiper-text-wrap[data-index="1"] .window-swiper-text-1 {
    opacity: 0;
    pointer-events: none;
}

#morandi .multi-window .window-swiper-text-2 {
    position: absolute;
    top: 0;
    left: 0;
}

#morandi .multi-window .section-text {
    width: 53.697917vw;
    margin-left: 0;
    margin-right: auto;
    text-align: left;
}

#morandi .multi-window .swiper-slide {
    width: 100%;
    margin: 0 1.666667vw;
}

#morandi .multi-window .window-swiper .common-video-btn {
    opacity: 1;
    pointer-events: all;
}

#morandi .common-video-btn .video-btn-icon-wrap::after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    overflow: hidden;
    z-index: -1;
}

#morandi .multi-window .window-swiper .common-video-btn .video-btn-icon-wrap .video-play-btn-start {
    display: flex;
    width: 2.5vw;
    opacity: 0;
    transition: opacity .3s ease
}

#morandi .multi-window .window-swiper .common-video-btn .video-btn-icon-wrap .video-play-btn-pause,
#morandi .multi-window .window-swiper .common-video-btn .video-btn-icon-wrap .video-play-btn-replay {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    transition: opacity .3s ease
}

#morandi .multi-window .window-swiper .video-btn-icon-wrap[data-index="1"] .video-play-btn-start {
    opacity: 1
}

#morandi .multi-window .window-swiper .video-btn-icon-wrap[data-index="2"] .video-play-btn-pause {
    opacity: 1
}

#morandi .multi-window .window-swiper .video-btn-icon-wrap[data-index="3"] .video-play-btn-replay {
    opacity: 1
}


#morandi .multi-window .media-container .common-video-btn span.text-22 {
    color: #000;
}

#morandi .multi-window .swiper-button-center {
    position: absolute;
    width: 6.25vw;
    height: 2.5vw;
    right: 15.625vw;
    bottom: .416667vw;
}

#morandi .multi-window .swiper-button-prev,
#morandi .multi-window .swiper-button-next {
    left: auto;
    right: auto;
    bottom: 0;
    top: auto;
    width: 2.5vw;
    height: 2.5vw;
    margin: 0;
}

#morandi .multi-window .swiper-button-prev {
    left: 0;
}

#morandi .multi-window .swiper-button-next {
    right: 0;
}

#morandi .multi-window .swiper-button-prev svg,
#morandi .multi-window .swiper-button-next svg {
    width: 100%;
    height: 100%;
}

#morandi .multi-window .swiper-button-prev::after,
#morandi .multi-window .swiper-button-next::after {
    content: '';
    width: 2.8125vw;
    height: 2.8125vw;
    background: url(../images/others/button-bg.svg);
    background-position: center;
    background-size: 100% 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -2;
    transition-duration: .5s;

}

#morandi .multi-window .swiper-button-prev::before,
#morandi .multi-window .swiper-button-next::before {
    content: '';
    width: 1.875vw;
    height: 1.875vw;
    border-radius: 50%;
    background: radial-gradient(circle, #83CEBD 0%, transparent 50%);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition-duration: .5s;
    opacity: 0.6;
    z-index: -1;

}

#morandi .multi-window .swiper-button-prev.swiper-button-disabled:before,
#morandi .multi-window .swiper-button-next.swiper-button-disabled:before {
    opacity: 0;
}

#morandi .multi-window .swiper-button-prev:hover::after,
#morandi .multi-window .swiper-button-next:hover::after {
    transform: translate(-50%, -50%) rotate(180deg);
}

#morandi .multi-window .swiper-button-prev:hover::before,
#morandi .multi-window .swiper-button-next:hover::before {
    opacity: 0.6;
    width: 2.8125vw;
    height: 2.8125vw;
}

#morandi .section-point .headline-wrap {
    padding: 0 0 9.895833vw;
}

#morandi .section-notes .section-content {
    width: 67.5vw;
    margin-left: auto;
    margin-right: auto
}

#morandi .section-notes .section-text {
    width: 51.197917vw
}

#morandi .section-notes .media-container {
    width: 67.5vw;
    height: 100%;
    border-radius: .833333vw;
    padding: 2px;
    margin-top: 0;
    margin-bottom: 3.125vw;
}

#morandi .section-notes .media-container img,
#morandi .section-notes .media-container video {
    border-radius: .833333vw;
    overflow: hidden
}

#morandi .video-pop-play {
    width: 2.5vw;
    height: 2.5vw;
    position: absolute;
    bottom: 1.25vw;
    right: 1.25vw;
    cursor: pointer;
    transform: translateZ(1px);
}

#morandi .video-pop-play svg {
    width: 100%;
    height: 100%
}

#morandi .where-line {
    padding-top: 9.895833vw;
    padding-bottom: 9.895833vw;
    margin-top: -1px;
    height: auto;
}

#morandi .where-line .where-icon {
    width: 5.208333vw;
    height: 5.208333vw;
    margin: 0 auto 1.5625vw;
}

#morandi .where-line .text-container {
    text-align: center;
    margin: 9.895833vw auto 0;
}


#morandi .where-line .section-text {
    width: 51.875vw
}

#morandi .section-pen .section-content {
    width: 67.5vw;
    margin-left: auto;
    margin-right: auto;
}

#morandi .section-pen .section-text {
    width: 51.875vw;
    margin-top: 3.333333vw;
    text-align: center;
}

#morandi .section-pen .media-container {
    width: 100%;
    border-radius: .833333vw;
    margin-top: 3.333333vw;
    overflow: hidden
}

#morandi .pen-point .text-64 {
    color: #fff;
    transition-duration: 1.2s;
}

#morandi .pen-point .text-64.animated {
    color: #000;
}

#morandi .section-interactions {
    margin-top: 9.895833vw;
}

#morandi .section-interactions .section-content {
    width: 67.5vw;
    margin-left: auto;
    margin-right: auto;
    text-align: center
}

#morandi .section-interactions .interactions-swiper {
    overflow: inherit;
    margin-top: 3.333333vw;
}

#morandi .section-interactions .interactions-swiper .swiper-wrapper {
    flex-wrap: wrap;
}

#morandi .section-interactions .text-container {
    width: 67.5vw;
    position: relative;
    z-index: 2;
}

#morandi .section-interactions .interactions-trigger {
    position: relative;
    height: 100%;
}

#morandi .section-interactions .interactions-swiper .common-video-btn .video-btn-icon-wrap .video-play-btn-start {
    display: flex;
    width: 2.5vw;
    opacity: 0;
    transition: opacity .3s ease
}

#morandi .section-interactions .interactions-swiper .common-video-btn .video-btn-icon-wrap .video-play-btn-pause,
#morandi .section-interactions .interactions-swiper .common-video-btn .video-btn-icon-wrap .video-play-btn-replay {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    transition: opacity .3s ease
}

#morandi .section-interactions .interactions-swiper .video-btn-icon-wrap[data-index="1"] .video-play-btn-start {
    opacity: 1
}

#morandi .section-interactions .interactions-swiper .video-btn-icon-wrap[data-index="2"] .video-play-btn-pause {
    opacity: 1
}

#morandi .section-interactions .interactions-swiper .video-btn-icon-wrap[data-index="3"] .video-play-btn-replay {
    opacity: 1
}

#morandi .section-xiaoyi .xiaoyi-link a {
    color: #92D6C2;
    text-align: center;
}

#morandi .section-xiaoyi .xiaoyi-link {
    margin-top: 3.125vw;
}

#morandi .linkga .link-to {
    transition: transform .3s ease-out;
    display: inline-block
}

#morandi .linkga:hover .link-to {
    transform: translateX(3px)
}

#morandi .section-interactions .swiper-slide {
    width: 33.125vw;
    transition-duration: .8s;
    margin-top: 0;
    margin-left: 0;
}

#morandi .section-interactions .swiper-slide-1 {
    width: 100%;
}

#morandi .section-interactions .swiper-slide-3 {
    margin-left: auto;
}

#morandi .section-interactions .swiper-slide-2,
#morandi .section-interactions .swiper-slide-3 {
    margin-top: 2.083333vw;
}

#morandi .section-interactions .interactions-video {
    width: 100%;
    height: 100%;
    margin-top: 0;
    border-radius: .833333vw;
    overflow: hidden
}

#morandi .section-interactions .interactions-video video,
#morandi .section-interactions .interactions-video img {
    border-radius: .833333vw;
}

#morandi .section-interactions .interactions-text {
    width: 32.21875vw;
    margin-left: .833333vw;
    text-align: left;
    margin-top: 1.25vw;
}

#morandi .section-interactions .swiper-slide-1 .interactions-text {
    width: auto;
}

#morandi .section-interactions .swiper-button-center {
    display: none;
}

#morandi .section-xiaoyi {
    padding-bottom: 0;
}

#morandi .section-notes-top {
    width: 100%;
    overflow: hidden;
}

#morandi .section-notes-top .notes-swiper {
    width: 67.5vw;
    margin-left: auto;
    text-align: center;
    margin-right: auto;
}

#morandi .section-notes-top .media-container {
    width: 100%;
    height: 100%;
    margin-top: 0;
    border-radius: .833333vw;
    box-sizing: border-box;
}

#morandi .section-notes-top .media-container img,
#morandi .section-notes-top .media-container video {
    border-radius: .833333vw;
    overflow: hidden
}

#morandi .section-notes-top .media-container .common-video-btn span.text-22 {
    color: #000;
}

#morandi .section-notes-top .swiper-slide .media-container {
    opacity: 0.6;
    transition: opacity .3s ease
}

#morandi .section-notes-top .swiper-slide-active .media-container {
    opacity: 1;
}

#morandi .section-notes-top .media-container .common-video-btn span.text-22 {
    color: #000;
}

#morandi .section-notes-top .notes-swiper-text-wrap {
    width: 53.125vw;
    position: relative;
    margin-left: 17.0833333vw;
    margin-top: 2.96875vw;
}

#morandi .section-notes-top .notes-swiper-text-wrap .notes-swiper-text {
    transition-duration: .3s;
}

#morandi .section-notes-top .notes-swiper-text-wrap[data-index="0"] .notes-swiper-text-2 {
    opacity: 0;
    pointer-events: none;
}

#morandi .section-notes-top .notes-swiper-text-wrap[data-index="1"] .notes-swiper-text-1 {
    opacity: 0;
    pointer-events: none;
}

#morandi .section-notes-top .swiper-button-center {
    position: absolute;
    width: 6.25vw;
    height: 2.5vw;
    right: 15.625vw;
    bottom: 0;
}

#morandi .section-notes-top .notes-swiper-text-1 {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

#morandi .section-notes-top .section-text {
    width: 53.697917vw;
    margin-left: 0;
    margin-right: auto;
    text-align: left;
}

#morandi .section-notes-top .text-container .section-text {
    text-align: center;
    margin-left: auto;
}

#morandi .section-notes-top .swiper-slide {
    width: 100%;
    margin: 0 1.666667vw;
    opacity: 0.5;
    transition: opacity .8s;
}

#morandi .section-notes-top .swiper-slide-active {
    opacity: 1;
}


#morandi .section-notes-top .swiper-button-prev,
#morandi .section-notes-top .swiper-button-next {
    left: auto;
    right: auto;
    bottom: 0;
    top: auto;
    width: 2.5vw;
    height: 2.5vw;
    margin: 0;
}

#morandi .section-notes-top .swiper-button-prev {
    left: 0;
}

#morandi .section-notes-top .swiper-button-next {
    right: 0;
}

#morandi .section-notes-top .swiper-button-prev svg,
#morandi .section-notes-top .swiper-button-next svg {
    width: 100%;
    height: 100%;
}

#morandi .section-notes-top .notes-swiper .common-video-btn {
    opacity: 1;
    pointer-events: all;
}

#morandi .section-notes-top .notes-swiper .common-video-btn .video-btn-icon-wrap .video-play-btn-start {
    display: flex;
    width: 2.5vw;
    opacity: 0;
    transition: opacity .3s ease
}

#morandi .section-notes-top .notes-swiper .common-video-btn .video-btn-icon-wrap .video-play-btn-pause,
#morandi .section-notes-top .notes-swiper .common-video-btn .video-btn-icon-wrap .video-play-btn-replay {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    transition: opacity .3s ease
}

#morandi .section-notes-top .notes-swiper .video-btn-icon-wrap[data-index="1"] .video-play-btn-start {
    opacity: 1
}

#morandi .section-notes-top .notes-swiper .video-btn-icon-wrap[data-index="2"] .video-play-btn-pause {
    opacity: 1
}

#morandi .section-notes-top .notes-swiper .video-btn-icon-wrap[data-index="3"] .video-play-btn-replay {
    opacity: 1
}

#morandi .xiaoyi {
    overflow: hidden;
    padding-bottom: .3125vw;
}

#morandi .section-xiaoyi .section-content {
    width: 67.5vw;
    margin-left: auto;
    margin-right: auto;
}

#morandi .section-xiaoyi .section-text {
    width: 51.875vw;
    margin-top: 3.333333vw;
    text-align: center;
}

#morandi .section-xiaoyi .media-container {
    width: 100%;
    border-radius: .833333vw;
    margin-top: 3.333333vw;
    overflow: hidden
}

#morandi .section-brush .text-container {
    margin: 0 auto;
    padding-top: 9.895833vw;
    align-items: center;
    position: relative;
    z-index: 2;
}

#morandi .section-brush .text-container .text-64 {
    width: auto;
    max-width: unset;
    text-align: left;
    margin-left: 6.75vw
}

#morandi .section-brush .text-container .section-text {
    width: 23.760417vw;
    margin-left: auto;
    margin-right: 7.166667vw;
    text-align: left
}

#morandi .section-brush .media-container {
    width: 100%;
    margin-top: -6.510417vw;
    border-radius: 0;
    overflow: hidden
}

#morandi .section-animation .text-container {
    text-align: center;
    margin: 0 auto;
}

#morandi .section-animation .media-container {
    width: 67.5vw;
    transform: scale(calc(1920/1296));
    transition: all .8s;
    border-radius: 0;
    will-change: transform;
}

#morandi .section-animation.animated .media-container {
    transform: scale(1);
    margin-top: 3.333333vw;
    border-radius: .833333vw;
    overflow: hidden
}

#morandi .section-animation .section-text {
    width: 48.4375vw;
    text-align: center
}

#morandi .section-animation .space-100vh {
    height: 50vh;
}
#morandi .section-gopaint .text-container {
    margin: 0 auto;
    padding-top: 9.895833vw;
    align-items: center
}

#morandi .section-gopaint .text-container .text-64 {
    width: 21.875vw;
    max-width: unset;
    text-align: left;
    margin-left: 2.083333vw
}

#morandi .section-gopaint .text-container .section-text {
    width: 25.208333vw;
    margin-left: auto;
    margin-right: 4.166667vw;
    text-align: left
}

#morandi .section-gopaint .media-container {
    width: 67.5vw;
    margin-top: 3.333333vw;
    border-radius: .833333vw;
    overflow: hidden
}

#morandi .notes-top {
    padding-top: 10.416667vw;
    padding-bottom: 10.416667vw;
    margin-top: -1px;
    height: auto;
}

#morandi .notes-top .notes-top-icon {
    width: 5.208333vw;
    height: 5.208333vw;
    margin: 0 auto 1.5625vw;
}

#morandi .notes-top .text-container {
    text-align: center;
    margin: 9.895833vw auto 0;
}


#morandi .notes-top .section-text {
    width: 51.875vw
}

#morandi .section-carousel {
    padding-top: .9375vw
}

#morandi .section-carousel .carousel-swiper {
    position: relative
}

#morandi .section-carousel .swiper-slide {
    width: 67.5vw;
    margin: 0 1.666667vw
}

#morandi .section-carousel .swiper-slide img {
    border-radius: .833333vw;
    overflow: hidden;
    opacity: .6;
    transition: opacity .5s
}

#morandi .section-carousel .swiper-slide-active img {
    opacity: 1
}

#morandi .section-carousel .swiper-pagination {
    bottom: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 1.145833vw;
    color: #95d2c0;
    width: -moz-max-content;
    width: max-content
}

#morandi .section-carousel .swiper-pagination .swiper-pagination-current {
    transition-duration: .5s;
}

#morandi .section-carousel .swiper-button-center {
    display: flex;
    justify-content: center;
    position: relative;
    margin-top: 4.166667vw
}

#morandi .section-carousel .swiper-button-prev {
    position: relative;
    width: 2.5vw;
    height: 2.5vw;
    left: auto;
    top: 0;
    transition-duration: .5s;
    margin-top: 0
}

#morandi .section-carousel .swiper-button-prev::after {
    content: ""
}

#morandi .section-carousel .swiper-button-next {
    position: relative;
    width: 2.5vw;
    height: 2.5vw;
    right: auto;
    top: 0;
    transition-duration: .5s;
    margin-left: 5.104167vw;
    margin-top: 0
}

#morandi .section-carousel .swiper-button-next::after {
    content: "";
}

#morandi .section-unbounded-notes {
    overflow: hidden;
    padding-top: 10.416667vw;
}

#morandi .section-unbounded-notes .section-content {
    width: 37.34375vw;
    margin-left: auto;
    margin-right: auto
}

#morandi .section-unbounded-notes .section-content .text-64 {
    max-width: unset;
}

#morandi .section-unbounded-notes .section-text {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

#morandi .section-unbounded-notes .media-container {
    width: 67.5vw;
    height: 100%;
    border-radius: .833333vw;
    padding: 2px
}

#morandi .section-unbounded-notes .media-container img,
#morandi .section-unbounded-notes .media-container video {
    border-radius: .833333vw;
    overflow: hidden;
}

#morandi .section-unbounded-notes .section-des {
    width: 67.5vw;
    margin: 2.083333vw auto 0;
    text-align: center;
}

#morandi .section-card {
    padding-top: 8.333333vw;
    overflow: hidden;
}

#morandi .section-card .headline-wrap {
    padding-bottom: 9.895833vw;
}

#morandi .section-card .card1-swiper {
    width: 67.5vw;
    margin-left: auto;
    margin-right: auto;
}

#morandi .section-card .card1-swiper .swiper-slide {
    width: 32.916667vw;
    margin: 0 1.25vw 0 0;
    position: relative;
    border-radius: .833333vw
}

#morandi .section-card .card1-swiper .swiper-slide:last-child {
    margin-right: 0;
}

#morandi .section-card .card1-swiper .swiper-slide .card-imgs img {
    border-radius: .729167vw;
    height: 100%;
    object-fit: cover;
    overflow: hidden
}

#morandi .section-card .card1-swiper .swiper-slide::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: -2px;
    left: -2px;
    border-radius: .833333vw;
    background: linear-gradient(109deg, rgba(149, 209, 193, 0.5), transparent, rgba(149, 209, 193, 0.5));
    padding: 2px;
    z-index: -1
}

#morandi .section-card .card1-swiper .swiper-slide .card-des {
    position: absolute;
    top: 1.875vw;
    left: 2.083333vw;
    text-align: left;
    transform: translateZ(1px);
}

#morandi .section-card .card1-swiper .swiper-slide .card-des .text-32 {
    line-height: 1.25;
}

#morandi .section-card .card1-swiper .swiper-button-center {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin: 2.5vw 0 0 auto;
}

#morandi .section-card .card1-swiper .swiper-button-prev,
#morandi .section-card .card1-swiper .swiper-button-next {
    position: relative;
    width: 2.5vw;
    height: 2.5vw;
    transition-duration: .5s;
    left: auto;
    right: auto;
    bottom: auto;
    top: auto;
    margin-top: 0;
}

#morandi .section-card .card1-swiper .swiper-button-next {
    margin-left: 1.25vw;
    margin-right: .625vw;
}

#morandi .section-card .card-swiper {
    width: 67.5vw;
    margin: 10.416667vw auto 0;
}

#morandi .section-card .card-swiper .swiper-button-center {
    display: none;
}

#morandi .section-card .card-swiper .swiper-wrapper {
    flex-wrap: wrap
}

#morandi .section-card .card-swiper .swiper-slide {
    background: #fff;
    border-radius: .833333vw
}

#morandi .section-card .card-swiper .swiper-slide:nth-child(2n) {
    margin-left: auto
}

#morandi .section-card .card-swiper .swiper-slide::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: -2px;
    left: -2px;
    border-radius: .833333vw;
    background: linear-gradient(109deg, rgba(149, 209, 193, 0.5), transparent, rgba(149, 209, 193, 0.5));
    padding: 2px;
    z-index: -1
}

#morandi .section-card .card-swiper .swiper-slide .card-imgs {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transition: all .5s
}

#morandi .section-card .card-swiper .swiper-slide .card-imgs img {
    border-radius: .729167vw;
    height: 100%;
    object-fit: cover;
    overflow: hidden
}

#morandi .section-card .card-swiper .swiper-slide .text-32 {
    position: relative;
    margin-top: 1.875vw;
    margin-left: 2.083333vw;
    width: 85%;
    transform: translateY(0) translateZ(1px);
    transition: all .5s;
    opacity: 1;
    line-height: 1.25;
    text-align: left;
    z-index: 6
}

#morandi .section-card .card-swiper .swiper-slide .card-icon {
    position: absolute;
    bottom: 1.666667vw;
    right: 1.666667vw;
    width: 2.5vw;
    cursor: pointer;
    transform: translateZ(1px);
    pointer-events: all;
    z-index: 6
}

#morandi .section-card .swiper-slide .card-icon::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    overflow: hidden;
    background: rgba(225, 238, 236, 0.57);
    backdrop-filter: blur(5px);
}

#morandi .section-card .card-swiper .swiper-slide .card-icon img {
    transform: rotate(0deg);
    transition: .3s
}

#morandi .section-card .card-swiper .swiper-slide .card-des {
    width: 89%;
    position: relative;
    margin-top: 10.416667vw;
    margin-left: 2.083333vw;
    text-align: left;
    transition: all .5s;
    transform: translate(0, 0);
    color: #999
}

#morandi .section-card .card-swiper .swiper-slide .card-des p {
    opacity: 0;
    transition: opacity .5s;
    width: 94%
}

#morandi .section-card .card-swiper .swiper-slide.active .text-32 {
    margin-top: 7.291667vw
}

#morandi .section-card .card-swiper .swiper-slide.active .card-imgs {
    opacity: 0
}

#morandi .section-card .card-swiper .swiper-slide.active .card-icon img {
    transform: rotate(45deg);
    transition: .5s
}

#morandi .section-card .card-swiper .swiper-slide.active .card-des {
    pointer-events: all;
    z-index: 6;
    margin-top: 1.197917vw
}

#morandi .section-card .card-swiper .swiper-slide.active .card-des p {
    opacity: 1
}

#morandi .section-card .w796 {
    width: 41.458333vw
}

#morandi .section-card .w468 {
    width: 24.375vw
}

#morandi .section-card .h516 {
    height: 26.875vw
}

#morandi .section-card .h476 {
    height: 24.791667vw
}

#morandi .mob-show,
#morandi .pad-show {
    display: none;
}

#morandi .cyan-light-1 {
    width: 38.678125vw;
    height: 40.430729vw;
    left: 0;
    top: 0;
}

#morandi .cyan-light-2 {
    width: 45.865625vw;
    height: 62.03125vw;
    right: 0;
    top: -48vw;
}

#morandi .cyan-light-3 {
    width: 54.142708vw;
    height: 96.982813vw;
    position: absolute;
    left: 0;
    bottom: -54vw;
}

#morandi .cyan-light-4 {
    width: 52.923958vw;
    height: 96.428646vw;
    position: absolute;
    right: 0;
    bottom: -96vw;
}

#morandi .section-disclaimer {
    padding-top: 1.822917vw;
    padding-bottom: 10.416667vw;
}

#morandi .section-disclaimer .disclaimer-container {
    margin: 0 auto;
    width: 67.5%
}

#morandi .section-disclaimer .disclaimer-container ol {
    list-style-type: decimal;
    padding-left: 1.5em;
    font-size: .625vw
}

#morandi .section-disclaimer .disclaimer-container li {
    color: #909090
}

#morandi .section-disclaimer .disclaimer-container li.current {
    color: #000
}

#morandi .section-disclaimer .disclaimer-container .asterisk {
    list-style-type: "*"
}

#morandi .section-disclaimer .disclaimer-container .other {
    list-style: none;
    position: relative
}

#morandi .section-disclaimer .disclaimer-container .other::before {
    content: "**";
    position: absolute;
    top: 0;
    left: 0;
    transform: translateX(-125%)
}

#morandi .section-disclaimer .disclaimer-container .more-discalimer {
    list-style: none;
    margin-top: 2vw
}

#morandi .section-disclaimer .disclaimer-container .active {
    color: #000;
    opacity: 1
}

#morandi .disclaimer-link {
    color: #909090;
    word-wrap: break-word;
}

#morandi .disclaimer-container li.global-style-hide {
    list-style: none;
    position: relative;
}

#morandi .disclaimer-container li.global-style-hide::before {
    position: absolute;
    top: 0;
    left: 0;
    transform: translateX(-125%);
}

#morandi .disclaimer-container li.mll::before {
    content: "*";
}

@media(max-width: 1920px) {
    #morandi .section-disclaimer .disclaimer-container ol {
        font-size: 12px
    }
}

@media (max-aspect-ratio: 11/10) {
    #morandi {
        width: 100%;
    }

    #morandi .text-64 {
        font-size: 8.888889vw
    }

    #morandi .text-48 {
        font-size: 6.666667vw
    }

    #morandi .text-32 {
        font-size: 4.444444vw
    }

    #morandi .text-22 {
        font-size: 3.055556vw
    }

    #morandi .text-20 {
        font-size: 2.777778vw
    }

    #morandi .text-18 {
        font-size: 2.5vw
    }

    #morandi .text-16 {
        font-size: 2.222222vw;
    }

    #morandi .text-80-mob {
        font-size: 11.111111vw;
    }

    #morandi .text-64-mob {
        font-size: 8.888889vw;
    }

    #morandi .text-56-mob {
        font-size: 7.777778vw
    }

    #morandi .text-40-mob {
        font-size: 5.555556vw;
    }

    #morandi .text-32-mob {
        font-size: 4.444444vw;
    }

    #morandi .text-30-mob {
        font-size: 4.166667vw;
    }

    #morandi .text-28-mob {
        font-size: 3.888889vw
    }

    #morandi .text-24-mob {
        font-size: 3.333333vw;
    }

    #morandi .text-22-mob {
        font-size: 3.055556vw;
    }

    #morandi .text-16-mob {
        font-size: 2.222222vw;
    }

    #morandi .mtop-64 {
        margin-top: 8.888889vw;
    }

    #morandi .mtop-60 {
        margin-top: 8.333333vw;
    }

    #morandi .mtop-48 {
        margin-top: 6.666667vw;
    }

    #morandi .mtop-40 {
        margin-top: 5.555556vw;
    }

    #morandi .mtop-30 {
        margin-top: 4.166667vw;
    }

    #morandi .mtop-32-mob {
        margin-top: 4.444444vw;
    }

    #morandi .mtop-30-mob {
        margin-top: 4.166667vw;
    }

    #morandi .mob-show {
        display: inline-block;
    }

    #morandi .pad-show,
    #morandi .pc-show {
        display: none;
    }

    #morandi .headline-wrap {
        max-width: 96%;
    }

    #morandi .cyan-light-1 {
        width: 83.333333vw;
        height: 87.230556vw;
        left: 0;
        top: 0;
    }

    #morandi .cyan-light-2 {
        width: 69.444444vw;
        height: 93.855556vw;
        right: 0;
        top: -107vw;
    }

    #morandi .cyan-light-3 {
        width: 54.142708vw;
        height: 96.982813vw;
        position: absolute;
        left: 0;
        bottom: -54vw;
        display: none;
    }

    #morandi .cyan-light-4 {
        width: 52.923958vw;
        height: 96.428646vw;
        position: absolute;
        right: 0;
        bottom: -96vw;
        display: none;
    }

    #morandi .section-headline {
        padding: 26.388889vw 0;
    }

    #morandi .common-video-btn {
        justify-content: center;
        right: 4.444444vw;
        bottom: 4.444444vw;
    }

    #morandi .common-video-btn .video-btn-icon {
        width: 11.111111vw
    }

    #morandi .common-video-btn span.text-22 {
        margin-right: 2.222222vw
    }

    #morandi .pb-0 {
        padding-bottom: 0;
    }

    #morandi .pt-0 {
        padding-top: 0;
    }

    #morandi .mob-pb-0 {
        padding-bottom: 0;
    }

    #morandi .media-container {
        margin: 8.333333vw auto 0;
    }

    #morandi .section-content .text-64 {
        max-width: 83.333333vw;
        margin-left: auto;
        margin-right: auto;
    }

    #morandi .section-hero .hero-content {
        position: relative;
        width: 100%;
        text-align: center;
        right: auto;
        left: auto;
        transform: unset;
        display: block;
        text-align: center;
        top: auto;
        bottom: auto;
        padding: 8.333333vw 0 13.888889vw;
        background: #fff;
    }

    #morandi .section-hero .hero-logo {
        width: 73.238889vw;
        margin: 0 auto;
    }

    #morandi .section-hero .hero-headline {
        margin-top: 4.444444vw;
    }

    #morandi .section-hero .hero-content-price-container {
        margin-top: 1.38%;
        position: relative;
        top: 0;
        left: 0;
        transform: none;
    }

    #morandi .section-hero .huawei-product-buy-btn-container {
        margin-top: 7.5vw;
    }

    #morandi .section-hero .huawei-product-buy-btn {
        margin-top: 24px;
    }

    #morandi .section-hero .huawei-product-buy-btn-price {
        font-size: 5.56vw;
    }

    #morandi .section-hero .huawei-product-buy-btn-price span {
        font-size: 3.611111111vw;
    }

    #morandi .section-reasons {
        padding-top: 27.777778vw
    }

    #morandi .section-reasons .reasons-swiper {
        width: 100%;
        margin: 0 auto;
    }

    #morandi .section-reasons .swiper-slide {
        width: 82.222222vw;
        height: 123.333333vw;
        margin: 0 2.222222vw;
        border-radius: 2.222222vw
    }

    #morandi .section-reasons .swiper-slide .reasons-title {
        top: 6.25vw;
        left: 6.666667vw;
        width: 70vw
    }

    #morandi .section-reasons .swiper-slide .reasons-title .text-32 {
        margin-top: 1.944444vw;
        line-height: 1.25
    }

    #morandi .section-reasons .swiper-slide .reasons-con {
        height: 100%;
    }

    #morandi .section-reasons .swiper-slide .reasons-wrap img,
    #morandi .section-reasons .swiper-slide .reasons-wrap video {
        border-radius: 2.222222vw;
    }

    #morandi .section-reasons .swiper-slide .reasons-wrap {
        border-radius: 2.222222vw;
        padding: .416667vw;
    }

    #morandi .section-reasons .swiper-slide .reasons-wrap video,
    #morandi .section-reasons .swiper-slide .reasons-wrap img {
        height: 100%;
        object-fit: cover;
    }

    #morandi .section-reasons .reasons-wrap {
        width: 83.333333vw;
        height: 125vw;
    }

    #morandi .section-reasons .swiper-button-center {
        width: 62.222222vw;
        height: 13.333333vw;
        border-radius: 12.222222vw;
        margin-top: 8.888889vw
    }

    #morandi .section-reasons .swiper-button-center .swiper-pagination-bullet {
        width: 2.222222vw;
        height: 2.222222vw;
        margin: 0 1.666667vw
    }

    #morandi .section-reasons .swiper-button-center .swiper-button-prev {
        width: 2.601389vw;
        height: 4.369444vw;
        left: 6.805556vw
    }

    #morandi .section-reasons .swiper-button-center .swiper-button-next {
        width: 2.601389vw;
        height: 4.369444vw;
        right: 6.805556vw
    }

    #morandi .section-reasons .swiper-button-center .swiper-button-prev:hover,
    #morandi .section-reasons .swiper-button-center .swiper-button-next:hover {
        opacity: unset;
    }

    #morandi .section-canvas {
        padding-top: 27.777778vw;
        padding-bottom: 26.388889vw;
    }

    #morandi .section-canvas .headline-wrap {
        margin-bottom: 27.777778vw;
    }

    #morandi .system-screen {
        width: 100%;
        overflow: hidden;
    }

    #morandi .system-screen .screen-box {
        display: none;
    }

    #morandi .system-screen .media-container {
        height: auto;
        margin-top: 0;
        padding-bottom: .520833vw;
    }

    #morandi .system-screen .media-container .w100-mob {
        width: 100%;
    }

    #morandi .system-screen .screen-img {
        transform: translate(-160vw, -25vw);
    }

    #morandi .system-screen .screen-img img {
        width: 420vw;
        transform-origin: top;
    }

    #morandi .system-screen .media-container .screen-img-niao-l-small {
        width: 6.583333vw;
        left: 34.5%;
        top: 69%;
        opacity: 1;
    }

    #morandi .system-screen .section-text {
        width: 83.333333vw;
        margin-top: 1.388889vw;
    }

    #morandi .system-screen .feature-row {
        width: 89.722222vw;
        margin-top: 13.055556vw;
    }

    #morandi .system-screen .feature-item {
        width: 43.752778vw;
        text-align: left;
        margin-right: 0;
        margin-left: auto;
        margin-top: 8.888889vw;
    }

    #morandi .system-screen .feature-item-1,
    #morandi .system-screen .feature-item-3,
    #morandi .system-screen .feature-item-5 {
        width: 40vw;
        margin-left: auto;
    }

    #morandi .system-screen .feature-item-1 {
        order: 1;
    }

    #morandi .system-screen .feature-item-2 {
        order: 2;
    }

    #morandi .system-screen .feature-item-3 {
        order: 5;
    }

    #morandi .system-screen .feature-item-4 {
        order: 4;
    }

    #morandi .system-screen .feature-item-5 {
        order: 3;
    }

    #morandi .system-screen .feature-item-6 {
        order: 6;
    }

    #morandi .system-screen .feature-item-3 img {
        width: 31.701389vw;
        margin-left: 0;
        margin-top: 4.166667vw;
    }

    #morandi .system-screen .feature-item-6 img {
        width: 31.929167vw;
        margin-left: 0;
    }

    #morandi .oled-screen .section-text {
        width: 82.5vw;
    }

    #morandi .oled-screen .media-container {
        width: 100%;
        margin-top: 8.333333vw;
        overflow: hidden;
    }

    #morandi .oled-screen .oled-items {
        width: 78.25vw;
        margin: 0 auto 0 5.138889vw
    }

    #morandi .oled-screen .oled-items .oled-item {
        width: 100%;
        margin-right: 0;
        align-items: center;
    }

    #morandi .oled-screen .oled-items .oled-item-1,
    #morandi .oled-screen .oled-items .oled-item-2,
    #morandi .oled-screen .oled-items .oled-item-3 {
        margin-left: 6.388889vw;
    }

    #morandi .oled-screen .oled-items .oled-item:last-child {
        margin-bottom: 0;
    }

    #morandi .oled-screen .oled-items .oled-left-icon {
        width: 11.111111vw;
    }

    #morandi .oled-screen .oled-items .oled-item-2 .oled-left-icon {
        margin-left: 0;
    }

    #morandi .oled-screen .oled-items .oled-item-4 .oled-left-icon {
        width: 17.495833vw;
    }

    #morandi .oled-screen .oled-items .oled-item,
    #morandi .oled-screen .oled-items .oled-item:nth-child(3) {
        margin-bottom: 5.555556vw;
    }

    #morandi .oled-screen .oled-items .oled-left-icon {
        margin-right: 3.333333vw;
    }

    #morandi .oled-screen .oled-items .oled-right-content p {
        margin-top: .555556vw;
    }

    #morandi .oled-screen .section-des {
        width: 78.75vw;
        margin: 8.888889vw auto 0;
    }

    #morandi .oled-screen .oled-light-box {
        width: 109.194vw;
        height: 46.806vw;
        top: 5vw;
        left: 9vw;
        transform: translateX(0);
        clip-path: polygon(83.55% 92.16%, 82.98% 1.47%, 23.35% 2.17%, 1.28% 91.83%);
    }

    #morandi .oled-screen .oled-light {
        width: 48.806vw;
        top: -58.604vw;
        transform: rotate(30deg) translate(-14vw, 29vw);
    }

    #morandi .oled-screen.active .oled-light {
        transform: rotate(30deg) translate(78vw, -12vw);
    }

    #morandi .section-design {
        padding-top: 25vw;
    }

    #morandi .design-canvas {
        width: 84.722222vw;
        height: 35.277778vw;
    }

    #morandi .shimmering-design .media-container {
        width: 100%;
        margin-top: 25vw;
        border-radius: 0;
    }

    #morandi .shimmering-design .feature-container {
        flex-direction: column-reverse;
        width: 66.666667vw;
        align-items: center;
    }

    #morandi .shimmering-design .section-text {
        width: 100%;
        text-align: center;
        margin-bottom: 8.333333vw;
    }

    #morandi .shimmering-design .feature-item {
        max-width: unset;
    }

    #morandi .shimmering-design .feature-line {
        height: 13.888889vw;
        margin: 2vw 8.888889vw 0;
    }

    #morandi .color-design .color-swiper {
        width: 91.111111vw;
        margin-top: 8.888889vw;
        display: flex;
        flex-direction: column;
        overflow: hidden;
    }

    #morandi .color-design .swiper-slide {
        border-radius: 2.222222vw;
    }

    #morandi .color-design .color-wrap {
        padding: .416667vw;
        box-sizing: border-box;
    }

    #morandi .color-design .color-wrap,
    #morandi .color-design .color-wrap img {
        border-radius: 2.222222vw;
    }

    #morandi .color-design .swiper-effect-btn {
        order: 3;
        display: flex;
        flex-direction: row;
        height: auto;
        align-items: center;
        visibility: visible;
    }

    #morandi .color-design .swiper-color-name .color-name {
        width: 23.888889vw;
        position: absolute;
        top: auto;
        left: auto;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #morandi .color-design .swiper-color-name .color-name-1 {
        position: relative;
    }

    #morandi .color-design .swiper-color-name {
        width: 23.888889vw;
        margin-left: auto;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #morandi .color-design .swiper-effect-wrap {
        width: 75.277778vw;
        order: 2;
        margin: 5.555556vw auto 8.333333vw;
        text-align: center;
        visibility: visible;
    }

    #morandi .color-design .swiper-pagination {
        position: relative;
        top: auto;
        bottom: auto;
        display: flex;
        align-items: center;
        margin: 0 auto 0 8.333333vw;
        padding-bottom: 1px;
    }

    #morandi .color-design .swiper-effect-wrap .swiper-effect-text {
        width: 100%;
    }

    #morandi .color-design .swiper-effect-wrap .swiper-effect-text .color-name {
        margin-right: 1.111111vw;
    }

    #morandi .color-design .swiper-pagination-bullet {
        width: 8.888889vw;
        height: 8.888889vw;
    }

    #morandi .color-design .swiper-pagination-bullet {
        margin: 0 4.444444vw;
    }

    #morandi .color-design .swiper-pagination-bullet .inside-circle {
        width: 7.222222vw;
        height: 7.222222vw;
    }

    #morandi .section-performance {
        padding-top: 22.222222vw;
    }

    #morandi .section-performance::before {
        height: 156.333333vw;
        transform: translateY(-88.9375vw);
    }

    #morandi .improve-performance::before {
        height: 122vw;
    }

    #morandi .improve-performance .section-content {
        margin-top: -1px;
        width: 100%;
        overflow: hidden;
    }

    #morandi .improve-performance .feature-container {
        flex-direction: column-reverse;
        width: 75.694444vw;
        margin-top: 8.888889vw;
        text-align: center;
    }

    #morandi .improve-performance .section-text {
        width: 100%;
        text-align: center;
    }

    #morandi .improve-performance .media-container {
        width: 100%;
        margin-top: 26.388889vw;
        background: none;
        padding: 0;
        border-radius: 0;
    }

    #morandi .improve-performance .media-container .performance-tablet-img {
        width: 89.305556vw;
        margin-left: auto;
        margin-right: auto;
    }

    #morandi .improve-performance .shadow {
        width: 141.084722vw;
        top: -25.260417vw;
    }

    #morandi .improve-performance .feature-row img {
        width: 4.454167vw;
        margin-left: 2.222222vw;
    }

    #morandi .improve-performance .feature-row .feature-text {
        margin-top: 1.111111vw;
    }

    #morandi .improve-performance .feature-row {
        margin-top: 8.333333vw;
    }

    #morandi .improve-performance .num-wrap>div {
        font-size: 8.888889vw;
    }

    #morandi .improve-performance .num-mask {
        width: 11.072917vw;
    }

    #morandi .performance-mask {
        height: 180vw;
    }

    #morandi .transition .media-container {
        width: 100%;
        margin-top: 0;
    }

    #morandi .section-keyboard {
        padding-top: 26.388889vw;
    }

    #morandi .section-keyboard .section-text {
        width: 100%;
    }

    #morandi .section-keyboard .section-content {
        flex-direction: column;
        width: 84.444444vw;
    }

    #morandi .section-keyboard .text-container {
        width: 100%;
        margin-top: 0;
    }

    #morandi .section-keyboard .text-container .section-text {
        width: 100%;
        text-align: center;
    }

    #morandi .section-keyboard .media-container {
        width: 100%;
        padding: 0;
        border-radius: 0;
        margin-top: 8.333333vw;
        transform: translateX(0);
    }

    #morandi .section-keyboard .media-container img,
    #morandi .section-keyboard .media-container video {
        border-radius: 0;
    }

    #morandi .section-keyboard .section-des {
        width: 68.75vw;
        margin: 5.555556vw auto 0;
    }

    #morandi .section-efficient {
        padding-top: 35.138889vw;
        padding-bottom: 48.055556vw;
    }

    #morandi .efficient .swiper-button-center {
        width: 27.777778vw;
        height: 11.111111vw;
        top: 100%;
        right: 8.888889vw;
        margin: 10.416667vw 0 0 auto;
        display: flex;
    }

    #morandi .efficient .swiper-button-prev,
    #morandi .efficient .swiper-button-next {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        bottom: auto;
        width: 11.111111vw;
        height: 11.111111vw;
    }

    #morandi .efficient .swiper-button-prev::before,
    #morandi .efficient .swiper-button-next::before,
    #morandi .efficient .swiper-button-prev:hover::before,
    #morandi .efficient .swiper-button-next:hover::before {
        width: 8.333333vw;
        height: 8.333333vw;
    }

    #morandi .efficient .swiper-button-prev:hover::before,
    #morandi .efficient .swiper-button-next:hover::before {
        opacity: 0;
    }

    #morandi .efficient .swiper-button-prev::after,
    #morandi .efficient .swiper-button-next::after {
        width: 12.111111vw;
        height: 12.111111vw;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        opacity: 1;
    }

    #morandi .efficient .swiper-button-prev:hover::after,
    #morandi .efficient .swiper-button-next:hover::after {
        transform: translate(-50%, -50%);
    }

    #morandi .efficient .swiper-button-next {
        margin-left: 5.555556vw;
    }

    #morandi .efficient {
        overflow: hidden;
    }

    #morandi .efficient .efficient-swiper-text-wrap {
        width: 88.888889vw;
        margin: 8.888889vw auto 0;
    }

    #morandi .efficient .efficient-swiper-text-wrap .efficient-swiper-text-2 {
        width: 79.305556vw;
        margin-left: 4.861111vw;
    }

    #morandi .efficient .text-container {
        width: 91.388889vw;
        margin-top: 26.388889vw;
    }

    #morandi .efficient .text-container .text-64 {
        max-width: unset;
    }

    #morandi .efficient .efficient-swiper {
        width: 91.111111vw;
    }

    #morandi .efficient .swiper-slide {
        width: 86.666667vw;
        margin: 0 4.444444vw 0 0;
    }

    #morandi .efficient .swiper-slide:last-child {
        margin-right: 0;
    }

    #morandi .efficient .media-container {
        margin-top: 8.888889vw;
        padding: 0;
        border-radius: 2.222222vw;
    }

    #morandi .efficient .media-container img,
    #morandi .efficient .media-container video {
        border-radius: 2.222222vw;
    }

    #morandi .efficient .efficient-swiper .common-video-btn .video-btn-icon-wrap .video-play-btn-start {
        width: 11.111111vw;
    }

    #morandi .efficient .section-text {
        width: 100%;
        margin-left: auto;
    }

    #morandi .section-mask {
        height: 920vw;
        top: -400vw;
    }

    #morandi .section-window {
        overflow: hidden;
        padding: 26.388889vw 0 43.75vw;
    }

    #morandi .multi-window .swiper-button-center {
        width: 27.777778vw;
        height: 11.111111vw;
        top: 100%;
        right: 8.888889vw;
        margin: 10.416667vw 0 0 auto;
        display: flex;
    }

    #morandi .multi-window .swiper-button-prev,
    #morandi .multi-window .swiper-button-next {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        bottom: auto;
        width: 11.111111vw;
        height: 11.111111vw;
    }

    #morandi .multi-window .swiper-button-prev::before,
    #morandi .multi-window .swiper-button-next::before,
    #morandi .multi-window .swiper-button-prev:hover::before,
    #morandi .multi-window .swiper-button-next:hover::before {
        width: 8.333333vw;
        height: 8.333333vw;
    }

    #morandi .multi-window .swiper-button-prev:hover::before,
    #morandi .multi-window .swiper-button-next:hover::before {
        opacity: 0;
    }

    #morandi .multi-window .swiper-button-prev::after,
    #morandi .multi-window .swiper-button-next::after {
        width: 12.111111vw;
        height: 12.111111vw;
        opacity: 1;
    }

    #morandi .multi-window .swiper-button-prev:hover::after,
    #morandi .multi-window .swiper-button-next:hover::after {
        transform: translate(-50%, -50%);
    }

    #morandi .multi-window .swiper-button-next {
        margin-left: 5.555556vw;
    }

    #morandi .multi-window {
        overflow: hidden;
    }

    #morandi .multi-window .window-swiper-text-wrap {
        width: 85.833333vw;
        margin: 8.888889vw auto 0;
    }

    #morandi .multi-window .window-swiper-text-wrap .window-swiper-text-2 {
        width: 75.138889vw;
        margin-left: 1.666667vw;
    }

    #morandi .multi-window .text-container {
        width: 91.388889vw;
    }

    #morandi .multi-window .text-container .text-64 {
        max-width: unset;
    }

    #morandi .multi-window .window-swiper {
        width: 91.111111vw;
    }

    #morandi .multi-window .swiper-slide {
        width: 86.666667vw;
        margin: 0 4.444444vw 0 0;
    }

    #morandi .multi-window .swiper-slide:last-child {
        margin-right: 0;
    }

    #morandi .multi-window .media-container {
        padding: 0;
        border-radius: 2.222222vw;
        margin-top: 8.888889vw;
    }

    #morandi .multi-window .media-container img,
    #morandi .multi-window .media-container video {
        border-radius: 2.222222vw;
    }

    #morandi .multi-window .window-swiper .common-video-btn .video-btn-icon-wrap .video-play-btn-start {
        width: 11.111111vw;
    }

    #morandi .multi-window .section-text {
        width: 100%;
        margin-left: auto;
    }

    #morandi .section-point .headline-wrap {
        padding-bottom: 26.388889vw;
    }

    #morandi .pen-point .section-content .text-64 {
        max-width: unset;
    }

    #morandi .section-ai {
        padding-bottom: 26.388889vw;
    }

    #morandi .section-ai .media-container img,
    #morandi .section-ai .media-container video {
        border-radius: 0;
    }

    #morandi .section-ai .section-content {
        width: 84.444444vw;
        margin-left: auto;
        margin-right: auto;
    }

    #morandi .section-ai .section-text {
        width: 77.361111vw;
    }

    #morandi .section-ai .media-container {
        width: 100%;
        padding: 0;
        border-radius: 0;
        background: unset;
    }

    #morandi .section-ai .media-container .common-video-btn {
        bottom: 2.5vw;
    }

    #morandi .section-keyboard .media-container {
        width: 100%;
        padding: 0;
        border-radius: 0;
        margin-top: 8.333333vw;
        transform: translateX(0);
    }

    #morandi .section-keyboard .media-container img,
    #morandi .section-keyboard .media-container video {
        border-radius: 0;
    }

    #morandi .section-keyboard .section-des {
        width: 68.75vw;
        margin: 5.555556vw auto 0;
    }

    #morandi .section-jianying {
        padding-bottom: 26.388889vw;
    }

    #morandi .section-jianying .text-container {
        flex-direction: column;
        width: 88.888889vw;
    }

    #morandi .section-jianying .text-container .text-64 {
        width: 100%;
        text-align: center;
        margin: 0;
    }

    #morandi .section-jianying .text-container .section-text {
        width: 84.861111vw;
        margin: 4.444444vw auto 0;
        text-align: center;
    }

    #morandi .section-jianying .media-container {
        width: 100%;
        border-radius: 0;
        margin-top: 8.333333vw;
    }

    #morandi .section-pc-level .media-container {
        width: 91.111111vw;
        border-radius: 2.222222vw;
        margin-top: 8.333333vw;
    }

    #morandi .section-pc-level .media-container img,
    #morandi .section-pc-level .media-container video {
        border-radius: 2.222222vw;
    }

    #morandi .section-pc-level .section-content {
        width: 91.111111vw;
        flex-direction: column;
    }

    #morandi .section-pc-level .section-content .text-64 {
        text-align: center;
        width: 83.333333vw;
        margin-right: auto;
        margin-left: auto;
    }

    #morandi .section-pc-level .linkage-popup-btn {
        height: 13.333333vw;
        padding: 0 3.333333vw 0 6.666667vw;
        border-radius: 11.111111vw;
        margin-top: 11.111111vw;
    }

    #morandi .section-pc-level .linkage-popup-btn-bg {
        border-radius: 11.111111vw;
    }

    #morandi .section-pc-level .linkage-popup-btn::after {
        width: 100%;
        border-radius: 11.111111vw;
    }

    #morandi .section-pc-level .linkage-popup-btn svg {
        width: 6.666667vw;
        height: 6.666667vw;
        margin-left: 3.333333vw;
    }

    #morandi .section-pc-level .linkage-popup-btn .popup-btn-linkga-rotate {
        width: 120%;
        height: 58.888889vw;
    }

    #morandi .section-pc-level .section-text {
        width: 83.333333vw;
        text-align: center;
        margin: 5.555556vw auto 0;
        order: 3;
    }

    #morandi .section-pc-level .section-text img {
        width: 13.888889vw;
        margin-right: 5.555556vw;
    }

    #morandi .section-pc-level .section-text p {
        text-align: left;

    }

    #morandi .morandi-slideup-popup-container .popup-content {
        width: 95.555556vw;
        margin-top: 8.888889vw;
    }

    #morandi .morandi-slideup-popup-container .morandi-slideup-popup-scroll-container .popup-content-wrap {
        position: static;
    }

    #morandi .morandi-slideup-popup-container .morandi-slideup-popup-scroll-container .icon-close-wrap {
        width: 11.111111vw;
        top: 3.333333vw;
        right: 3.333333vw;
    }

    #morandi .morandi-slideup-popup-container .morandi-slideup-popup-scroll-container .icon-close-circle {
        width: 11.111111vw;
        height: 11.111111vw;
        top: 3.333333vw;
        right: 0;
    }

    #morandi .morandi-slideup-popup-container .morandi-slideup-popup-scroll-container .icon-close-circle:hover {
        opacity: 1;
    }

    #morandi .morandi-slideup-popup-container .morandi-slideup-popup-scroll-container .popup-items {
        width: 83.333333vw;
    }

    #morandi .morandi-slideup-popup-container .morandi-slideup-popup-scroll-container .popup-item {
        width: 83.333333vw;
        padding-top: 22.222222vw;
        flex-direction: column-reverse;
    }

    #morandi .morandi-slideup-popup-container .morandi-slideup-popup-scroll-container .popup-item-2,
    #morandi .morandi-slideup-popup-container .morandi-slideup-popup-scroll-container .popup-item-4 {
        flex-direction: column;
    }

    #morandi .morandi-slideup-popup-container .morandi-slideup-popup-scroll-container .popup-item .popup-item-img {
        width: 100%;
        margin-right: 0;
        margin-top: 10.416667vw;
    }

    #morandi .morandi-slideup-popup-container .morandi-slideup-popup-scroll-container .popup-item .popup-item-img-right {
        margin-left: 0;
    }

    #morandi .morandi-slideup-popup-container .morandi-slideup-popup-scroll-container .popup-item .popup-item-content {
        width: 100%;
    }

    #morandi .morandi-slideup-popup-container .morandi-slideup-popup-scroll-container .section-content {
        width: 68.333333vw;
        top: 29.722222vw
    }

    #morandi .morandi-slideup-popup-container .morandi-slideup-popup-scroll-container .popup-item .popup-icon {
        width: 13.888889vw;
        margin-bottom: 5.555556vw;
    }

    #morandi .morandi-slideup-popup-container .morandi-slideup-popup-scroll-container .popup-c {
        border-radius: 4.444444vw;
        /* overflow: hidden; */
    }

    #morandi .morandi-slideup-popup-container .morandi-slideup-popup-scroll-container .popup-img {
        border-top-left-radius: 4.444444vw;
        border-top-right-radius: 4.444444vw;
        overflow: hidden;
    }

    #morandi .section-notes {
        padding-top: 27.777778vw;
        padding-bottom: 26.388889vw;
    }

    #morandi .section-notes .section-content {
        width: 100%;
    }

    #morandi .section-notes .text-64 {
        width: 85.555556vw;
        margin: 0 auto;
    }

    #morandi .section-notes .section-text {
        width: 78.611111vw;
        margin-top: 0;
    }

    #morandi .section-notes .media-container {
        margin-top: 0;
        margin-bottom: 8.888889vw;
        width: 100%;
        padding: 0;
        border-radius: 0;
    }

    #morandi .section-notes .media-container img,
    #morandi .section-notes .media-container video {
        border-radius: 0;
    }

    #morandi .video-pop-play {
        width: 11.111111vw;
        height: 11.111111vw;
        bottom: 4.444444vw;
        right: 4.444444vw;
    }

    #morandi .where-line {
        padding-top: 0;
        padding-bottom: 0;
    }

    #morandi .where-line .where-icon {
        width: 13.888889vw;
        height: auto;
        margin-bottom: 6.666667vw;
    }

    #morandi .where-line .text-container {
        margin-top: 26.388889vw;
    }

    #morandi .where-line .media-container {
        width: 100%;
        border-radius: 0;
    }

    #morandi .where-line .section-text {
        width: 83.333333vw;
        margin: 8.888889vw auto 0;
    }

    #morandi .section-pen {
        transform: translateY(0);
    }

    #morandi .section-pen .section-content {
        width: 100%;
        transform: scale(1);
        transition-duration: 0s;
    }

    #morandi .section-pen .section-text {
        width: 83.333333vw;
        margin-top: 8.888889vw;
        text-align: center;
    }

    #morandi .section-pen .media-container {
        border-radius: 0;
        margin-top: 8.888889vw;
    }

    #morandi .section-interactions {
        width: 100%;
        overflow: hidden;
        margin-top: 26.388889vw;
    }

    #morandi .section-interactions .section-content {
        width: 88.888889vw;
    }

    #morandi .section-interactions .text-container {
        width: 100%;
        transform: translate(0, 0);
        opacity: 1;
    }

    #morandi .section-interactions .text-container .text-64 {
        max-width: 100%;
    }

    #morandi .section-interactions .interactions-swiper {
        transform: translate(0, 0);
        opacity: 1;
        margin-top: 8.888889vw;
        margin-left: 1.111111vw;
        margin-right: 1.111111vw;
    }

    #morandi .section-interactions .interactions-swiper .swiper-wrapper {
        flex-wrap: nowrap;
    }

    #morandi .section-xiaoyi .xiaoyi-link {
        opacity: 1;
        margin-top: 10.555556vw;
        transform: unset;
    }

    #morandi .section-interactions .swiper-slide {
        width: 86.666667vw;
        margin: 0 4.444444vw 0 0;
        transform: translate(0, 0);
    }

    #morandi .section-interactions .swiper-slide:last-child {
        margin-right: 0;
    }

    #morandi .section-interactions .interactions-video {
        margin-top: 0;
        padding: .416667vw;
        box-sizing: border-box;
        border-radius: 2.222222vw;
    }

    #morandi .section-interactions .swiper-slide-3 .interactions-video,
    #morandi .section-interactions .swiper-slide-4 .interactions-video {
        margin-top: 0;
    }

    #morandi .section-interactions .interactions-video video,
    #morandi .section-interactions .interactions-video img {
        border-radius: 2.222222vw;
    }

    #morandi .section-interactions .interactions-text {
        width: auto;
        height: auto;
        transform: translate(0, 0);
        opacity: 1;
        margin: 6.666667vw 5.666667vw 0 6.666667vw;
    }

    #morandi .section-interactions .swiper-button-prev::after,
    #morandi .section-interactions .swiper-button-next::after {
        content: '';
    }

    #morandi .section-interactions .swiper-button-center {
        display: flex;
        width: max-content;
        margin-left: auto;
        margin-top: 10.416667vw;
    }

    #morandi .section-interactions .swiper-button-next {
        margin-left: 5.555556vw;
    }

    #morandi .section-interactions .swiper-button-prev,
    #morandi .section-interactions .swiper-button-next {
        position: relative;
        top: auto;
        left: unset;
        right: unset;
        margin-top: 0;
        width: 11.111111vw;
        height: 11.111111vw;
    }

    #morandi .section-interactions .interactions-swiper .common-video-btn .video-btn-icon-wrap .video-play-btn-start {
        width: 11.111111vw;
    }

    #morandi .common-video-btn .video-btn-icon-wrap .video-play-btn-start {
        width: 11.111111vw;
    }

    #morandi .common-video-btn .video-btn-icon-wrap:hover {
        opacity: 1;
    }

    #morandi .section-xiaoyi {
        padding-bottom: 27.777778vw;
    }

    #morandi .section-xiaoyi .text-container {
        width: 84.444444vw;
    }

    #morandi .section-xiaoyi .section-text {
        width: 100%;
    }

    #morandi .section-xiaoyi .section-content {
        width: 100%;
    }

    #morandi .section-xiaoyi .media-container {
        border-radius: 0;
        margin-top: 8.888889vw;
    }

    #morandi .section-notes-top {
        padding-bottom: 49.305556vw;
        overflow: hidden;
    }

    #morandi .section-notes-top .notes-swiper {
        width: 100%;
    }

    #morandi .section-notes-top .text-container {
        width: 75.555556vw;
    }

    #morandi .section-notes-top .section-text {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        text-align: left;
    }

    #morandi .section-notes-top .notes-swiper {
        width: 91.111111vw;
    }

    #morandi .section-notes-top .swiper-slide {
        width: 86.666667vw;
        margin: 0 4.444444vw 0 0;
    }

    #morandi .section-notes-top .swiper-slide:last-child {
        margin-right: 0;
    }

    #morandi .section-notes-top .media-container {
        border-radius: 2.222222vw;
        background: none;
        box-sizing: border-box;
        margin-top: 0;
        padding: 0;
    }

    #morandi .section-notes-top .media-container img,
    #morandi .section-notes-top .media-container video {
        border-radius: 2.222222vw;
    }

    #morandi .section-notes-top .notes-swiper .common-video-btn .video-btn-icon-wrap .video-play-btn-start {
        width: 11.111111vw;
    }

    #morandi .section-notes-top .swiper-button-center {
        width: 27.777778vw;
        height: 11.111111vw;
        top: 100%;
        right: 8.888889vw;
        margin: 10.416667vw 0 0 auto;
        display: flex
    }

    #morandi .section-notes-top .swiper-button-prev,
    #morandi .section-notes-top .swiper-button-next {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        bottom: auto;
        width: 11.111111vw;
        height: 11.111111vw;
    }

    #morandi .section-notes-top .swiper-button-prev::before,
    #morandi .section-notes-top .swiper-button-next::before {
        width: 8.333333vw;
        height: 8.333333vw;
    }

    #morandi .section-notes-top .swiper-button-prev:hover::before,
    #morandi .section-notes-top .swiper-button-next:hover::before,
    #morandi .section-notes-top .swiper-button-prev::after,
    #morandi .section-notes-top .swiper-button-next::after {
        width: 11.111111vw;
        height: 11.111111vw;
    }

    #morandi .section-notes-top .swiper-button-next {
        margin-left: 5.555556vw;
    }

    #morandi .section-notes-top .notes-swiper-text-wrap {
        width: 86.25vw;
        margin: 8.888889vw auto 0 11.111111vw;
    }

    #morandi .section-card {
        padding-top: 27.777778vw;
    }

    #morandi .section-card .swiper-button-next {
        margin-left: 5.555556vw;
    }

    #morandi .section-animation .text-container {
        width: 88.888889vw;
        margin-top: 26.388889vw
    }

    #morandi .section-animation .text-container .text-64 {
        max-width: 100%;
    }

    #morandi .section-animation .media-container {
        width: 100%;
        transform: scale(1);
        margin-top: 8.888889vw;
        border-radius: 0;
    }

    #morandi .section-animation .section-text {
        width: 77.777778vw;
    }

    #morandi .section-gopaint .text-container {
        width: 75vw;
        flex-direction: column;
        padding-top: 26.388889vw;
    }

    #morandi .section-gopaint .text-container .text-64 {
        width: 100%;
        margin: 0;
        text-align: center;
    }

    #morandi .section-gopaint .text-container .section-text {
        width: 100%;
        margin: 4.166667vw 0 0;
        text-align: center;
    }

    #morandi .section-gopaint .media-container {
        width: 100%;
        margin-top: 8.333333vw;
        border-radius: 0;
    }

    #morandi .section-brush .text-container {
        width: 83.333333vw;
        padding-top: 26.388889vw;
        flex-direction: column;
    }

    #morandi .section-brush .text-container .text-64,
    #morandi .section-brush .text-container .section-text {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        text-align: center;
    }

    #morandi .section-brush .text-container .section-text {
        margin-top: 4.444444vw;
    }

    #morandi .section-brush .media-container {
        width: 100%;
        padding: 0;
        border-radius: 0;
        margin-top: 0;
        transform: translateX(0);
    }

    #morandi .section-brush .media-container img,
    #morandi .section-brush .media-container video {
        border-radius: 0;
    }

    #morandi .section-brush .section-des {
        width: 68.75vw;
        margin: 5.555556vw auto 0;
    }

    #morandi .notes-top {
        padding-top: 27.777778vw;
        padding-bottom: 27.777778vw;
    }

    #morandi .notes-top .notes-top-icon {
        width: 13.888889vw;
        height: auto;
        margin-bottom: 6.666667vw;
    }

    #morandi .notes-top .text-container {
        margin-top: 26.388889vw;
    }

    #morandi .notes-top .media-container {
        width: 100%;
        border-radius: 0;
    }

    #morandi .notes-top .section-text {
        width: 83.333333vw;
        margin: 8.888889vw auto 0;
    }

    #morandi .section-carousel {
        padding-top: 5.555556vw;
        overflow: hidden;
    }

    #morandi .section-carousel .carousel-swiper {
        overflow: unset;
        width: 91.111111vw;
        margin: 0 auto;
    }

    #morandi .section-carousel .swiper-slide {
        width: 86.666667vw;
        margin: 0 4.444444vw 0 0;
    }

    #morandi .section-carousel .swiper-slide:last-child {
        margin-right: 0;
    }

    #morandi .section-carousel .swiper-slide img {
        border-radius: 2.222222vw;
    }

    #morandi .section-carousel .swiper-button-center {
        margin-top: 11.111111vw;
    }

    #morandi .section-carousel .swiper-button-prev,
    #morandi .section-carousel .swiper-button-next {
        width: 11.111111vw;
        height: 11.111111vw;
    }

    #morandi .section-carousel .swiper-button-next {
        margin-left: 13.333333vw;
    }

    #morandi .section-carousel .swiper-pagination {
        font-size: 4.444444vw;
    }

    #morandi .section-unbounded-notes {
        padding-top: 0;
    }

    #morandi .section-unbounded-notes .media-container img,
    #morandi .section-unbounded-notes .media-container video {
        border-radius: 0;
    }

    #morandi .section-unbounded-notes .section-content {
        width: 84.444444vw;
        margin-left: auto;
        margin-right: auto;
    }

    #morandi .section-unbounded-notes .section-text {
        width: 80vw;
    }

    #morandi .section-unbounded-notes .media-container {
        width: 100%;
        padding: 0;
        border-radius: 0;
        background: unset;
    }

    #morandi .section-card {
        width: 100%;
        padding-top: 27.777778vw;
        overflow: hidden;
    }

    #morandi .section-card .headline-wrap {
        padding-bottom: 26.388889vw;
    }

    #morandi .section-card .card1-swiper {
        width: 91.111111vw;
    }

    #morandi .section-card .card1-swiper .swiper-slide {
        width: 86.666667vw;
        margin: 0 4.444444vw 0 0;
    }

    #morandi .section-card .card1-swiper .swiper-slide .card-des {
        position: relative;
        top: auto;
        left: auto;
        margin-top: 5.972222vw;
        margin-left: 6.666667vw;
    }

    #morandi .section-card .card1-swiper .swiper-slide .card-des p {
        margin-top: 2.5vw;
    }

    #morandi .section-card .card1-swiper .swiper-slide::after {
        display: none;
    }

    #morandi .section-card .card1-swiper .swiper-slide .card-imgs {
        position: relative;
        border-radius: 2.222222vw;
    }

    #morandi .section-card .card1-swiper .swiper-slide .card-imgs img {
        border-radius: 2.222222vw;
    }

    #morandi .section-card .card1-swiper .swiper-slide .card-imgs::after {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        top: -2px;
        left: -2px;
        border-radius: 2.222222vw;
        background: linear-gradient(109deg, rgba(149, 209, 193, 0.5), transparent, rgba(149, 209, 193, 0.5));
        padding: 2px;
        z-index: -1;
    }

    #morandi .section-card .card1-swiper .swiper-button-prev::after,
    #morandi .section-card .card1-swiper .swiper-button-next::after {
        content: '';
    }

    #morandi .section-card .card1-swiper .swiper-button-center {
        display: flex;
        width: max-content;
        margin: 10.416667vw 4.444444vw 0 auto;
    }

    #morandi .section-card .card1-swiper .swiper-button-prev,
    #morandi .section-card .card1-swiper .swiper-button-next {
        position: relative;
        top: auto;
        left: unset;
        right: unset;
        margin-top: 0;
        width: 11.111111vw;
        height: 11.111111vw;
    }

    #morandi .section-card .card1-swiper .swiper-button-next {
        margin-left: 5.555556vw;
    }

    #morandi .section-card .card-swiper {
        width: 91.111111vw;
        margin: 27.777778vw auto 0;
    }

    #morandi .section-card .card-swiper .swiper-wrapper {
        flex-wrap: nowrap;
    }

    #morandi .section-card .w796,
    #morandi .section-card .w468,
    #morandi .section-card .h516,
    #morandi .section-card .h476 {
        width: 100%;
        height: auto;
    }

    #morandi .section-card .card-swiper .swiper-slide {
        background: none;
        border-radius: 0;
        display: flex;
        flex-direction: column;
        width: 86.666667vw;
        margin: 0 4.444444vw 0 0;
    }

    #morandi .section-card .card-swiper .swiper-slide:nth-child(2n) {
        margin: 0 4.444444vw 0 0;
    }

    #morandi .section-card .card-swiper .swiper-slide:last-child {
        margin-right: 0;
    }

    #morandi .section-card .card-swiper .swiper-slide .card-imgs {
        width: 100%;
        position: relative;
        height: auto;
        padding: .416667vw;
        border-radius: 2.222222vw;
        background: linear-gradient(109deg, rgba(149, 209, 193, 0.5), transparent, rgba(149, 209, 193, 0.5));
        box-sizing: border-box;
    }

    #morandi .section-card .card-swiper .swiper-slide .text-32 {
        order: 2;
        width: 74.916667vw;
        margin-left: 6.666667vw;
        margin-top: 5.972222vw;
    }

    #morandi .section-card .card-swiper .swiper-slide .card-imgs img {
        border-radius: 2.222222vw;
    }

    #morandi .section-card .card-swiper .swiper-slide .card-des {
        order: 3;
        width: 94%;
        margin-left: 6.666667vw;
        margin-top: 2.777778vw;
    }

    #morandi .section-card .card-swiper .swiper-slide .card-des p {
        opacity: 1;
        margin-top: 0;
    }

    #morandi .section-card .card-swiper .swiper-slide::after,
    #morandi .section-card .card-swiper .swiper-slide .card-icon {
        display: none;
    }

    #morandi .section-card .card-swiper .swiper-button-prev::after,
    #morandi .section-card .card-swiper .swiper-button-next::after {
        content: '';
    }

    #morandi .section-card .card-swiper .swiper-button-center {
        display: flex;
        width: max-content;
        margin: 10.416667vw 4.444444vw 0 auto;
    }

    #morandi .section-card .card-swiper .swiper-button-prev,
    #morandi .section-card .card-swiper .swiper-button-next {
        position: relative;
        top: auto;
        left: unset;
        right: unset;
        margin-top: 0;
        width: 11.111111vw;
        height: 11.111111vw;
    }

    #morandi .section-card .card-swiper .swiper-button-next {
        margin-left: 5.555556vw;
    }

    #morandi .section-disclaimer {
        padding-top: .694444vw;
        padding-bottom: 27.777778vw;
    }

    #morandi .section-disclaimer .disclaimer-container {
        width: 87.5vw
    }

    #morandi .section-disclaimer .disclaimer-container ol {
        font-size: 3.333333vw
    }
}

#morandi .video-fallback {
    display: none;
}

#morandi.no-inline-video .video-fallback {
    display: block;
}

#morandi.no-inline-video video {
    display: none;
}

#morandi.no-inline-video .common-video-btn {
    display: none;
}

#morandi.no-inline-video .intelligence-video-play-btn-container {
    display: none;
}

#morandi.no-inline-video .note-video-play-btn-container {
    display: none;
}

@media (min-aspect-ratio: 11/10) and (min-width: 790px) and (max-width: 1366px) {

    #morandi .transition .transition-mask .pc-show,
    #morandi .transition .transition-mask .mob-show {
        display: none;
    }

    #morandi .transition .transition-mask .pad-show {
        display: block;
        width: calc(100% + 3px);
        transform: translate(-1px, 0.5px);
    }

}

@media (min-aspect-ratio: 11/10) and (min-width: 790px) and (max-width: 800px) {
    #morandi .system-screen .section-text {
        margin-top: -23.041667vw;
    }

    #morandi .system-screen .screen-box {
        top: -14.125vw;
    }

    #morandi .system-screen .feature-container {
        opacity: 0;
    }

    #morandi .section-keyboard .section-content {
        width: 46.21875vw;
    }

    #morandi .efficient .efficient-swiper-text-wrap {
        width: 55.125vw;
    }

    #morandi .efficient .section-text {
        width: 54.697917vw;
    }

    #morandi .section-pc-level .linkage-popup-btn .popup-btn-linkga-rotate {
        width: 15.114583vw;
        height: 15.114583vw;
    }
}