:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:last-child{margin-inline-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:last-child{margin-block-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(min-width:1081px){.zn-wrapper{width:100%;overflow:hidden}.zn-wrapper .mb-only{display:none}.zn-wrapper .sections{width:calc(1920 * var(--rpx))}.zn-wrapper .section-title{font-size:calc(160 * var(--rpx));line-height:calc(150 * var(--rpx));color:#000;margin:0 0 calc(160 * var(--rpx)) 0;font-family:HurmeGeometricSans;font-weight:800;text-transform:uppercase}.zn-wrapper .section-safe{width:calc(1440 * var(--rpx));margin:0 auto}.zn-wrapper .section-text{font-size:calc(48 * var(--rpx));line-height:calc(50 * var(--rpx));font-family:HurmeGeometricSans;font-weight:800;color:#000}.zn-wrapper .section-text .purple{color:#8571df;font-weight:800;font-family:HurmeGeometricSans}.zn-wrapper .section-sub-title{font-weight:800;text-transform:uppercase;font-size:calc(100 * var(--rpx));line-height:calc(100 * var(--rpx));font-family:HurmeGeometricSans;color:#000}.zn-wrapper .section-sub-title .blue{color:#0e55dc;font-weight:700;background:linear-gradient(to bottom,#0c53da,#0c53da 30%,#2b86fe 70%,#2b86fe);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;font-family:HurmeGeometricSans}.zn-wrapper .textTitle{font-size:calc(48 * var(--rpx));line-height:1.1;font-weight:800;font-family:HurmeGeometricSans}.zn-wrapper .textDesc{font-size:calc(32 * var(--rpx));font-weight:400;opacity:.8;font-family:HurmeGeometricSans}.zn-wrapper .textNotice{opacity:.4;color:#000;font-size:calc(12 * var(--rpx));font-family:HurmeGeometricSans}.zn-wrapper .textText{opacity:.6;color:#000;font-size:calc(16 * var(--rpx));font-family:HurmeGeometricSans}.zn-wrapper .section1 .kv{width:calc(1536 * var(--rpx));margin:0 auto;height:calc(1280 * var(--rpx))}.zn-wrapper .section1 .kv-image{width:calc(1536 * var(--rpx));height:calc(659.5 * var(--rpx))}.zn-wrapper .section1 .kv-title{text-align:center;padding-top:calc(120 * var(--rpx))}.zn-wrapper .section1 .kv-title h3{font-size:calc(88 * var(--rpx));font-weight:800;line-height:1;font-family:HurmeGeometricSans;color:#000}.zn-wrapper .section1 .kv-title p{font-weight:800;font-style:italic;font-size:calc(48 * var(--rpx));font-family:HurmeGeometricSans;color:#000}.zn-wrapper .section1 .kv-title .kv-benefits{display:flex;width:100%;justify-content:center;margin-top:calc(40 * var(--rpx));margin-bottom:calc(50 * var(--rpx))}.zn-wrapper .section1 .kv-title .kv-benefit-item{padding:0 calc(54 * var(--rpx));text-align:left;display:flex;flex-direction:column;justify-content:center;font-size:calc(32 * var(--rpx));position:relative;align-items:flex-start;line-height:1;font-family:HurmeGeometricSans;color:#000}.zn-wrapper .section1 .kv-title .kv-benefit-item:before{content:"";width:calc(3 * var(--rpx));background-color:#000;height:calc(56 * var(--rpx));top:calc(8 * var(--rpx));position:absolute;right:0}.zn-wrapper .section1 .kv-title .kv-benefit-item:last-child:before{display:none}.zn-wrapper .section1 .kv-title .kbi-main{font-weight:800;font-family:HurmeGeometricSans;color:#000}.zn-wrapper .section1 .kv-title .kbi-desc{color:#000;font-family:HurmeGeometricSans}.zn-wrapper .section2{padding-bottom:calc(180 * var(--rpx))}.zn-wrapper .section2 .navs-wrapper{width:calc(1440 * var(--rpx));margin:0 auto}.zn-wrapper .section2 .nav{position:relative;background-color:#ebeff5;border-radius:calc(20 * var(--rpx))}.zn-wrapper .section2 .nav:hover .nav-image{transform:scale(1.05)}.zn-wrapper .section2 .nav-inner{width:100%;height:100%;overflow:hidden;border-radius:calc(20 * var(--rpx))}.zn-wrapper .section2 .nav-inner .nav-image{width:100%;transition:all .3s}.zn-wrapper .section2 .navs-row{display:flex;justify-content:space-between;margin-bottom:calc(20 * var(--rpx))}.zn-wrapper .section2 .navs-row.navs-row-no-bottom{margin-bottom:0}.zn-wrapper .section2 .nav-text{font-size:calc(32 * var(--rpx));line-height:calc(38 * var(--rpx));font-family:HurmeGeometricSans;position:absolute;font-weight:800}.zn-wrapper .section2 .navs-col{flex-shrink:0}.zn-wrapper .section2 .col-left{width:calc(952 * var(--rpx))}.zn-wrapper .section2 .col-right{width:calc(468 * var(--rpx))}.zn-wrapper .section2 .nav1{width:calc(952 * var(--rpx));height:calc(400 * var(--rpx))}.zn-wrapper .section2 .nav1 .nav1-image{width:calc(778 * var(--rpx));position:absolute;right:0;top:calc(-119 * var(--rpx));transform-origin:right bottom;transition:all .3s}.zn-wrapper .section2 .nav1 .nav-inner{background-image:linear-gradient(to bottom,#153fb8,#5c96e4)}.zn-wrapper .section2 .nav1 .nav-text{color:#fff;bottom:calc(24 * var(--rpx));left:calc(28 * var(--rpx))}.zn-wrapper .section2 .nav2{width:calc(468 * var(--rpx));height:calc(400 * var(--rpx))}.zn-wrapper .section2 .nav2 .nav-text{color:#000;top:calc(24 * var(--rpx));left:calc(28 * var(--rpx))}.zn-wrapper .section2 .nav3{width:calc(466 * var(--rpx));height:calc(400 * var(--rpx))}.zn-wrapper .section2 .nav3 .nav-text{color:#fff;top:calc(24 * var(--rpx));left:calc(28 * var(--rpx))}.zn-wrapper .section2 .nav4{width:calc(466 * var(--rpx));height:calc(400 * var(--rpx))}.zn-wrapper .section2 .nav4 .nav-text{color:#000;top:calc(24 * var(--rpx));left:calc(28 * var(--rpx))}.zn-wrapper .section2 .nav5{width:calc(466 * var(--rpx));height:calc(400 * var(--rpx))}.zn-wrapper .section2 .nav5 .nav-text{color:#fff;top:calc(24 * var(--rpx));left:calc(28 * var(--rpx))}.zn-wrapper .section2 .nav6{width:calc(466 * var(--rpx));height:calc(400 * var(--rpx))}.zn-wrapper .section2 .nav6 .nav-text{color:#fff;top:calc(24 * var(--rpx));left:calc(28 * var(--rpx))}.zn-wrapper .section2 .nav7{width:calc(468 * var(--rpx));height:calc(587 * var(--rpx))}.zn-wrapper .section2 .nav7 .nav-text{color:#fff;top:calc(24 * var(--rpx));left:calc(28 * var(--rpx))}.zn-wrapper .section2 .nav8{width:calc(466 * var(--rpx));height:calc(213 * var(--rpx))}.zn-wrapper .section2 .nav8 .nav-text{color:#000;top:calc(88 * var(--rpx));left:calc(28 * var(--rpx))}.zn-wrapper .section2 .nav9{width:calc(954 * var(--rpx));height:calc(400 * var(--rpx))}.zn-wrapper .section2 .nav9 .nav-text{color:#fff;top:calc(32 * var(--rpx));left:calc(32 * var(--rpx))}.zn-wrapper .section3{position:relative;height:calc(1600 * var(--rpx));padding-bottom:calc(180 * var(--rpx))}.zn-wrapper .section3 .section3-safe{position:absolute;top:0;z-index:2;left:50%;margin-left:calc(-720 * var(--rpx))}.zn-wrapper .section3 .section3-wrapper{width:calc(1920 * var(--rpx));height:calc(1420 * var(--rpx));padding-bottom:calc(140 * var(--rpx));padding-top:calc(770 * var(--rpx));border-bottom-left-radius:calc(100 * var(--rpx));border-bottom-right-radius:calc(100 * var(--rpx));position:relative;z-index:1}.zn-wrapper .section3 .section3-wrapper.section3-wrapper--blue{background-image:linear-gradient(to top,#b3d4ff,#fff 40%,#fff)}.zn-wrapper .section3 .section3-wrapper.section3-wrapper--grey{background-image:linear-gradient(to top,#f2f5fc,#fff 40%,#fff)}.zn-wrapper .section3 .section3-wrapper.section3-wrapper--black{background-image:linear-gradient(to top,#cbccd1,#fff 40%,#fff)}.zn-wrapper .section3 .section3-wrapper.section3-wrapper--purple{background-image:linear-gradient(to top,#ece9ff,#fff 40%,#fff)}.zn-wrapper .section3 .section3-wrapper.section3-wrapper--pink{background-image:linear-gradient(to top,#ffe8ea,#fff 40%,#fff)}.zn-wrapper .section3 .section-text{margin-bottom:calc(260 * var(--rpx))}.zn-wrapper .section3 .phone-color-container .phone-color-inner{position:relative;width:calc(1440 * var(--rpx));height:calc(445 * var(--rpx))}.zn-wrapper .section3 .phone-color-container .phone-color-image{position:absolute;width:calc(1271 * var(--rpx));left:calc(85 * var(--rpx));bottom:calc(100 * var(--rpx))}.zn-wrapper .section3 .phone-color-container .color-bg{width:calc(1440 * var(--rpx));height:calc(445 * var(--rpx));border-radius:calc(30 * var(--rpx));overflow:hidden}.zn-wrapper .section3 .phone-color-container .color-bg.color-bg--blue{background-image:linear-gradient(to bottom,#153fb8,#5c95e4)}.zn-wrapper .section3 .phone-color-container .color-bg.color-bg--grey{background-image:linear-gradient(to bottom,#9ea1a9,#d2d4dc)}.zn-wrapper .section3 .phone-color-container .color-bg.color-bg--black{background-image:linear-gradient(to bottom,#4f5256,#9b9da2)}.zn-wrapper .section3 .phone-color-container .color-bg.color-bg--purple{background-image:linear-gradient(to bottom,#dfdcff,#eae6ff)}.zn-wrapper .section3 .phone-color-container .color-bg.color-bg--pink{background-image:linear-gradient(to bottom,#ffdce3,#ffe7eb)}.zn-wrapper .section3 .phone-color-info{position:absolute;z-index:3;top:calc(1234 * var(--rpx));width:calc(1440 * var(--rpx));left:50%;margin-left:calc(-720 * var(--rpx));display:flex;justify-content:space-between}.zn-wrapper .section3 .phone-color-info .info-text{display:flex;align-items:center}.zn-wrapper .section3 .phone-color-info .info-select{display:flex}.zn-wrapper .section3 .phone-color-info .info-select-item{width:calc(26 * var(--rpx));height:calc(26 * var(--rpx));border-radius:50%;margin-left:calc(32 * var(--rpx));position:relative}.zn-wrapper .section3 .phone-color-info .info-select-item .dot{width:calc(26 * var(--rpx));height:calc(26 * var(--rpx));border-radius:50%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.zn-wrapper .section3 .phone-color-info .info-select-item .ring{opacity:0;width:calc(40 * var(--rpx));height:calc(40 * var(--rpx));position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.zn-wrapper .section3 .phone-color-info .info-select-item .ring:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;padding:2px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;z-index:-1}.zn-wrapper .section3 .phone-color-info .info-select-item:hover{cursor:pointer}.zn-wrapper .section3 .phone-color-info .info-select-item:hover:not(.select--current) .dot{transform:translate(-50%,-50%) scale(1.1);transition:all .3s linear}.zn-wrapper .section3 .phone-color-info .info-select-item:hover:not(.select--current) .ring{opacity:1}.zn-wrapper .section3 .phone-color-info .info-select-item.select--current .ring{opacity:1}.zn-wrapper .section3 .phone-color-info .info-select-item.select-blue .dot{background-image:linear-gradient(to bottom,#01a3fa,#0f3c95)}.zn-wrapper .section3 .phone-color-info .info-select-item.select-blue .ring:before{background:linear-gradient(to bottom,#01a3fa,#0f3c95)}.zn-wrapper .section3 .phone-color-info .info-select-item.select-grey .dot{background-image:linear-gradient(to bottom,#e9e9e9,#bfc1c3)}.zn-wrapper .section3 .phone-color-info .info-select-item.select-grey .ring:before{background:linear-gradient(to bottom,#e9e9e9,#bfc1c3)}.zn-wrapper .section3 .phone-color-info .info-select-item.select-black .dot{background-image:linear-gradient(to bottom,#b0b0b0,#222)}.zn-wrapper .section3 .phone-color-info .info-select-item.select-black .ring:before{background:linear-gradient(to bottom,#b0b0b0,#222)}.zn-wrapper .section3 .phone-color-info .info-select-item.select-purple .dot{background-image:linear-gradient(to bottom,#d2c4f9,#7f6db9)}.zn-wrapper .section3 .phone-color-info .info-select-item.select-purple .ring:before{background:linear-gradient(to bottom,#d2c4f9,#7f6db9)}.zn-wrapper .section3 .phone-color-info .info-select-item.select-pink .dot{background-image:linear-gradient(to bottom,#f9c1cb,#ca6c7c)}.zn-wrapper .section3 .phone-color-info .info-select-item.select-pink .ring:before{background:linear-gradient(to bottom,#f9c1cb,#ca6c7c)}.zn-wrapper .section3 .phone-color-info .phone-color-name{font-size:calc(24 * var(--rpx));line-height:calc(32 * var(--rpx));color:#000;font-weight:800;min-width:calc(180 * var(--rpx));font-family:HurmeGeometricSans}.zn-wrapper .section3 .phone-color-info .phone-color-small{font-size:calc(16 * var(--rpx));line-height:calc(20 * var(--rpx));color:#000;margin-left:calc(20 * var(--rpx));font-family:HurmeGeometricSans}.zn-wrapper .section4{margin-bottom:calc(180 * var(--rpx))}.zn-wrapper .section4 .section4-wrapper{position:relative}.zn-wrapper .section4 .battery-card{position:relative;margin-top:calc(80 * var(--rpx));background-image:linear-gradient(to bottom,#153fb8,#5d97e4);border-radius:calc(30 * var(--rpx));width:calc(1440 * var(--rpx));height:calc(813 * var(--rpx));color:#fff;margin-bottom:calc(150 * var(--rpx))}.zn-wrapper .section4 .battery-card .textTitle{position:absolute;left:calc(48 * var(--rpx));top:calc(475 * var(--rpx))}.zn-wrapper .section4 .battery-card .textNotice{position:absolute;left:calc(48 * var(--rpx));bottom:calc(48 * var(--rpx));color:#fff;opacity:.5}.zn-wrapper .section4 .battery-card .textText{color:#fff}.zn-wrapper .section4 .battery-card .battery-card-text{position:absolute;right:calc(48 * var(--rpx));bottom:calc(48 * var(--rpx))}.zn-wrapper .section4 .battery-card .textDesc{margin-bottom:calc(20 * var(--rpx))}.zn-wrapper .section4 .battery-image{width:calc(1131 * var(--rpx));position:absolute;right:0;top:calc(-118 * var(--rpx))}.zn-wrapper .section4 .display-card{width:calc(1440 * var(--rpx));height:calc(880 * var(--rpx));position:relative}.zn-wrapper .section4 .display-text{position:relative;z-index:2;color:#000;padding-top:calc(50 * var(--rpx))}.zn-wrapper .section4 .display-text .section-sub-title{margin-bottom:calc(75 * var(--rpx))}.zn-wrapper .section4 .display-text .section-text{margin-bottom:calc(90 * var(--rpx))}.zn-wrapper .section4 .display-text .textDesc{margin-bottom:calc(20 * var(--rpx))}.zn-wrapper .section4 .display-image{width:calc(1029 * var(--rpx));position:absolute;right:0;top:0}.zn-wrapper .section4 .cpu-card{position:relative;z-index:2;margin-bottom:calc(150 * var(--rpx))}.zn-wrapper .section4 .cpu-card .cpu-card-wrap{margin-top:calc(70 * var(--rpx));position:relative;width:calc(1440 * var(--rpx));height:calc(640 * var(--rpx));background-color:#ebeff5;border-radius:calc(30 * var(--rpx))}.zn-wrapper .section4 .cpu-card .cpu-card-wrap .cpu-image{width:100%;border-radius:calc(30 * var(--rpx));overflow:hidden}.zn-wrapper .section4 .cpu-card .cpu-card-wrap .cpu-image-up{position:absolute;width:calc(660 * var(--rpx));top:calc(-106 * var(--rpx));left:calc(218 * var(--rpx))}.zn-wrapper .section4 .cpu-card .textTitle{position:absolute;left:calc(948 * var(--rpx));top:calc(223 * var(--rpx));color:#000}.zn-wrapper .section4 .cpu-card .textDesc{margin-bottom:calc(20 * var(--rpx));color:#000}.zn-wrapper .section4 .cpu-card .cpu-text-wrap{position:absolute;left:calc(948 * var(--rpx));top:calc(423 * var(--rpx))}.zn-wrapper .section4 .signal-card{height:calc(1000 * var(--rpx));position:relative}.zn-wrapper .section4 .signal-card .signal-bg{width:calc(1920 * var(--rpx));height:calc(1547 * var(--rpx));position:absolute;bottom:0;border-bottom-left-radius:calc(100 * var(--rpx));border-bottom-right-radius:calc(100 * var(--rpx));margin-left:calc(-240 * var(--rpx));background-image:linear-gradient(to bottom,#fff,#fff 30%,#5e8cea,#0b34a9);z-index:1}.zn-wrapper .section4 .signal-card .signal-bg .signal-image{width:calc(791 * var(--rpx));position:absolute;top:calc(839 * var(--rpx));right:calc(240 * var(--rpx))}.zn-wrapper .section4 .signal-card .signal-inner{position:relative;z-index:2;color:#fff}.zn-wrapper .section4 .signal-card .signal-inner .textTitle{position:absolute;top:calc(90 * var(--rpx));left:0}.zn-wrapper .section4 .signal-card .signal-inner .signal-text-wrap{position:absolute;left:0;top:calc(230 * var(--rpx))}.zn-wrapper .section4 .signal-card .signal-inner .textDesc{margin-bottom:calc(20 * var(--rpx))}.zn-wrapper .section4 .signal-card .signal-inner .os-icon{width:62px;height:62px;position:absolute;top:calc(530 * var(--rpx));left:0}.zn-wrapper .section4 .signal-card .signal-inner .textText{color:#fff}.zn-wrapper .section4 .signal-card .signal-inner .textNotice{position:absolute;top:calc(630 * var(--rpx));left:0;color:#fff}.zn-wrapper .section4 .signal-card .section-sub-title{position:relative;z-index:2;white-space:nowrap;color:#000}.zn-wrapper .section5{margin-bottom:calc(150 * var(--rpx))}.zn-wrapper .section5 .use-cards{margin-top:calc(80 * var(--rpx));display:flex;justify-content:space-between}.zn-wrapper .section5 .card-item{width:calc(705 * var(--rpx));height:calc(794 * var(--rpx));border-radius:calc(30 * var(--rpx));overflow:hidden;background-color:#153fb8;position:relative}.zn-wrapper .section5 .card-image{width:100%;position:absolute;top:0;left:0;z-index:1}.zn-wrapper .section5 .card-item-inner{position:relative;z-index:2;color:#fff;padding-top:calc(42 * var(--rpx));padding-left:calc(48 * var(--rpx))}.zn-wrapper .section5 .card-item-inner .textTitle{margin-bottom:calc(24 * var(--rpx))}.zn-wrapper .section5 .card-item-inner .textDesc{margin-bottom:calc(16 * var(--rpx))}.zn-wrapper .section5 .card-item-inner .textText{color:#fff}.zn-wrapper .section5 .card-item-inner .use-ul{margin-top:calc(40 * var(--rpx));display:flex}.zn-wrapper .section5 .card-item-inner .use-ul .use-li{display:flex;align-items:center;margin-right:calc(70 * var(--rpx));font-size:calc(24 * var(--rpx));font-family:HurmeGeometricSans}.zn-wrapper .section5 .card-item-inner .use-ul .use-li:before{content:"";width:calc(12 * var(--rpx));height:calc(12 * var(--rpx));border-radius:50%;background-color:#fff;display:block;margin-right:calc(12 * var(--rpx))}.zn-wrapper .section5 .card-item-inner .sgs-icon{margin-top:calc(20 * var(--rpx));width:calc(152 * var(--rpx))}.zn-wrapper .section5 .camera-card{width:calc(1920 * var(--rpx));height:calc(1080 * var(--rpx));margin-left:calc(-240 * var(--rpx));background-image:linear-gradient(to bottom,#fff,#ece8ff);border-bottom-left-radius:calc(100 * var(--rpx));border-bottom-right-radius:calc(100 * var(--rpx));position:relative}.zn-wrapper .section5 .camera-card .section-sub-title{position:absolute;white-space:nowrap;left:calc(860 * var(--rpx));top:calc(330 * var(--rpx));color:#000}.zn-wrapper .section5 .camera-card .section-text{position:absolute;left:calc(860 * var(--rpx));top:calc(550 * var(--rpx));color:#000}.zn-wrapper .section5 .camera-card .textText{position:absolute;left:calc(860 * var(--rpx));top:calc(630 * var(--rpx));color:#000}.zn-wrapper .section5 .camera-image{position:absolute;width:calc(1161 * var(--rpx));height:calc(923 * var(--rpx));left:0;bottom:0;border-bottom-left-radius:calc(100 * var(--rpx))}.zn-wrapper .section5 .camera-card-inner{position:relative;z-index:2;width:calc(1440 * var(--rpx));margin:0 auto}.zn-wrapper .section6{margin-bottom:calc(140 * var(--rpx));padding-bottom:calc(120 * var(--rpx));background-image:linear-gradient(to top,#ece8ff,#fff 60%,#fff);border-bottom-left-radius:calc(100 * var(--rpx));border-bottom-right-radius:calc(100 * var(--rpx))}.zn-wrapper .section6 .flex-wrap{display:flex;justify-content:space-between;width:calc(1440 * var(--rpx));height:calc(1033 * var(--rpx));align-items:center;margin-bottom:calc(30 * var(--rpx))}.zn-wrapper .section6 .flash-image{flex-shrink:0;width:calc(704 * var(--rpx));border-radius:calc(30 * var(--rpx))}.zn-wrapper .section6 .flex-content{flex:1;padding-left:calc(77 * var(--rpx));padding-right:calc(77 * var(--rpx))}.zn-wrapper .section6 .textTitle{margin-bottom:calc(30 * var(--rpx));color:#000}.zn-wrapper .section6 .textText{margin-bottom:calc(100 * var(--rpx));color:#000}.zn-wrapper .section6 .textDesc{margin-bottom:calc(15 * var(--rpx));color:#000}.zn-wrapper .section6 .live-video{width:calc(704 * var(--rpx));height:calc(1033 * var(--rpx));border-radius:calc(30 * var(--rpx));overflow:hidden;flex-shrink:0;position:relative}.zn-wrapper .section6 .live-video video{width:100%;position:absolute;bottom:0;left:0}.zn-wrapper .section7{padding-bottom:calc(150 * var(--rpx))}.zn-wrapper .section7 .ai-cards{margin-top:calc(80 * var(--rpx))}.zn-wrapper .section7 .ai-card-item{margin-bottom:calc(170 * var(--rpx));width:calc(1440 * var(--rpx));height:calc(650 * var(--rpx));border-radius:calc(30 * var(--rpx));position:relative}.zn-wrapper .section7 .ai-card-item .ai-card-content{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center}.zn-wrapper .section7 .ai-card-item .ai-card-content .textTitle{margin-bottom:calc(30 * var(--rpx))}.zn-wrapper .section7 .ai-card-item .ai-card-content .textDesc{margin-bottom:calc(10 * var(--rpx))}.zn-wrapper .section7 .ai-card-item .ai-card-content .textText{margin-bottom:calc(60 * var(--rpx))}.zn-wrapper .section7 .ai-card-item .ai-card-content .ai-benefit-item{color:#000;display:flex;align-items:center;font-size:calc(24 * var(--rpx));font-family:HurmeGeometricSans}.zn-wrapper .section7 .ai-card-item .ai-card-content .ai-benefit-item:before{content:"";width:calc(12 * var(--rpx));height:calc(12 * var(--rpx));border-radius:50%;background-color:#8571df;display:block;margin-right:calc(12 * var(--rpx))}.zn-wrapper .section7 .ai-card-item .ai-card-content .os-icon{width:calc(62 * var(--rpx))}.zn-wrapper .section7 .ai-card-item .ai-card-content .ai-language-item{color:#000;display:inline-block;vertical-align:top;margin-right:calc(40 * var(--rpx))}.zn-wrapper .section7 .ai-card-item .ai-card-content .ai-language-item .ai-num{font-size:calc(24 * var(--rpx));font-family:HurmeGeometricSans}.zn-wrapper .section7 .ai-card-item .ai-card-content .ai-language-item .ai-num span{color:#8571df;font-weight:800;font-size:calc(48 * var(--rpx));margin-right:calc(10 * var(--rpx));font-family:HurmeGeometricSans}.zn-wrapper .section7 .ai-card-item .ai-card-content .ai-language-item .ai-desc{font-size:calc(16 * var(--rpx));opacity:.6;font-family:HurmeGeometricSans}.zn-wrapper .section7 .ai-card-item:nth-child(odd){background-image:linear-gradient(to bottom,#f8f6ff,#ece9ff)}.zn-wrapper .section7 .ai-card-item:nth-child(odd) .ai-phone-box{right:calc(180 * var(--rpx));top:calc(-80 * var(--rpx))}.zn-wrapper .section7 .ai-card-item:nth-child(odd) .ai-card-content{color:#000;padding-left:calc(50 * var(--rpx))}.zn-wrapper .section7 .ai-card-item:nth-child(2n){background-image:linear-gradient(to bottom,#e7f7fe,#93beff)}.zn-wrapper .section7 .ai-card-item:nth-child(2n) .ai-phone-box{left:calc(170 * var(--rpx));top:calc(-80 * var(--rpx))}.zn-wrapper .section7 .ai-card-item:nth-child(2n) .ai-card-content{color:#000;padding-left:calc(718 * var(--rpx))}.zn-wrapper .section7 .ai-card-item-4 .ai-card-content .textText,.zn-wrapper .section7 .ai-card-item-5 .ai-benefits{margin-bottom:calc(30 * var(--rpx))}.zn-wrapper .section7 .ai-phone-box{width:calc(383 * var(--rpx));height:calc(806 * var(--rpx));position:absolute}.zn-wrapper .section7 .ai-phone-box video{width:calc(345 * var(--rpx));position:absolute;left:calc(18 * var(--rpx));top:calc(20 * var(--rpx));display:block;z-index:2;border-radius:calc(45 * var(--rpx))}.zn-wrapper .section7 .ai-phone-box .poster-image{width:calc(345 * var(--rpx));position:absolute;left:calc(18 * var(--rpx));top:calc(20 * var(--rpx));display:block;z-index:2;border-radius:calc(45 * var(--rpx))}.zn-wrapper .section7 .phone-image{width:100%;position:relative;z-index:1}.zn-wrapper .section7 .micro-camera-image{width:calc(26 * var(--rpx));position:absolute;top:calc(28 * var(--rpx));left:50%;transform:translate(-50%);z-index:3}.zn-wrapper .section7 .other-cards{display:flex;justify-content:space-between}.zn-wrapper .section7 .other-card-item{width:calc(705 * var(--rpx));height:calc(811 * var(--rpx));border-radius:calc(30 * var(--rpx));background-color:#153fb8;overflow:hidden;position:relative}.zn-wrapper .section7 .other-card-item .other-card-bg{width:100%;position:absolute;top:0;left:0;z-index:1}.zn-wrapper .section7 .other-card-item .other-card-content{color:#fff;position:relative;z-index:2;padding-left:calc(50 * var(--rpx));padding-top:calc(45 * var(--rpx))}.zn-wrapper .section7 .other-card-item .other-card-content .textTitle{margin-bottom:calc(30 * var(--rpx))}.zn-wrapper .section7 .other-card-item .other-card-content .textText{color:#fff;margin-bottom:calc(20 * var(--rpx))}.zn-wrapper .section7 .other-card-item .other-card-content .os-icon{width:calc(62 * var(--rpx))}}@media(max-width:1080px){.zn-wrapper{width:100%;overflow:hidden}.zn-wrapper .pc-only{display:none}.zn-wrapper .sections{width:calc(1080 * var(--rpx))}.zn-wrapper .section-title{text-align:center;font-size:calc(130 * var(--rpx));line-height:calc(150 * var(--rpx));color:#000;margin:0 0 calc(240 * var(--rpx)) 0;font-family:HurmeGeometricSans;font-weight:800;text-transform:uppercase}.zn-wrapper .section-safe{width:calc(960 * var(--rpx));margin:0 auto}.zn-wrapper .section-text{font-size:calc(58 * var(--rpx));line-height:calc(64 * var(--rpx));font-family:HurmeGeometricSans;font-weight:800;color:#000}.zn-wrapper .section-text .purple{color:#8571df;font-family:HurmeGeometricSans}.zn-wrapper .section-sub-title{font-weight:800;text-transform:uppercase;font-size:calc(110 * var(--rpx));line-height:calc(110 * var(--rpx));font-family:HurmeGeometricSans;color:#000}.zn-wrapper .section-sub-title .blue{color:#0e55dc;font-weight:700;background:linear-gradient(to bottom,#0c53da,#0c53da 30%,#2b86fe 70%,#2b86fe);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;font-family:HurmeGeometricSans}.zn-wrapper .textTitle{font-size:calc(58 * var(--rpx));line-height:1.1;font-weight:800;font-family:HurmeGeometricSans}.zn-wrapper .textDesc{font-size:calc(40 * var(--rpx));opacity:.8;font-family:HurmeGeometricSans}.zn-wrapper .textNotice{opacity:.4;color:#000;font-size:calc(24 * var(--rpx));font-family:HurmeGeometricSans}.zn-wrapper .textText{opacity:.6;color:#000;font-size:calc(28 * var(--rpx));font-family:HurmeGeometricSans}.zn-wrapper .section1 .kv{width:calc(1080 * var(--rpx));margin:0 auto;height:calc(1280 * var(--rpx))}.zn-wrapper .section1 .kv-image{width:calc(992 * var(--rpx));margin:0 auto;display:block}.zn-wrapper .section1 .kv-title{text-align:center;padding-top:calc(180 * var(--rpx))}.zn-wrapper .section1 .kv-title h3{font-size:calc(80 * var(--rpx));font-weight:800;font-family:HurmeGeometricSans;color:#000;line-height:1.2}.zn-wrapper .section1 .kv-title p{font-weight:800;font-style:italic;font-size:calc(42 * var(--rpx));font-family:HurmeGeometricSans;color:#000;line-height:1.2}.zn-wrapper .section1 .kv-title .kv-benefits{display:flex;width:100%;justify-content:center;margin-top:calc(40 * var(--rpx));margin-bottom:calc(100 * var(--rpx))}.zn-wrapper .section1 .kv-title .kv-benefit-item{padding:0 calc(54 * var(--rpx));text-align:left;display:flex;flex-direction:column;justify-content:center;font-size:calc(28 * var(--rpx));position:relative;align-items:flex-start;line-height:1}.zn-wrapper .section1 .kv-title .kv-benefit-item:before{content:"";width:calc(3 * var(--rpx));background-color:#1d1d1d;height:calc(48 * var(--rpx));top:calc(6 * var(--rpx));position:absolute;right:0}.zn-wrapper .section1 .kv-title .kv-benefit-item:last-child:before{display:none}.zn-wrapper .section1 .kv-title .kbi-main{font-weight:800;font-family:HurmeGeometricSans;color:#000}.zn-wrapper .section1 .kv-title .kbi-desc{color:#292929;font-family:HurmeGeometricSans}.zn-wrapper .section2{padding-top:calc(110 * var(--rpx));padding-bottom:calc(180 * var(--rpx))}.zn-wrapper .section2 .navs-wrapper{width:calc(960 * var(--rpx));margin:0 auto}.zn-wrapper .section2 .nav{position:relative;background-color:#ebeff5;border-radius:calc(20 * var(--rpx))}.zn-wrapper .section2 .nav-inner{width:100%;height:100%;overflow:hidden;border-radius:calc(20 * var(--rpx))}.zn-wrapper .section2 .nav-inner .nav-image{width:100%}.zn-wrapper .section2 .navs-row{display:flex;justify-content:space-between;margin-bottom:calc(20 * var(--rpx))}.zn-wrapper .section2 .navs-row.navs-row-no-bottom{margin-bottom:0}.zn-wrapper .section2 .nav-text{font-size:calc(38 * var(--rpx));line-height:calc(44 * var(--rpx));font-family:HurmeGeometricSans;position:absolute;font-weight:800}.zn-wrapper .section2 .nav1{width:calc(960 * var(--rpx));height:calc(450 * var(--rpx))}.zn-wrapper .section2 .nav1 .nav1-image{width:calc(810 * var(--rpx));position:absolute;right:0;top:calc(-125 * var(--rpx));transform-origin:right bottom;transition:all .3s}.zn-wrapper .section2 .nav1 .nav-inner{background-image:linear-gradient(to bottom,#153fb8,#5c96e4)}.zn-wrapper .section2 .nav1 .nav-text{color:#fff;bottom:calc(36 * var(--rpx));left:calc(40 * var(--rpx))}.zn-wrapper .section2 .nav2{width:calc(470 * var(--rpx));height:calc(450 * var(--rpx))}.zn-wrapper .section2 .nav2 .nav-text{color:#000;top:calc(36 * var(--rpx));left:calc(40 * var(--rpx))}.zn-wrapper .section2 .nav3{width:calc(470 * var(--rpx));height:calc(450 * var(--rpx))}.zn-wrapper .section2 .nav3 .nav-text{color:#fff;top:calc(36 * var(--rpx));left:calc(40 * var(--rpx))}.zn-wrapper .section2 .nav4{width:calc(960 * var(--rpx));height:calc(450 * var(--rpx))}.zn-wrapper .section2 .nav4 .nav-text{color:#000;top:calc(36 * var(--rpx));left:calc(40 * var(--rpx))}.zn-wrapper .section2 .nav5{width:calc(470 * var(--rpx));height:calc(450 * var(--rpx))}.zn-wrapper .section2 .nav5 .nav-text{color:#fff;top:calc(36 * var(--rpx));left:calc(40 * var(--rpx))}.zn-wrapper .section2 .nav6{width:calc(470 * var(--rpx));height:calc(450 * var(--rpx))}.zn-wrapper .section2 .nav6 .nav-text{color:#fff;top:calc(36 * var(--rpx));left:calc(40 * var(--rpx))}.zn-wrapper .section2 .nav7{width:calc(470 * var(--rpx));height:calc(450 * var(--rpx))}.zn-wrapper .section2 .nav7 .nav-text{color:#fff;top:calc(36 * var(--rpx));left:calc(40 * var(--rpx))}.zn-wrapper .section2 .nav8{width:calc(470 * var(--rpx));height:calc(450 * var(--rpx))}.zn-wrapper .section2 .nav8 .nav-text{color:#000;top:calc(36 * var(--rpx));left:calc(40 * var(--rpx))}.zn-wrapper .section3{position:relative;height:calc(1760 * var(--rpx));padding-bottom:calc(260 * var(--rpx))}.zn-wrapper .section3 .section3-safe{position:absolute;top:0;z-index:2;left:50%;margin-left:calc(-480 * var(--rpx))}.zn-wrapper .section3 .section3-wrapper{width:calc(1080 * var(--rpx));height:calc(1500 * var(--rpx));padding-bottom:calc(140 * var(--rpx));padding-top:calc(783 * var(--rpx));border-bottom-left-radius:calc(50 * var(--rpx));border-bottom-right-radius:calc(50 * var(--rpx));position:relative;z-index:1}.zn-wrapper .section3 .section3-wrapper.section3-wrapper--blue{background-image:linear-gradient(to top,#b3d4ff,#fff 40%,#fff)}.zn-wrapper .section3 .section3-wrapper.section3-wrapper--grey{background-image:linear-gradient(to top,#f2f5fc,#fff 40%,#fff)}.zn-wrapper .section3 .section3-wrapper.section3-wrapper--black{background-image:linear-gradient(to top,#cbccd1,#fff 40%,#fff)}.zn-wrapper .section3 .section3-wrapper.section3-wrapper--purple{background-image:linear-gradient(to top,#ece9ff,#fff 40%,#fff)}.zn-wrapper .section3 .section3-wrapper.section3-wrapper--pink{background-image:linear-gradient(to top,#ffe8ea,#fff 40%,#fff)}.zn-wrapper .section3 .section-text{margin-bottom:calc(180 * var(--rpx));text-align:center}.zn-wrapper .section3 .phone-color-container .phone-color-inner{position:relative;width:calc(960 * var(--rpx));height:calc(298 * var(--rpx))}.zn-wrapper .section3 .phone-color-container .phone-color-image{position:absolute;width:calc(848 * var(--rpx));left:calc(60 * var(--rpx));bottom:calc(75 * var(--rpx))}.zn-wrapper .section3 .phone-color-container .color-bg{width:calc(960 * var(--rpx));height:calc(298 * var(--rpx));border-radius:calc(30 * var(--rpx));overflow:hidden}.zn-wrapper .section3 .phone-color-container .color-bg.color-bg--blue{background-image:linear-gradient(to bottom,#153fb8,#5c95e4)}.zn-wrapper .section3 .phone-color-container .color-bg.color-bg--grey{background-image:linear-gradient(to bottom,#9ea1a9,#d2d4dc)}.zn-wrapper .section3 .phone-color-container .color-bg.color-bg--black{background-image:linear-gradient(to bottom,#4f5256,#9b9da2)}.zn-wrapper .section3 .phone-color-container .color-bg.color-bg--purple{background-image:linear-gradient(to bottom,#dfdcff,#eae6ff)}.zn-wrapper .section3 .phone-color-container .color-bg.color-bg--pink{background-image:linear-gradient(to bottom,#ffdce3,#ffe7eb)}.zn-wrapper .section3 .phone-color-info{position:absolute;z-index:3;top:calc(1080 * var(--rpx));width:calc(960 * var(--rpx));left:50%;margin-left:calc(-480 * var(--rpx));display:flex;flex-direction:column-reverse}.zn-wrapper .section3 .phone-color-info .info-text{display:flex;flex-direction:column}.zn-wrapper .section3 .phone-color-info .info-select{display:flex;margin:0 auto;padding-top:calc(55 * var(--rpx));padding-bottom:calc(40 * var(--rpx))}.zn-wrapper .section3 .phone-color-info .info-select-item{width:calc(30 * var(--rpx));height:calc(30 * var(--rpx));border-radius:50%;margin-left:calc(32 * var(--rpx));position:relative}.zn-wrapper .section3 .phone-color-info .info-select-item .dot{width:calc(30 * var(--rpx));height:calc(30 * var(--rpx));border-radius:50%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.zn-wrapper .section3 .phone-color-info .info-select-item .ring{opacity:0;width:calc(44 * var(--rpx));height:calc(44 * var(--rpx));position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.zn-wrapper .section3 .phone-color-info .info-select-item .ring:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;padding:1px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;z-index:-1}.zn-wrapper .section3 .phone-color-info .info-select-item:hover{cursor:pointer}.zn-wrapper .section3 .phone-color-info .info-select-item:hover:not(.select--current) .dot{transform:translate(-50%,-50%) scale(1.1);transition:all .3s linear}.zn-wrapper .section3 .phone-color-info .info-select-item:hover:not(.select--current) .ring{opacity:1}.zn-wrapper .section3 .phone-color-info .info-select-item.select--current .ring{opacity:1}.zn-wrapper .section3 .phone-color-info .info-select-item.select-blue .dot{background-image:linear-gradient(to bottom,#01a3fa,#0f3c95)}.zn-wrapper .section3 .phone-color-info .info-select-item.select-blue .ring:before{background:linear-gradient(to bottom,#01a3fa,#0f3c95)}.zn-wrapper .section3 .phone-color-info .info-select-item.select-grey .dot{background-image:linear-gradient(to bottom,#e9e9e9,#bfc1c3)}.zn-wrapper .section3 .phone-color-info .info-select-item.select-grey .ring:before{background:linear-gradient(to bottom,#e9e9e9,#bfc1c3)}.zn-wrapper .section3 .phone-color-info .info-select-item.select-black .dot{background-image:linear-gradient(to bottom,#b0b0b0,#222)}.zn-wrapper .section3 .phone-color-info .info-select-item.select-black .ring:before{background:linear-gradient(to bottom,#b0b0b0,#222)}.zn-wrapper .section3 .phone-color-info .info-select-item.select-purple .dot{background-image:linear-gradient(to bottom,#d2c4f9,#7f6db9)}.zn-wrapper .section3 .phone-color-info .info-select-item.select-purple .ring:before{background:linear-gradient(to bottom,#d2c4f9,#7f6db9)}.zn-wrapper .section3 .phone-color-info .info-select-item.select-pink .dot{background-image:linear-gradient(to bottom,#f9c1cb,#ca6c7c)}.zn-wrapper .section3 .phone-color-info .info-select-item.select-pink .ring:before{background:linear-gradient(to bottom,#f9c1cb,#ca6c7c)}.zn-wrapper .section3 .phone-color-info .phone-color-name{text-align:center;font-size:calc(48 * var(--rpx));line-height:calc(50 * var(--rpx));color:#000;font-weight:800;margin-bottom:calc(25 * var(--rpx));font-family:HurmeGeometricSans}.zn-wrapper .section3 .phone-color-info .phone-color-small{text-align:center;font-size:calc(34 * var(--rpx));line-height:calc(36 * var(--rpx));color:#000;font-family:HurmeGeometricSans}.zn-wrapper .section4{margin-bottom:calc(260 * var(--rpx))}.zn-wrapper .section4 .section4-wrapper{position:relative}.zn-wrapper .section4 .battery-card{position:relative;margin-top:calc(280 * var(--rpx));background-image:linear-gradient(to bottom,#153fb8,#5d97e4);border-radius:calc(30 * var(--rpx));width:calc(960 * var(--rpx));height:calc(960 * var(--rpx));color:#fff;margin-bottom:calc(170 * var(--rpx))}.zn-wrapper .section4 .battery-card .textTitle{position:absolute;left:0;color:#000;top:calc(-230 * var(--rpx))}.zn-wrapper .section4 .battery-card .textNotice{position:absolute;width:calc(880 * var(--rpx));left:calc(60 * var(--rpx));bottom:calc(85 * var(--rpx));color:#fff;opacity:.5}.zn-wrapper .section4 .battery-card .textText{color:#fff;width:calc(880 * var(--rpx))}.zn-wrapper .section4 .battery-card .textText br{display:none}.zn-wrapper .section4 .battery-card .battery-card-text{position:absolute;left:calc(60 * var(--rpx));top:calc(460 * var(--rpx))}.zn-wrapper .section4 .battery-card .textDesc{margin-bottom:calc(20 * var(--rpx))}.zn-wrapper .section4 .battery-image{width:calc(845 * var(--rpx));position:absolute;right:0;top:calc(-104 * var(--rpx))}.zn-wrapper .section4 .display-card{width:calc(960 * var(--rpx));height:calc(1550 * var(--rpx));position:relative}.zn-wrapper .section4 .display-text{position:relative;z-index:2;color:#000}.zn-wrapper .section4 .display-text .section-sub-title{margin-bottom:calc(80 * var(--rpx))}.zn-wrapper .section4 .display-text .section-text{margin-bottom:calc(56 * var(--rpx))}.zn-wrapper .section4 .display-text .section-text br{display:none}.zn-wrapper .section4 .display-text .textDesc{margin-bottom:calc(30 * var(--rpx))}.zn-wrapper .section4 .display-image{width:calc(958 * var(--rpx));position:absolute;left:calc(-70 * var(--rpx));top:calc(720 * var(--rpx))}.zn-wrapper .section4 .cpu-card{position:relative;z-index:2;margin-bottom:calc(180 * var(--rpx))}.zn-wrapper .section4 .cpu-card .cpu-card-wrap{margin-top:calc(220 * var(--rpx));position:relative;width:calc(960 * var(--rpx));height:calc(1007 * var(--rpx));background-color:#ebeff5;border-radius:calc(30 * var(--rpx))}.zn-wrapper .section4 .cpu-card .cpu-card-wrap .cpu-image{width:100%;border-radius:calc(30 * var(--rpx));overflow:hidden}.zn-wrapper .section4 .cpu-card .cpu-card-wrap .cpu-image-up{display:none}.zn-wrapper .section4 .cpu-card .section-sub-title span{display:block}.zn-wrapper .section4 .cpu-card .textTitle{position:absolute;left:calc(0 * var(--rpx));top:calc(-160 * var(--rpx));color:#000}.zn-wrapper .section4 .cpu-card .textTitle br{display:none}.zn-wrapper .section4 .cpu-card .textDesc{margin-bottom:calc(40 * var(--rpx));color:#000}.zn-wrapper .section4 .cpu-card .cpu-text-wrap{position:absolute;left:calc(60 * var(--rpx));bottom:calc(60 * var(--rpx))}.zn-wrapper .section4 .signal-card{height:calc(1900 * var(--rpx))}.zn-wrapper .section4 .signal-card .signal-bg{width:calc(1080 * var(--rpx));height:calc(2059 * var(--rpx));position:absolute;bottom:0;border-bottom-left-radius:calc(50 * var(--rpx));border-bottom-right-radius:calc(50 * var(--rpx));margin-left:calc(-60 * var(--rpx));background-image:linear-gradient(to bottom,#fff,#fff 12%,#588ffe 40%,#0a33a8 85%,#0a33a8);z-index:1}.zn-wrapper .section4 .signal-card .signal-bg .signal-image{width:calc(845 * var(--rpx));position:absolute;top:calc(1093 * var(--rpx));left:calc(118 * var(--rpx))}.zn-wrapper .section4 .signal-card .signal-inner{position:relative;z-index:2;color:#fff}.zn-wrapper .section4 .signal-card .signal-inner .textTitle{margin-top:calc(80 * var(--rpx))}.zn-wrapper .section4 .signal-card .signal-inner .signal-text-wrap{margin-top:calc(50 * var(--rpx))}.zn-wrapper .section4 .signal-card .signal-inner .textDesc{margin-bottom:calc(40 * var(--rpx))}.zn-wrapper .section4 .signal-card .signal-inner .textText{color:#fff}.zn-wrapper .section4 .signal-card .signal-inner .os-icon{width:calc(62 * var(--rpx));height:calc(62 * var(--rpx));position:absolute;top:calc(1100 * var(--rpx));left:0}.zn-wrapper .section4 .signal-card .signal-inner .textNotice{position:absolute;top:calc(1200 * var(--rpx));left:0;color:#fff;opacity:.6}.zn-wrapper .section4 .signal-card .section-sub-title{position:relative;z-index:2;color:#000}.zn-wrapper .section5{margin-bottom:calc(180 * var(--rpx))}.zn-wrapper .section5 .use-cards{margin-top:calc(110 * var(--rpx));display:flex;flex-direction:column}.zn-wrapper .section5 .card-item{width:calc(960 * var(--rpx));height:calc(1080 * var(--rpx));margin-bottom:calc(80 * var(--rpx));border-radius:calc(30 * var(--rpx));overflow:hidden;background-color:#153fb8;position:relative}.zn-wrapper .section5 .card-image{width:100%;position:absolute;top:0;left:0;z-index:1}.zn-wrapper .section5 .card-item-inner{position:relative;z-index:2;color:#fff;padding-top:calc(72 * var(--rpx));padding-left:calc(60 * var(--rpx))}.zn-wrapper .section5 .card-item-inner .textTitle{margin-bottom:calc(32 * var(--rpx))}.zn-wrapper .section5 .card-item-inner .textDesc{margin-bottom:calc(24 * var(--rpx))}.zn-wrapper .section5 .card-item-inner .textText{color:#fff;width:calc(850 * var(--rpx))}.zn-wrapper .section5 .card-item-inner .textText br{display:none}.zn-wrapper .section5 .card-item-inner .use-ul{margin-top:calc(40 * var(--rpx))}.zn-wrapper .section5 .card-item-inner .use-ul .use-li{display:flex;align-items:center;font-size:calc(28 * var(--rpx));margin-bottom:calc(10 * var(--rpx));font-family:HurmeGeometricSans}.zn-wrapper .section5 .card-item-inner .use-ul .use-li:before{content:"";width:calc(12 * var(--rpx));height:calc(12 * var(--rpx));border-radius:50%;background-color:#fff;display:block;margin-right:calc(12 * var(--rpx))}.zn-wrapper .section5 .card-item-inner .sgs-icon{margin-top:calc(30 * var(--rpx));width:calc(220 * var(--rpx))}.zn-wrapper .section5 .camera-card{width:calc(1080 * var(--rpx));height:calc(1400 * var(--rpx));margin-left:calc(-60 * var(--rpx));background-image:linear-gradient(to bottom,#fff,#ece8ff);border-bottom-left-radius:calc(50 * var(--rpx));border-bottom-right-radius:calc(50 * var(--rpx));position:relative}.zn-wrapper .section5 .camera-card .section-sub-title{position:absolute;white-space:nowrap;left:calc(0 * var(--rpx));top:calc(120 * var(--rpx));color:#000}.zn-wrapper .section5 .camera-card .section-text{position:absolute;left:calc(0 * var(--rpx));top:calc(290 * var(--rpx));color:#000}.zn-wrapper .section5 .camera-card .textText{position:absolute;left:calc(0 * var(--rpx));top:calc(370 * var(--rpx));color:#000;width:calc(840 * var(--rpx))}.zn-wrapper .section5 .camera-card .textText br{display:none}.zn-wrapper .section5 .camera-image{position:absolute;width:calc(1079 * var(--rpx));height:calc(839 * var(--rpx));left:0;bottom:0;border-bottom-left-radius:calc(50 * var(--rpx))}.zn-wrapper .section5 .camera-card-inner{position:relative;z-index:2;width:calc(960 * var(--rpx));margin:0 auto}.zn-wrapper .section6{margin-bottom:calc(140 * var(--rpx));padding-bottom:calc(100 * var(--rpx));background-image:linear-gradient(to top,#ece8ff,#fff 60%,#fff);border-bottom-left-radius:calc(50 * var(--rpx));border-bottom-right-radius:calc(50 * var(--rpx))}.zn-wrapper .section6 .flex-wrap{display:flex;flex-direction:column;width:calc(960 * var(--rpx));margin-bottom:calc(80 * var(--rpx))}.zn-wrapper .section6 .flex-wrap:nth-child(1){flex-direction:column-reverse}.zn-wrapper .section6 .flash-image{flex-shrink:0;width:calc(960 * var(--rpx));height:calc(1346 * var(--rpx));border-radius:calc(30 * var(--rpx))}.zn-wrapper .section6 .flex-content{flex:1}.zn-wrapper .section6 .textTitle{margin-bottom:calc(30 * var(--rpx));color:#000}.zn-wrapper .section6 .textText{margin-bottom:calc(30 * var(--rpx))}.zn-wrapper .section6 .textText br{display:none}.zn-wrapper .section6 .textDesc{margin-bottom:calc(30 * var(--rpx));color:#000}.zn-wrapper .section6 .textDesc br{display:none}.zn-wrapper .section6 .textNotice{margin-bottom:calc(60 * var(--rpx))}.zn-wrapper .section6 .textNotice br{display:none}.zn-wrapper .section6 .live-video{width:calc(960 * var(--rpx));height:calc(1346 * var(--rpx));flex-shrink:0;overflow:hidden;position:relative;border-radius:calc(30 * var(--rpx))}.zn-wrapper .section6 .live-video video{width:100%;position:absolute;bottom:0;left:0;border-radius:calc(30 * var(--rpx))}.zn-wrapper .section7{padding-bottom:calc(150 * var(--rpx))}.zn-wrapper .section7 .ai-cards{margin-top:calc(110 * var(--rpx))}.zn-wrapper .section7 .ai-card-item{margin-bottom:calc(80 * var(--rpx));width:calc(960 * var(--rpx));height:calc(860 * var(--rpx));border-radius:calc(30 * var(--rpx));position:relative}.zn-wrapper .section7 .ai-card-item .ai-card-content{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center}.zn-wrapper .section7 .ai-card-item .ai-card-content .textTitle{margin-bottom:calc(46 * var(--rpx));color:#000}.zn-wrapper .section7 .ai-card-item .ai-card-content .textTitle br{display:none}.zn-wrapper .section7 .ai-card-item .ai-card-content .textDesc{margin-bottom:calc(26 * var(--rpx));color:#000}.zn-wrapper .section7 .ai-card-item .ai-card-content .textDesc br{display:none}.zn-wrapper .section7 .ai-card-item .ai-card-content .textText{margin-bottom:calc(46 * var(--rpx))}.zn-wrapper .section7 .ai-card-item .ai-card-content .textText br{display:none}.zn-wrapper .section7 .ai-card-item .ai-card-content .ai-benefit-item{color:#000;display:flex;align-items:center;font-size:calc(28 * var(--rpx));margin-bottom:calc(10 * var(--rpx));font-family:HurmeGeometricSans}.zn-wrapper .section7 .ai-card-item .ai-card-content .ai-benefit-item:before{content:"";width:calc(12 * var(--rpx));height:calc(12 * var(--rpx));border-radius:50%;background-color:#8571df;display:block;margin-right:calc(12 * var(--rpx))}.zn-wrapper .section7 .ai-card-item .ai-card-content .os-icon{width:calc(62 * var(--rpx))}.zn-wrapper .section7 .ai-card-item .ai-card-content .ai-language-item{color:#000;margin-bottom:calc(10 * var(--rpx));margin-right:calc(40 * var(--rpx))}.zn-wrapper .section7 .ai-card-item .ai-card-content .ai-language-item .ai-num{font-size:calc(34 * var(--rpx));line-height:1;font-family:HurmeGeometricSans}.zn-wrapper .section7 .ai-card-item .ai-card-content .ai-language-item .ai-num span{color:#8571df;font-weight:800;font-size:calc(52 * var(--rpx));margin-right:calc(10 * var(--rpx));font-family:HurmeGeometricSans}.zn-wrapper .section7 .ai-card-item .ai-card-content .ai-language-item .ai-desc{font-size:calc(28 * var(--rpx));opacity:.6;font-family:HurmeGeometricSans}.zn-wrapper .section7 .ai-card-item:nth-child(odd){background-image:linear-gradient(to bottom,#f8f6ff,#ece9ff)}.zn-wrapper .section7 .ai-card-item:nth-child(odd) .ai-phone-box{right:calc(60 * var(--rpx));top:calc(152 * var(--rpx))}.zn-wrapper .section7 .ai-card-item:nth-child(odd) .ai-card-content{color:#000;padding-left:calc(60 * var(--rpx));padding-right:calc(370 * var(--rpx))}.zn-wrapper .section7 .ai-card-item:nth-child(2n){background-image:linear-gradient(to bottom,#e7f7fe,#93beff)}.zn-wrapper .section7 .ai-card-item:nth-child(2n) .ai-phone-box{left:calc(60 * var(--rpx));top:calc(152 * var(--rpx))}.zn-wrapper .section7 .ai-card-item:nth-child(2n) .ai-card-content{color:#000;padding-right:calc(60 * var(--rpx));padding-left:calc(370 * var(--rpx))}.zn-wrapper .section7 .ai-card-item-4 .ai-card-content .textText,.zn-wrapper .section7 .ai-card-item-5 .ai-benefits{margin-bottom:calc(30 * var(--rpx))}.zn-wrapper .section7 .ai-phone-box{width:calc(266 * var(--rpx));height:calc(559 * var(--rpx));position:absolute}.zn-wrapper .section7 .ai-phone-box video{width:calc(240 * var(--rpx));position:absolute;left:calc(12 * var(--rpx));top:calc(14 * var(--rpx));display:block;z-index:2;border-radius:calc(30 * var(--rpx))}.zn-wrapper .section7 .ai-phone-box .poster-image{width:calc(240 * var(--rpx));position:absolute;left:calc(12 * var(--rpx));top:calc(14 * var(--rpx));display:block;z-index:2;border-radius:calc(30 * var(--rpx))}.zn-wrapper .section7 .phone-image{width:100%;position:relative;z-index:1}.zn-wrapper .section7 .micro-camera-image{width:calc(14 * var(--rpx));position:absolute;top:calc(20 * var(--rpx));left:50%;transform:translate(-50%);z-index:3}.zn-wrapper .section7 .other-cards{display:flex;flex-direction:column;padding-top:calc(80 * var(--rpx))}.zn-wrapper .section7 .other-card-item{width:calc(960 * var(--rpx));height:calc(430 * var(--rpx));border-radius:calc(30 * var(--rpx));background-color:#153fb8;overflow:hidden;position:relative;margin-bottom:calc(80 * var(--rpx))}.zn-wrapper .section7 .other-card-item .other-card-bg{width:100%;position:absolute;top:0;left:0;z-index:1}.zn-wrapper .section7 .other-card-item .other-card-content{color:#fff;position:relative;z-index:2;padding-left:calc(50 * var(--rpx));padding-top:calc(68 * var(--rpx))}.zn-wrapper .section7 .other-card-item .other-card-content .textTitle{margin-bottom:calc(30 * var(--rpx))}.zn-wrapper .section7 .other-card-item .other-card-content .textText{color:#fff;margin-bottom:calc(20 * var(--rpx))}.zn-wrapper .section7 .other-card-item .other-card-content .os-icon{width:calc(62 * var(--rpx))}.zn-wrapper .section7 .other-card-item:nth-child(odd) .textTitle{letter-spacing:calc(-2 * var(--rpx))}.zn-wrapper .section7 .other-card-item:nth-child(2n) .other-card-content{width:calc(500 * var(--rpx))}}@font-face{font-family:HurmeGeometricSans;src:url(./fonts/HurmeGeometricSans_No3_5_Semibold.otf) format("opentype");font-weight:800;font-style:normal}@font-face{font-family:HurmeGeometricSans;src:url(./fonts/HurmeGeometricSans_No3_4_Regular.otf) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:HurmeGeometricSans;src:url(./fonts/HurmeGeometricSans_No3_Oblique_5_Semibold.otf) format("opentype");font-weight:800;font-style:italic}@font-face{font-family:HurmeGeometricSans;src:url(./fonts/HurmeGeometricSans_No3_6_Bold.otf) format("opentype");font-weight:700;font-style:normal}.zn-wrapper{font-family:HurmeGeometricSans;line-height:1.2}.zn-wrapper img{display:block}.zn-wrapper h3,.zn-wrapper p{margin:0;padding:0}