@media (max-width: 768px) {

        			*,
        			*::before,
        			*::after {
        				box-sizing: border-box;
        			}

        			.is-web {
        				display: none;
        			}

        			.is-mobile {
        				display: block;
        			}

        			body {
        				font-family: system-ui;
        				display: block;
        				margin: 0;
        				/* height: 300vh; */
        				/* background:red; */
        			}
					
        			/* swiper 容器：固定宽高 100%，纵向模式 */
        			.full-screen {
        				width: 100vw;
        				height: 100dvh;
        				/* 视口高度，保证每个slide占满 */
        			}

        			/* 每个 slide 占满容器，默认flex居中展示内容 */
        			.full-screen .swiper-slide {
        				width: 100%;
        				height: 100%;
        			}

        			.customSwiperWrapper {
        				position: relative;
        				width: 100%;
        				height: 100%;
        				overflow: hidden;
        			}

        			.customSwiperWrapper .swiper {
        				width: 100%;
        				height: 100%;
        			}

        			.customSwiperWrapper .swiper-slide {
        				display: flex;
        				flex-direction: column;
        				align-items: center;
        				text-align: center;
        				color: #fff;

        				background-size: cover;
        				background-position: center;
        				position: relative;
        			}

        			.mySwiper .slide-img {
        				margin-top: 16vh;
        			}

        			/* 文字卡片 */
        			.customSwiperWrapper .slide-content {
        				margin-top: 12px;
        				font-size: 14px;
        				font-family: ali5;
        				line-height: 16px;
        				word-wrap: break-word
        			}

        			.customSwiperWrapper .slide-sub {
        				margin-top: 17px;
        				font-size: 14px;
        				font-family: ali3;
        				line-height: 18px;
        				letter-spacing: 0.42px;
        				word-wrap: break-word;
        			}

        			/* 按钮卡片 */
        			.mySwiper .butto {
        				position: absolute;
        				bottom: 87px;
        				left: 50%;
        				transform: translate(-50%, -50%);
        				background-color: white;
        				color: #00B2FF;
        				padding: 12px 44px;
        				font-size: 15px;
        				font-family: ali6;
        				border-radius: 100px;

        			}

        			.mySwiper .button-decoration {
        				position: absolute;
        				bottom: 40px;
        				left: 50%;
        				transform: translateX(-50%);
        				width: 16px;
        				height: auto;
        				z-index: 10;
        			}

        			.customSwiperWrapper .slide-1 {
        				background-image: url('https://file.energizelab.com.cn/web_file/xunruicms/webp/home/mo/a1.webp');
        			}

        			.customSwiperWrapper .slide-2 {
        				background-image: url('https://file.energizelab.com.cn/web_file/xunruicms/webp/home/mo/a2.webp');
        			}

        			.customSwiperWrapper .slide-3 {
        				background-image: url('https://file.energizelab.com.cn/web_file/xunruicms/webp/home/mo/a3.webp');
        			}

        			.customSwiperWrapper .slide-4 {
        				background-image: url('https://file.energizelab.com.cn/web_file/xunruicms/webp/home/mo/a4.webp');
        			}

        			.mySwiper .slide-1 .slide-img {
        				width: 300px;
        			}

        			.mySwiper .slide-2 .slide-img {
        				width: 170px;
        			}

        			.mySwiper .slide-3 .slide-img {
        				width: 100px;
        			}

        			.mySwiper .slide-4 .slide-img {
        				width: 250px;
        			}




        			/* ============ 共用时间轴进度条 ============ */
        			.customSwiperWrapper .custom-pagination {
        				position: absolute;
        				bottom: 87px;
        				left: 50%;
        				transform: translateX(-50%);
        				width: 60%;
        				max-width: 70px;
        				height: 3px;
        				background: rgba(255, 255, 255, 0.2);
        				border-radius: 4px;
        				z-index: 20;
        				overflow: hidden;
        				pointer-events: none;
        			}

        			/* 填充条 - 从左到右逐渐填满，填满后重置 */
        			.customSwiperWrapper .custom-pagination .progress-fill {
        				height: 100%;
        				width: 0%;
        				background: #ffffff;
        				border-radius: 4px;
        				box-shadow: 0 0 12px rgba(255, 255, 255, 0.3);
        				transition: none;
        				/* 由 JS 控制动画 */
        			}



        			.two {
        				position: relative;
        				width: 100%;
        				height: 100dvh;
        				overflow: hidden;
        			}

        			.three {
        				position: relative;
        				width: 100%;
        				height: 100dvh;
        				overflow: hidden;
        			}

        			.two-1 {
        				margin-top: 58px;
        			}

        			@media screen and (min-height: 766px) {
        				.two-1 {
        					margin-top: 95px;
        				}
        			}

        			.two-text1 {
        				color: #252F34;
        				font-size: 22px;
        				font-family: Krona One;
        				font-weight: 400;
        				line-height: 32px;
        				word-wrap: break-word;
        			}

        			@media screen and (min-height: 766px) {
        				.two-text1 {
        					font-size: 24px;
        				}
        			}

        			.two-text2 {
        				color: #00B2FF;
        				font-size: 22px;
        				font-family: Krona One;
        				font-weight: 400;
        				line-height: 32px;
        				word-wrap: break-word
        			}

        			@media screen and (min-height: 766px) {
        				.two-text2 {
        					font-size: 24px;
        				}
        			}

        			.two-2 {
        				width: 100%;
        				margin-top: 45px;
        				position: relative;
        			}

        			@media screen and (min-height: 766px) {
        				.two-2 {
        					margin-top: 67px;
        				}
        			}

        			.two-img1 {
        				width: 76%;
        			}

        			.two-img4 {
        				width: 76%;
        				float: right;
        			}

        			.two-img2 {
        				position: absolute;
        				top: -47px;
        				left: 116px;
        				width: 122px;
        				height: auto;
        			}

        			.two-img5 {
        				position: absolute;
        				top: -47px;
        				right: 116px;
        				width: 129px;
        				height: auto;
        			}

        			.two-img3 {
        				position: absolute;
        				top: 123px;
        				left: 43%;
        				width: 57%;
        			}

        			.two-img6 {
        				position: absolute;
        				top: 119px;
        				left: 5%;
        				width: 55%;
        			}

        			.container-left-a {
        				position: absolute;
        				top: 86px;
        				left: 24px;
        			}

        			.container-right-a {
        				position: absolute;
        				top: 68px;
        				right: 31px;
        				display: flex;
        				flex-direction: column;
        				justify-content: flex-end;
        			}

        			.container-left-a>img {
        				width: 219px;
        			}

        			.container-right-a>img {
        				width: 216px;
        			}

        			.three {
        				position: relative;
        				width: 100%;
        				height: 100%;
        				overflow: hidden;
        				display: flex;
        				flex-direction: column;
        			}

        			.three-text1 {
        				display: flex;
        				justify-content: center;
        				align-items: center;
        				flex-shrink: 0;

        			}

        			.three-text1 img {
        				margin-top: 80px;
        				max-width: 100%;
        				width: 300px;
        				height: auto;
        			}

        			@media screen and (min-height: 766px) {
        				.three-text1 img {
        					width: 335px;
        				}

        			}

        			.container-left-b {
        				position: absolute;
        				top: 152px;
        				left: 10px;
        				background-color: white;
        				display: flex;
        				align-items: center;
        				border-radius: 25px;
        				padding: 10px 10px 10px 16px;
        				gap: 10px;
        			}

        			.container-right-b {
        				position: absolute;
        				top: 152px;
        				left: 54px;
        				background-color: white;
        				display: flex;
        				align-items: center;
        				border-radius: 25px;
        				padding: 10px 16px 10px 10px;
        				gap: 10px;
        			}

        			.container-left-b-text {
        				color: rgb(0, 178, 255);
        				font-size: 16px;
        				font-family: ali6;
        				line-height: 24px;
        				overflow-wrap: break-word;
        			}

        			.container-right-b-text {
        				color: rgb(0, 178, 255);
        				font-size: 16px;
        				font-family: ali6;
        				line-height: 24px;
        				overflow-wrap: break-word;
        			}

        			.three-text2 {
        				margin-top: 20px;
        				text-align: center;
        				opacity: 0.55;
        				color: #252F34;
        				font-size: 13px;
        				font-family: ali4;
        				line-height: 18px;
        				letter-spacing: 0.39px;
        				word-wrap: break-word;
        				flex-shrink: 0;
        			}

        			@media screen and (min-height: 766px) {
        				.three-text2 {
        					font-size: 15px;
        					line-height: 22px;
        				}
        			}

        			.three-swiper {
        				display: flex;
        				justify-content: center;
        				width: 100%;
        				overflow: hidden;
        				/* flex: 1; */
        				height: 630px;
        				min-height: 0;
        				padding: 30px 0 30px 0;
        			}

        			@media screen and (min-height: 766px) {
        				.three-swiper {
        					padding: 33px 0 31px 0;
        				}
        			}

        			.three-swiper .swiper {
        				width: 100%;
        				max-width: 801px;
        				height: 100%;
        			}

        			.three-swiper .swiper-slide {

        				border-radius: 24px;
        			}

        			/* .three-swiper .slide-content {
						display: flex;
						flex-direction: column;
						align-items: center;
						color: white;
						font-size: 18px;
						font-family: ali5;
					} */

        			.three-swiper .slide-content {
        				position: relative;
        				display: flex;
        				flex-direction: column;
        				align-items: center;
        				gap: 2px;
        				width: 100%;
        				height: 100%;
        			}

        			.three-swiper .swiper-pagination {
        				position: relative;
        				margin-top: -36px;
        				display: flex;
        				justify-content: center;
        				gap: 8px;
        			}

        			.three-swiper .swiper-pagination-bullet {
        				width: 6px;
        				height: 6px;
        				background: rgba(255, 255, 255, 0.5);
        				opacity: 1;
        				transition: all 0.3s ease;
        				border-radius: 50%;
        				cursor: pointer;
        				display: inline-block;
        			}

        			.three-swiper .swiper-pagination-bullet-active {
        				width: 24px;
        				border-radius: 4px;
        				background: white;
        			}

        			.three-slide-content-text1 {
        				margin-top: 40px;
        				color: white;
        				font-size: 37px;
        				font-family: ali6;
        				line-height: 40px;
        				word-wrap: break-word
        			}

        			.three-slide-content-text2 {
        				color: white;
        				font-size: 15px;
        				font-family: ali5;
        				line-height: 26px;
        				letter-spacing: 0.96px;
        				word-wrap: break-word
        			}

        			.three-slide-content-text3 {
        				color: white;
        				font-size: 15px;
        				font-family: ali4;
        				line-height: 24px;
        				word-wrap: break-word;
        				margin-top: 10px;
        				display: flex;
        				align-items: center;
        				justify-content: center;
        				gap: 4px;
						text-decoration: none;
        			}

        			.three-slide-content-text3 img {
        				width: 17px;
        				height: 17px;
        			}

        			.three-swiper .slide-1 {
        				background-image:
        					url('https://file.energizelab.com.cn/web_file/xunruicms/webp/home/mo/a10.webp');
        				background-size: cover;
        				background-position: center;
        				background-repeat: no-repeat;
        			}

        			.three-swiper .slide-2 {
        				background-image:
        					url('https://file.energizelab.com.cn/web_file/xunruicms/webp/home/mo/a11.webp');
        				background-size: cover;
        				background-position: center;
        				background-repeat: no-repeat;
        			}

        			.three-swiper .slide-3 {
        				background-image:
        					url('https://file.energizelab.com.cn/web_file/xunruicms/webp/home/mo/a12.webp');
        				background-size: cover;
        				background-position: center;
        				background-repeat: no-repeat;
        			}

        			.three-swiper .swiper-pagination {
        				position: relative;
        				margin-top: -36px;
        			}

        			.three-swiper .swiper-pagination-bullet {
        				width: 6px;
        				height: 6px;
        				background: rgba(255, 255, 255, 0.5);
        				opacity: 1;
        				transition: all 0.3s ease;
        			}

        			.three-swiper .swiper-pagination-bullet-active {
        				width: 24px;
        				border-radius: 4px;
        				background: white;
        			}

        			/* ========== 弹窗 - 默认隐藏 ========== */
        			.gift {
        				position: fixed;
        				top: 0;
        				left: 0;
        				width: 100vw;
        				height: 100vh;
        				display: none;
        				flex-direction: column;
        				justify-content: center;
        				align-items: center;
        				background: rgba(0, 0, 0, 0.6);
        				backdrop-filter: blur(12px);
        				-webkit-backdrop-filter: blur(12px);
        				z-index: 99999;
        				transition: opacity 0.4s ease, visibility 0.4s ease;
        				opacity: 0;
        				visibility: hidden;
        				pointer-events: none;
        			}

        			/* 显示状态 */
        			.gift.show {
        				display: flex;
        				opacity: 1;
        				visibility: visible;
        				pointer-events: auto;
        			}

        			.gift .gift-content {
        				position: relative;
        				display: flex;
        				flex-direction: column;
        				align-items: center;
        				animation: modalScaleIn 0.4s ease;
        				margin-top: -50px;
        			}

        			@keyframes modalScaleIn {
        				0% {
        					transform: scale(0.8) translateY(20px);
        					opacity: 0;
        				}

        				100% {
        					transform: scale(1) translateY(0);
        					opacity: 1;
        				}
        			}

        			.gift .gift-content>img {
        				width: 290px;
        				display: block;
        			}

        			@media screen and (min-height: 766px) {
        				.gift .gift-content>img {
        					width: 340px;
        				}
        			}

        			.gift .gift1 {
        				position: relative;
        				top: auto;
        				left: auto;
        				width: 100%;
        				display: flex;
        				flex-direction: column;
        				align-items: center;
        				margin-top: -271px;
        			}

        			@media screen and (min-height: 766px) {
        				.gift .gift1 {
        					margin-top: -305px;
        				}
        			}

        			.gift-text1 {
        				color: #252F34;
        				font-size: 22px;
        				font-family: Krona One;
        				font-weight: 400;
        				line-height: 24px;
        			}

        			@media screen and (min-height: 766px) {
        				.gift-text1 {
        					font-size: 24px;
        					line-height: 28px;
        				}
        			}

        			.gift-text2 {
        				color: #00E4D1;
        				font-size: 22px;
        				font-family: Krona One;
        				font-weight: 400;
        				line-height: 24px;
        				word-wrap: break-word;
        			}

        			@media screen and (min-height: 766px) {
        				.gift-text2 {
        					font-size: 24px;
        					line-height: 28px;
        				}
        			}

        			.gift-text3 {
        				margin-top: 14px;
        				opacity: 0.75;
        				text-align: center;
        				justify-content: center;
        				display: flex;
        				flex-direction: column;
        				color: #252F34;
        				font-size: 13px;
        				font-family: ali4;
        				line-height: 16px;
        				word-wrap: break-word;
        			}

        			@media screen and (min-height: 766px) {
        				.gift-text3 {
        					font-size: 15px;
        					line-height: 18px;
        				}
        			}

        			.gift .gift-x {
        				position: relative;
        				top: auto;
        				right: auto;
        				cursor: pointer;
        				z-index: 10;
        				/* background: rgba(64, 70, 87); */
        				border-radius: 50%;
        				padding: 8px;
        				margin-top: 50px;
        				display: flex;
        				justify-content: center;
        				align-items: center;
        			}

        			@media screen and (min-height: 766px) {
        				.gift .gift-x {
        					margin-top: 69px;
        				}
        			}

        			.gift .gift-x img {
        				width: 100%;
        				display: block;
        				transition: transform 0.3s ease;
        			}

        			.gift .gift-x img:hover {
        				transform: rotate(90deg);
        			}

        			.email-input {
        				margin-top: 20px;
        				width: 250px;
        				padding: 14px 21px;
        				border: 2px solid #79F6638C;
        				text-align: left;
        				outline: none;
        				font-size: 14px;
        				border-radius: 50px;
        				background: white;
        			}

        			@media screen and (min-height: 766px) {
        				.email-input {
        					width: 280px;
        					font-size: 16px;
        				}
        			}

        			.gift-button {
        				margin-top: 20px;
        				display: flex;
        				justify-content: center;
        				align-items: center;
        				width: 250px;
        				padding: 14px 21px;
        				text-align: center;
        				outline: none;
        				font-size: 14px;
        				color: #fff;
        				border: none;
        				background: linear-gradient(to right, #7AF664, #0FE7E1);
        				border-radius: 50px;
        				font-family: ali8;
        				cursor: pointer;
        				outline: none;
        				-webkit-tap-highlight-color: transparent;
        				-webkit-appearance: none;
        				appearance: none;
        			}

        			@media screen and (min-height: 766px) {
        				.gift-button {
        					width: 280px;
        					font-size: 16px;
        				}
        			}

        			.gift-button:active {
        				outline: none;
        				box-shadow: none;
        				opacity: 0.5;
        			}

        			.four {
        				width: 100%;
        				height: 100%;
        				background-image: url('https://file.energizelab.com.cn/web_file/xunruicms/webp/home/mo/a22.webp');
        				background-size: cover;
        				display: flex;
        				flex-direction: column;
        				overflow: hidden;
        			}

        			.four-1 {
        				padding-top: 77px;
        				text-align: center;
        				flex-shrink: 0;
        			}

        			@media screen and (max-height: 766px) {
        				.four-1 {
        					padding-top: 65px;
        				}
        			}

        			.four-text1 {
        				color: #252F34;
        				font-size: 20px;
        				font-family: Krona One;
        				font-weight: 400;
        				line-height: 28px;
        				word-wrap: break-word;
        			}

        			.four-text2 {
        				color: #00B2FF;
        				font-size: 20px;
        				font-family: Krona One;
        				font-weight: 400;
        				line-height: 28px;
        				word-wrap: break-word;
        			}

        			@media screen and (min-height: 766px) {
        				.four-text1 {
        					font-size: 24px;
        					line-height: 37px;
        				}

        				.four-text2 {
        					font-size: 24px;
        					line-height: 30px;
        				}
        			}



        			.four-text3 {
        				padding: 10px 0 15px 0;
        				color: rgb(131, 138, 142);
        				font-size: 13px;
        				font-family: ali4;
        				line-height: 18px;
        				letter-spacing: 0.39px;
        				word-wrap: break-word
        			}

        			@media screen and (min-height: 766px) {
        				.four-text3 {
        					font-size: 15px;
        					line-height: 22px;
        				}
        			}

        			.four-2 {
        				display: grid;
        				grid-template-columns: repeat(2, auto);
        				grid-template-rows: repeat(2, auto);
        				gap: 20px 30px;
        				justify-content: center;
        				align-content: center;
        				flex-shrink: 0;
        			}

        			@media screen and (min-height: 766px) {
        				.four-2 {
        					gap: 11px 62px;
        				}

        			}

        			.four-2-a {
        				display: flex;
        				flex-direction: column;
        				justify-content: center;
        				align-items: center;
        			}

        			.four-text5 {
        				background-image: linear-gradient(to right, #00B2FF, #0FE7E1);
        				background-clip: text;
        				color: transparent;
        				font-size: 23px;
        				font-family: ali8;
        				line-height: 32px;
        			}

        			.four-text6 {
        				color: rgb(111, 117, 120);
        				font-size: 12px;
        				font-family: ali4;
        				line-height: 18px;
        				letter-spacing: 0.55px;
        			}

        			@media screen and (min-height: 766px) {
        				.four-text5 {
        					font-size: 26px;
        					line-height: 38px;
        				}

        				.four-text6 {
        					font-size: 13px;
        				}

        			}

        			.four-3 {
        				text-align: center;
        				flex-shrink: 0;
        			}

        			.four-text4 {
        				justify-content: center;
        				display: flex;
        				flex-direction: column;
        				color: #00B2FF;
        				font-size: 14px;
        				font-family: ali6;
        				line-height: 16px;
        				letter-spacing: 0.70px;
        				word-wrap: break-word
        			}

        			@media screen and (min-height: 766px) {
        				.four-text4 {
        					font-size: 16px;
        					line-height: 22px;
        				}
        			}

        			.four-dfd {
        				margin-top: 20px;
        				margin-bottom: 10px;
        				display: flex;
        				justify-content: center;
        				align-items: center;
        				gap: 30px;
        			}

        			@media screen and (min-height: 766px) {
        				.four-dfd {
        					margin-top: 13px;
        				}
        			}

        			.four-img1 {
        				width: 32px;
        			}

        			@media screen and (min-height: 766px) {
        				.four-img1 {
        					width: 36px;
        				}
        			}

        			.four-swiper {
        				position: relative;
        				width: 100%;
        				/* flex: 1; */
        				height: 300px;
        				min-height: 0;
        				padding: 10px 0 15px 0;
        				overflow: hidden;
        				box-sizing: border-box;
        			}

        			@media screen and (min-height: 766px) {
        				.four-swiper {
        					padding: 30px 0 30px 0;
        					height: 396px;
        				}
        			}

        			.fourSwiper {
        				width: 100%;
        				height: 100%;
        			}

        			/* ===== 关键：卡片高度 = 容器高度，宽度根据宽高比自动计算 ===== */
        			.fourSwiper .swiper-slide {
        				height: 100%;
        				width: auto;
        				aspect-ratio: 170 / 255;
        				border-radius: 15px;
        				overflow: hidden;
        				flex-shrink: 0;
        			}


        			.fourSwiper .slide-content {
        				width: 100%;
        				height: 100%;
        				background-size: cover;
        				background-position: center;
        			}

        			.swiper-switch {
        				position: absolute;
        				right: 0;
        				top: 50%;
        				transform: translateY(-50%);
        				display: flex;
        				flex-direction: column;
        				gap: 1px;
        				z-index: 10;
        				background: white;
        				border-radius: 25px 0 0 25px;
        				padding: 1px 0 1px 1px;
        			}

        			.switch-btn {
        				width: 48px;
        				height: 46px;
        				border-radius: 50%;
        				display: flex;
        				align-items: center;
        				justify-content: center;
        				cursor: pointer;
        				transition: all 0.3s ease;
        			}

        			.switch-btn img {
        				width: 40px;
        				height: 40px;
        				object-fit: contain;
        			}

        			.switch-btn.active {
        				background: #fff;
        			}


        			.fourSwiper .video-slide {
        				height: 100%;
        				width: auto;
        				aspect-ratio: 170 / 255;
        				border-radius: 11px;
        				overflow: hidden;
        				background: #000;
        				flex-shrink: 0;
        			}


        			.video-slide video {
        				width: 100%;
        				height: 100%;
        				object-fit: cover;
        				/* 移除视频控制按钮 */
        				pointer-events: none;
        			}



        			/* ===== four-swiper 文字覆盖层 ===== */
        			.four-swiper .vertical-slide {
        				position: relative;
        				overflow: hidden;
        			}

        			.four-swiper .vertical-slide-overlay {
        				position: absolute;
        				top: 0;
        				left: 0;
        				right: 0;
        				padding: 12px 12px 16px;
        				pointer-events: none;
        				border-radius: 0 0 11px 11px;
        			}

        			.four-swiper .vertical-slide-overlay .slide-title-desc {
        				display: flex;
        				align-items: center;
        				gap: 6px;
        				background: rgba(0, 0, 0, 0.45);
        				border-radius: 40px;
        				padding: 7px 12px 7px 6px;
        				width: fit-content;
        				overflow: hidden;
        				max-width: 90%;
        			}

        			.four-swiper .vertical-slide-overlay .slide-avatar {
        				width: 20px;
        				height: 20px;
        				border-radius: 50%;
        			}

        			.four-swiper .vertical-slide-overlay .slide-title {
        				color: #ffffff;
        				font-size: 12px;
        				font-family: ali6;
        				overflow: hidden;
        				white-space: nowrap;
        			}

        			.four-swiper .vertical-slide-overlay .slide-divider {
        				color: rgba(255, 255, 255, 0.4);
        				font-size: 12px;
        			}

        			.four-swiper .vertical-slide-overlay .slide-desc {
        				color: rgba(255, 255, 255, 0.7);
        				font-size: 10px;
        				font-weight: 400;
        				font-family: AlibabaPuHuiTi, sans-serif;
        				white-space: nowrap;
        				max-width: 80px;
        				overflow: hidden;
        				text-overflow: ellipsis;
        			}



        			.five {
        				width: 100%;
        				height: 100%;
        				background-image: url('../images/home/mo/a13.png');
        				background-size: cover;
        				padding-top: 80px;
        				display: flex;
        				flex-direction: column;
        				position: relative;
        			}

        			.five-img1 {
        				position: absolute;
        				width: 139px;
        				bottom: -53px;
        				right: 0px;
        				z-index: 1;
        			}

        			@media screen and (min-height: 766px) {
        				.five-img1 {
        					width: -53px;
        				}
        			}

        			.five-img2 {
        				position: absolute;
        				width: 53px;
        				top: 64px;
        				left: 0px;
        				z-index: 1;
        			}

        			/* 标题区域不需要额外改动，但确保不被压缩 */
        			.five>div:first-child {
        				flex-shrink: 0;
        			}

        			.five-text1 {
        				color: #00B2FF;
        				font-size: 20px;
        				font-family: Krona One;
        				font-weight: 400;
        				line-height: 28px;
        				word-wrap: break-word
        			}

        			.five-text2 {
        				color: #252F34;
        				font-size: 20px;
        				font-family: Krona One;
        				font-weight: 400;
        				line-height: 28px;
        				word-wrap: break-word
        			}

        			.five-text3 {
        				margin-top: 10px;
        				margin-bottom: 20px;
        				width: 100%;
        				opacity: 0.55;
        				text-align: center;
        				justify-content: center;
        				display: flex;
        				flex-direction: column;
        				color: #252F34;
        				font-size: 13px;
        				font-family: ali4;
        				line-height: 18px;
        				letter-spacing: 0.39px;
        				word-wrap: break-word;
        				flex-shrink: 0;
        			}

        			@media screen and (min-height: 766px) {
        				.five-text1 {
        					font-size: 24px;
        				}

        				.five-text2 {
        					font-size: 24px;
        				}

        				.five-text3 {
        					font-size: 15px;
        					line-height: 21px;
        				}
        			}

        			.five-swiper {
        				width: 100%;
        				overflow: hidden;
        				flex: 1;
        				min-height: 0;
        				padding: 10px 0 30px 0;
        			}

        			@media screen and (min-height: 766px) {
        				.five-swiper {
        					padding: 10px 0 46px 0;
        				}

        			}

        			.five-swiper .swiper {
        				width: 100%;
        				height: 100%;
        			}

        			.five-swiper .swiper-slide {
        				display: flex;
        				justify-content: center;
        				align-items: center;
        			}

        			.five-swiper .slide-content {
        				width: 85%;
        				height: 100%;
        				border-radius: 23px;
        				padding: 30px 30px;
        				position: relative;
        			}

        			.five-swiper .slide-1 .slide-content {
        				background-image: url('https://file.energizelab.com.cn/web_file/xunruicms/webp/home/mo/a14.webp');
        				background-size: cover;
        			}

        			.five-swiper .slide-2 .slide-content {
        				background-image: url('https://file.energizelab.com.cn/web_file/xunruicms/webp/home/mo/a15.webp');
        				background-size: cover;
        			}

        			.five-text4 {
        				color: white;
        				font-size: 24px;
        				font-family: Krona One;
        				font-weight: 400;
        				line-height: 32px;
        				word-wrap: break-word;
        				margin-top: 10px;
        				margin-bottom: 10px;
        			}

        			.five-text5 {
        				color: #00B2FF;
        				font-size: 18px;
        				font-family: Krona One;
        				font-weight: 400;
        				line-height: 20px;
        				word-wrap: break-word
        			}

        			.five-text6 {
        				color: white;
        				font-size: 18px;
        				font-family: Krona One;
        				font-weight: 400;
        				line-height: 20px;
        				word-wrap: break-word;
        			}

        			.five-text7 {
        				margin-top: 10px;
        				color: white;
        				font-size: 13px;
        				font-family: ali4;
        				line-height: 16px;
        				letter-spacing: 0.65px;
        				word-wrap: break-word
        			}

        			.five-btn {
        				position: absolute;
        				bottom: 60px;
        				left: 50%;
        				transform: translateX(-50%);
        				padding: 10px 10px 10px 20px;
        				border-radius: 50px;
        				background: #00B2FF;
        				color: white;
        				font-size: 16px;
        				font-family: ali6;
        				line-height: 24px;
        				display: flex;
        				align-items: center;
        				justify-content: center;
        				gap: 8px;

        			}

        			.five-swiper .swiper-pagination {
        				position: relative;
        				margin-top: -36px;
        			}

        			.five-swiper .swiper-pagination-bullet {
        				width: 6px;
        				height: 6px;
        				background: rgba(255, 255, 255, 0.5);
        				opacity: 1;
        				transition: all 0.3s ease;
        			}

        			.five-swiper .swiper-pagination-bullet-active {
        				width: 24px;
        				border-radius: 4px;
        				background: white;
        			}

        			.six {
        				width: 100%;
        				height: 100%;
        				background-image: url('../images/home/mo/a17.png');
        				display: flex;
        				flex-direction: column;
        				align-items: center;
        			}

        			.six-text1 {
        				margin-top: 80px;

        			}

        			.six-text1 img {
        				width: 311px;
        			}

        			.six-text2 {
        				margin-top: 4dvh;
        				text-align: center;
        				color: #252F34;
        				font-size: 16px;
        				font-family: Krona One;
        				font-weight: 400;
        				line-height: 24px;
        				word-wrap: break-word
        			}

        			.six-text3 {
        				margin-top: 20px;
        				width: 100%;
        				opacity: 0.55;
        				text-align: center;
        				justify-content: center;
        				display: flex;
        				flex-direction: column;
        				color: #252F34;
        				font-size: 13px;
        				font-family: ali4;
        				line-height: 18px;
        				letter-spacing: 0.39px;
        				word-wrap: break-word
        			}

        			.six-swiper1 {
        				width: 100%;
        				height: auto;
        				overflow: hidden;
        				margin-top: 5dvh;
        			}

        			.sixSwiper1 {
        				width: 100%;
        				height: 100%;
        			}

        			.sixSwiper1 .swiper-wrapper {
        				display: flex;
        				width: fit-content;
        				animation: scroll 20s linear infinite;
        			}

        			.sixSwiper1 .swiper-slide {
        				flex-shrink: 0;
        			}

        			@keyframes scroll {
        				0% {
        					transform: translateX(0);
        				}

        				100% {
        					transform: translateX(-50%);
        				}
        			}

        			.sixSwiper1 .swiper-slide {
        				width: 152px;
        				height: 64px;
        				display: flex;
        				justify-content: center;
        				align-items: center;
        			}

        			.sixSwiper1 .swiper-slide img {
        				max-width: 100%;
        				max-height: 100%;
        				object-fit: contain;
        			}


        			.six-swiper2 {
        				width: 100%;
        				height: auto;
        				overflow: hidden;
        				margin-top: 4dvh;
        			}

        			@media screen and (min-height: 766px) {
        				.six-swiper2 {
        					margin-top: 3dvh;
        				}
        			}

        			.sixSwiper2 {
        				width: 100%;
        				height: 100%;
        			}

        			.sixSwiper2 .swiper-wrapper {
        				display: flex;
        				width: fit-content;
        				animation: scroll-reverse 20s linear infinite;
        			}

        			@keyframes scroll-reverse {
        				0% {
        					transform: translateX(-50%);
        				}

        				100% {
        					transform: translateX(0);
        				}
        			}


        			.sixSwiper2 .swiper-slide {
        				width: 152px;
        				height: 64px;
        				display: flex;
        				justify-content: center;
        				align-items: center;
        			}

        			.sixSwiper2 .swiper-slide img {
        				max-width: 100%;
        				max-height: 100%;
        				object-fit: contain;
        			}





        			.six-swiper3 {
        				width: 100%;
        				height: auto;
        				overflow: hidden;
        				margin-top: 4dvh;
        			}

        			@media screen and (min-height: 766px) {
        				.six-swiper3 {
        					margin-top: 3dvh;
        				}
        			}

        			.sixSwiper3 {
        				width: 100%;
        				height: 100%;
        			}

        			.sixSwiper3 .swiper-wrapper {
        				display: flex;
        				width: fit-content;
        				animation: scroll 20s linear infinite;
        			}

        			.sixSwiper3 .swiper-slide {
        				flex-shrink: 0;
        			}

        			@keyframes scroll {
        				0% {
        					transform: translateX(0);
        				}

        				100% {
        					transform: translateX(-50%);
        				}
        			}

        			.sixSwiper3 .swiper-slide {
        				width: 152px;
        				height: 64px;
        				display: flex;
        				justify-content: center;
        				align-items: center;
        			}

        			.sixSwiper3 .swiper-slide img {
        				max-width: 100%;
        				max-height: 100%;
        				object-fit: contain;
        			}

        			@media screen and (min-height: 766px) {
        				.six-text1 img {
        					width: 331px;
        				}

        				.six-text1 {
        					margin-top: 81px;
        				}

        				.six-text2 {
        					font-size: 18px;
        				}

        				.six-text3 {
        					font-size: 15px;
        					line-height: 22px;
        				}

        				.sixSwiper1 .swiper-slide {
        					width: 169px;
        					height: 89px;
        				}

        				.sixSwiper2 .swiper-slide {
        					width: 169px;
        					height: 89px;
        				}

        				.sixSwiper3 .swiper-slide {
        					width: 169px;
        					height: 89px;
        				}
        			}

        			.seven {
        				background-image: url('../images/home/mo/a32.png');
        				background-size: cover;
        				background-position: center;
        				width: 100%;
        				height: 100dvh;
        				min-height: 100svh;
        				display: flex;
        				flex-direction: column;
        			}

        			.seven-text1 {
        				padding-top: 70px;
        				text-align: center;
        				color: #00B2FF;
        				font-size: 20px;
        				font-family: Krona One;
        				font-weight: 400;
        				line-height: 28px;
        			}

        			@media screen and (min-height: 766px) {
        				.seven-text1 {
        					padding-top: 80px;
        					font-size: 22px;
        					line-height: 32px;
        				}
        			}

        			.seven-text2 {
        				margin-top: 20px;
        				width: 100%;
        				opacity: 0.55;
        				text-align: center;
        				justify-content: center;
        				display: flex;
        				flex-direction: column;
        				color: #252F34;
        				font-size: 14px;
        				font-family: ali4;
        				line-height: 18px;
        				letter-spacing: 0.39px;
        				word-wrap: break-word;
        			}

        			@media screen and (min-height: 766px) {
        				.seven-text2 {
        					font-size: 15px;
        					line-height: 23px;
        				}
        			}

        			.seven-swiper {
        				display: flex;
        				justify-content: center;
        				margin-top: 30px;
        				margin-bottom: 15px;
        				flex: 1;
        				overflow: hidden;
        			}

        			@media screen and (min-height: 766px) {
        				.seven-swiper {
        					margin-bottom: 20px;
        				}
        			}

        			.seven-swiper .swiper {
        				width: 100%;
        			}

        			.seven-swiper .swiper-slide {
        				display: flex;
        				flex-direction: column;
        				align-items: center;
        				width: 100%;
        				height: 100%;
        			}

        			.seven-swiper .slide-content {
        				margin-top: 30px;
        				color: #fff;
        				font-size: 17px;
        				font-family: ali5;
        				line-height: 24px;
        				word-wrap: break-word;
        			}

        			@media screen and (min-height: 766px) {
        				.seven-swiper .slide-content {
        					font-size: 20px;
        					line-height: 28px;
        					margin-top: 50px;
        				}
        			}

        			.seven-swiper .slide-sub {
        				margin-top: 13px;
        				color: white;
        				font-size: 22px;
        				font-family: ali6;
        				line-height: 32px;
        				word-wrap: break-word
        			}

        			@media screen and (min-height: 766px) {
        				.seven-swiper .slide-sub {
        					font-size: 24px;
        					line-height: 36px;
        					margin-top: 16px;
        				}
        			}

        			.seven-swiper .slide-sub1 {
        				margin-top: 13px;
        				color: white;
        				font-size: 12px;
        				font-family: ali4;
        				line-height: 16px;
        				letter-spacing: 0.36px;
        				word-wrap: break-word;
        			}

        			@media screen and (min-height: 766px) {
        				.seven-swiper .slide-sub1 {
        					font-size: 14px;
        					line-height: 22px;
        				}
        			}




        			.seven-swiper .slide1 {
        				margin-top: 20px;
        				color: white;
        				font-size: 12px;
        				font-family: ali5;
        				line-height: 16px;
        				word-wrap: break-word;
        			}

        			.seven-swiper .butto {
        				position: static;
        				margin-top: 46px;
        				left: auto;
        				transform: none;
        				background-color: white;
        				color: #00B2FF;
        				padding: 10px 10px 10px 24px;
        				font-size: 15px;
        				font-family: ali7;
        				border-radius: 100px;
        				display: flex;
        				align-items: center;
        				justify-content: center;
        			}

        			.seven-swiper .butto img {
        				margin-left: 10px;
        			}

        			.seven-wid1 {
        				border-radius: 23px;
        				width: 85%;
        				height: 100%;
        				margin: 0 auto;
        				display: flex;
        				flex-direction: column;
        				align-items: center;
        				background-image: url('https://file.energizelab.com.cn/web_file/xunruicms/webp/home/mo/a5.webp');
        				background-size: cover;
        				background-position: center;
        				background-repeat: no-repeat;
        			}

        			.seven-wid2 {
        				border-radius: 20px;
        				width: 85%;
        				height: 100%;
        				margin: 0 auto;
        				display: flex;
        				flex-direction: column;
        				align-items: center;
        				background-image: url('https://file.energizelab.com.cn/web_file/xunruicms/webp/home/mo/a6.webp');
        				background-size: cover;
        				background-position: center;
        				background-repeat: no-repeat;
        			}

        			.seven-swiper .swiper-pagination {
        				position: relative;
        				margin-top: -36px;
        			}

        			.seven-swiper .swiper-pagination-bullet {
        				width: 6px;
        				height: 6px;
        				background: rgba(255, 255, 255, 0.5);
        				opacity: 1;
        				transition: all 0.3s ease;
        			}

        			.seven-swiper .swiper-pagination-bullet-active {
        				width: 24px;
        				border-radius: 4px;
        				background: white;
        			}

        			.seven-over {
        				width: 100%;
        				padding: 60px 0;
        				background-color: rgb(250, 250, 250);
        			}

        			.seven-a {
        				width: 85%;
        				margin: 23px auto;
        				display: flex;
        				align-items: center;
        				justify-content: space-between;
        				gap: 20px;
        				background: white;
        				border-radius: 17px;
        				padding: 30px 30px;
        				color: #252F34;
        				font-size: 15px;
        				font-family: ali7;
        				line-height: 24px;
        				word-wrap: break-word;
        			}

        			@media screen and (min-height: 766px) {
        				.seven-a {
        					font-size: 17px;
        				}
        			}

        			.seven-a img {
        				flex-shrink: 0;
        			}

        			.seven-a span {
        				flex: 1;
        			}
        		}





        		@media (min-width: 768px) {

        			.is-web {
        				display: block;
        			}

        			.is-mobile {
        				display: none;
        			}

        			.header {
        				position: fixed;
        				top: 0;
        				left: 0;
        				width: 100%;
        				height: 80px;
        				display: flex;
        				justify-content: space-between;
        				align-items: center;
        				z-index: 100;
        				padding: 0 21px;
        				box-sizing: border-box;
        				transition: background 0.3s ease, box-shadow 0.3s ease;
        			}

        			/* 透明状态（顶部） */
        			.header.transparent {
        				background: transparent !important;
        				box-shadow: none !important;
        			}

        			.header.transparent .nav-link {
        				color: #FFFFFF !important;
        			}

        			.header.solid {
        				background: #FFFFFF !important;
        				box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05) !important;
        			}

        			.header.solid .nav-link {
        				color: #252F34 !important;
        			}

        			.header.solid #logoIcon,
        			.header.solid #searchIcon,
        			.header.solid #userIcon {
        				filter: none;
        			}

        			.header-left,
        			.header-right {
        				flex: 1;
        				display: flex;
        				align-items: center;
        			}

        			.header-left {
        				justify-content: flex-start;
        			}

        			.header-right {
        				justify-content: flex-end;
        			}

        			.header-right-2 {
        				width: 80px;

        			}

        			.header-center {
        				flex: 0 0 auto;
        				position: absolute;
        				left: 50%;
        				transform: translateX(-50%);
        				display: flex;
        				align-items: center;
        				justify-content: center;
        			}

        			.header-center ul {
        				list-style: none;
        				margin: 0;
        				padding: 0;
        				display: flex;

        				gap: 32px;
        			}

        			.header-center ul li a {
        				text-decoration: none;
        				cursor: pointer;
        				font-size: 16px;
        				font-family: ali6;
        				color: #252F34;
        			}


        			@layer generate {
        				body {
        					font-family: system-ui;
        					display: block;
        					margin: 0;
        				}

        				.contain {
        					display: flex;
        					flex-direction: column;
        					background: #FFFFFF;
        				}

        				/* ==================== 顶部导航栏 (column .column2) ==================== */
        				.column {
        					align-self: stretch;
        					background: #F6FBFC;
        				}

        				.view {
        					align-self: stretch;
        					display: flex;
        					flex-direction: column;
        					align-items: center;
        					margin-bottom: 292px;
        				}

        				.row-view {
        					display: flex;
        					align-items: center;
        				}

        				.row-view2 {
        					flex-shrink: 0;
        					display: flex;
        					align-items: center;
        					margin-right: 140px;
        					gap: 12px;
        				}

        				.image {
        					width: 31px;
        					height: 32px;
        					object-fit: fill;
        				}

        				.image2 {
        					width: 133px;
        					height: 18px;
        					object-fit: fill;
        				}

        				.row-view3 {
        					flex-shrink: 0;
        					display: flex;
        					align-items: center;
        					margin-right: 163px;
        				}

        				.text {
        					color: #FFFFFF;
        					font-size: 16px;
        					margin-right: 35px;
        				}

        				.text2 {
        					color: #FFFFFF;
        					font-size: 16px;
        					margin-right: 36px;
        				}

        				.text3 {
        					color: #FFFFFF;
        					font-size: 16px;
        					margin-right: 34px;
        				}

        				.text4 {
        					color: #FFFFFF;
        					font-size: 16px;
        				}

        				.image3 {
        					width: 40px;
        					height: 40px;
        					margin-right: 20px;
        					object-fit: fill;
        				}

        				.button-row-view {
        					flex-shrink: 0;
        					display: flex;
        					align-items: center;
        					background: #FFFFFF;
        					border-radius: 100px;
        					border: none;
        					padding: 10px 15px;
        					gap: 4px;
        					text-align: left;
        				}

        				.image4 {
        					border-radius: 100px;
        					width: 20px;
        					height: 20px;
        					object-fit: fill;
        				}

        				.text5 {
        					color: #00B2FF;
        					font-size: 16px;
        					font-weight: bold;
        				}

        				/* ==================== 首屏 Hero (column .column3) ==================== */
        				.column3 {
        					display: flex;
        					flex-direction: column;
        					align-items: flex-start;
        					margin-bottom: 272px;
        					margin-left: 360px;
        					gap: 64px;
        				}

        				.column4 {
        					display: flex;
        					flex-direction: column;
        					align-items: center;
        				}

        				.text6 {
        					color: #FFFFFF;
        					font-size: 32px;
        					margin-bottom: 16px;
        				}

        				.text7 {
        					color: #FFFFFF;
        					font-size: 19px;
        					font-weight: bold;
        					margin-bottom: 24px;
        				}

        				.text8 {
        					color: #FFFFFF;
        					font-size: 15px;
        					width: 400px;
        				}

        				.button {
        					display: flex;
        					flex-direction: column;
        					align-items: flex-start;
        					background: #FFFFFF;
        					border-radius: 75px;
        					border: none;
        					padding: 12px 24px;
        					margin-right: 253px;
        					text-align: left;
        				}

        				/* ==================== 底部导航指示器 (view2) ==================== */
        				.view2 {
        					align-self: stretch;
        					display: flex;
        					flex-direction: column;
        					align-items: center;
        					margin-bottom: 40px;
        				}

        				.column5 {
        					display: flex;
        					flex-direction: column;
        					align-items: center;
        					padding-bottom: 1px;
        					gap: 15px;
        				}

        				.image5 {
        					width: 151px;
        					height: 20px;
        					margin-right: 40px;
        					object-fit: fill;
        				}

        				.text9 {
        					color: #FFFFFF;
        					font-size: 14px;
        					margin-right: 43px;
        				}

        				.image6 {
        					width: 131px;
        					height: 20px;
        					object-fit: fill;
        				}

        				.box {
        					width: 80px;
        					height: 4px;
        				}

        				.view3 {
        					align-items: flex-start;
        					background: #FFFFFF;
        					border-radius: 48px;
        					padding-right: 40px;
        				}

        				.box2 {
        					width: 40px;
        					height: 4px;
        					background: #FFFFFF;
        					border-radius: 48px;
        				}

        				/* ==================== 产品展示区 (column6) ==================== */
        				.column6 {
        					align-self: stretch;
        				}

        				.column7 {
        					align-self: stretch;
        					display: flex;
        					flex-direction: column;
        					align-items: center;
        					margin-bottom: 77px;
        					background-image: url('https://file.energizelab.com.cn/web_file/xunruicms/webp/home/h1.webp');
        					background-size: 100% 100%;
        				}

        				.column8 {
        					display: flex;
        					flex-direction: column;
        					align-items: center;
        					margin-top: 180px;
        					margin-bottom: 26px;
        					gap: 24px;
        				}


        				.text11 {
        					text-align: center;
        					font-size: 16px;
        					font-family: ali4;
        					line-height: 24px;
        					letter-spacing: 0.80px;
        					word-wrap: break-word;
        					color: #566266;
        				}

        				.row-view4 {
        					align-self: stretch;
        					display: flex;
        					align-items: center;
        					margin-bottom: 88px;
        				}

        				.column9 {
        					flex: 1;
        					display: flex;
        					flex-direction: column;
        					/* align-items: flex-start; */
        					padding-top: 81px;
        					position: relative;
        				}

        				.image7 {
        					width: 840px;
        					height: 589px;
        					object-fit: fill;
        				}

        				.absolute-image {
        					position: absolute;
        					top: 0px;
        					right: 264px;
        					width: 216px;
        					height: 216px;
        					object-fit: fill;
        					pointer-events: none;
        				}

        				.absolute-image2 {
        					position: absolute;
        					bottom: 56px;
        					right: 16px;
        					width: 384px;
        					height: 384px;
        					object-fit: fill;
        				}

        				.absolute-image3 {
        					position: absolute;
        					bottom: 75px;
        					right: -13px;
        					width: 413px;
        					height: 412px;
        					object-fit: fill;
        					pointer-events: none;
        				}

        				.column10 {
        					flex: 1;
        					display: flex;
        					flex-direction: column;
        					/* align-items: flex-end; */
        					padding-top: 81px;
        					position: relative;
        				}

        				.view4 {
        					display: flex;
        					flex-direction: column;
        					align-items: flex-start;
        					padding-top: 450px;
        					padding-left: 335px;
        					padding-right: 335px;
        					background-image: url('https://storage.googleapis.com/tagjs-prod.appspot.com/v1/C8sxPd1WXA/ll3an713_expires_30_days.png');
        					background-size: 100% 100%;
        				}

        				.row-view5 {
        					display: flex;
        					align-items: center;
        					background: #FFFFFF;
        					border-radius: 60px;
        					padding-top: 10px;
        					padding-bottom: 10px;
        					margin-bottom: 95px;
        				}

        				.image8 {
        					border-radius: 60px;
        					width: 24px;
        					height: 24px;
        					margin-left: 10px;
        					margin-right: 6px;
        					object-fit: fill;
        				}

        				.text12 {
        					color: #00B2FF;
        					font-size: 16px;
        					font-weight: bold;
        					margin-right: 23px;
        				}

        				.absolute-image4 {
        					position: absolute;
        					bottom: 68px;
        					left: 0px;
        					width: 412px;
        					height: 412px;
        					object-fit: fill;
        					pointer-events: none;
        				}

        				.absolute-image5 {
        					position: absolute;
        					bottom: 56px;
        					left: 18px;
        					width: 381px;
        					height: 381px;
        					object-fit: fill;
        				}

        				.absolute-image6 {
        					position: absolute;
        					top: 0px;
        					left: 264px;
        					width: 216px;
        					height: 216px;
        					pointer-events: none;
        					object-fit: fill;
        				}

        				/* ==================== 订阅区域 (row-view6) ==================== */
        				.row-view6 {
        					display: flex;
        					align-items: flex-start;
        					position: relative;
        				}

        				.image9 {
        					width: 100px;
        					height: 100px;
        					margin-top: 20px;
        					margin-right: 798px;
        					object-fit: fill;
        				}

        				.column11 {
        					flex-shrink: 0;
        					display: flex;
        					flex-direction: column;
        					align-items: center;
        					margin-top: 56px;
        					position: relative;
        				}

        				.image10 {
        					width: 240px;
        					height: 240px;
        					object-fit: fill;
        					position: relative;
        					z-index: 10;
        				}

        				.absolute-view {
        					position: absolute;
        					top: 22px;
        					right: 124px;
        					display: flex;
        					flex-direction: column;
        					align-items: flex-start;
        					padding: 50px 96px;
        					background-image: url('https://file.energizelab.com.cn/web_file/xunruicms/webp/home/abs-view.webp');
        					background-size: 100% 100%;
        				}

        				.column12 {
        					flex-shrink: 0;
        					display: flex;
        					flex-direction: column;
        					align-items: flex-start;
        					margin-right: 70px;
        					gap: 12px;
        				}



        				.text14 {
        					color: #566266;
        					font-size: 13px;
        					font-family: ali4;
        					line-height: 16px;
        					word-wrap: break-word;
        				}

        				.subscribe-form {
        					flex-shrink: 0;
        					display: flex;
        					align-items: center;
        				}

        				.text15-input {
        					color: #252F34;
        					font-size: 14px;
        					font-weight: bold;
        					margin-left: 32px;
        					margin-right: 40px;
        					background: transparent;
        					border: none;
        					outline: none;
        					font-family: system-ui;
        					width: 225px;
        				}

        				.text15-input::placeholder {
        					color: #999;
        					font-weight: normal;
        				}

        				.text15-input:focus {
        					outline: none;
        				}

        				.row-view7 {
        					flex-shrink: 0;
        					display: flex;
        					align-items: center;
        					background: #FFFFFF;
        					border-radius: 955px;
        					border: 3px solid #78F6638C;
        					padding-top: 12px;
        					padding-bottom: 12px;
        					margin-right: 85px;
        				}

        				.button2 {
        					flex-shrink: 0;
        					display: flex;
        					flex-direction: column;
        					align-items: flex-start;
        					background: linear-gradient(to right, #7AF664, #55E8A0, #0FE7E1);
        					opacity: 0.7;
        					border-radius: 100px;
        					border: none;
        					padding: 13px 16px;
        					margin-right: 16px;
        					text-align: left;
        				}

        				.button2:hover {
        					opacity: 1;
        					cursor: pointer;
        				}

        				.text16 {
        					color: #FFFFFF;
        					font-size: 13px;
        					font-weight: bold;
        				}

        				.absolute-image7 {
        					position: absolute;
        					top: 0px;
        					right: 0px;
        					width: 100px;
        					height: 100px;
        					object-fit: fill;
        				}

        				/* ==================== 大图横幅  第三屏(column13) ==================== */
        				.column13 {
        					align-self: stretch;
        					display: flex;
        					flex-direction: column;
        					align-items: center;
        					padding-top: 3px;
        					margin-bottom: 48px;
        					position: relative;
        					height: 960px;
        					width: 100%;
        				}

        				.column13-1 {
        					display: flex;
        					flex-direction: column;
        					align-items: center;
        					gap: 55px;
        					width: 100%;
        				}

        				.column13-1 img {
        					width: 382px;

        				}

        				.image11 {
        					position: absolute;
        					height: 960px;
        					width: 100%;
        					object-fit: cover;
        				}


        				/* ==================== 用户评价 (view5) ==================== */
        				.view5 {
        					align-self: stretch;
        					display: flex;
        					flex-direction: column;
        					align-items: center;
        					margin-bottom: 160px;
        					background-image: url('https://file.energizelab.com.cn/web_file/xunruicms/webp/home/view5.webp');
        					background-size: 100% 100%;
        				}

        				.column14 {
        					flex-shrink: 0;
        					display: flex;
        					flex-direction: column;
        					align-items: flex-start;
        					padding-right: 34px;
        					margin-right: 174px;
        				}

        				.column15 {
        					display: flex;
        					flex-direction: column;
        					align-items: flex-start;
        					margin-bottom: 88px;
        					gap: 24px;
        				}

        				.view6 {
        					display: flex;
        					flex-direction: column;
        					align-items: center;
        					margin-right: 27px;
        				}

        				.column16 {
        					display: flex;
        					flex-direction: column;
        					align-items: flex-start;
        					gap: 12px;
        				}

        				.column17 {
        					display: flex;
        					flex-direction: column;
        					align-items: center;
        					position: relative;
        				}

        				.text17 {
        					color: #252F34;
        					font-size: 32px;
        					font-family: Krona One;
        				}

        				.absolute-image8 {
        					position: absolute;
        					bottom: -16px;
        					right: -10px;
        					width: 214px;
        					height: 32px;
        					object-fit: fill;
        				}

        				.text18 {
        					font-family: Krona One;
        					color: #00B2FF;
        					font-size: 32px;
        					margin-right: 206px;
        				}

        				.text19 {
        					color: #566266;
        					font-size: 15px;
        					font-family: ali4;
        					line-height: 24px;
        					letter-spacing: 0.75px;
        					word-wrap: break-word
        				}

        				.column18 {
        					display: flex;
        					flex-direction: column;

        					margin-bottom: 142px;
        					gap: 52px;
        				}

        				.row-view8 {
        					display: flex;
        					align-items: center;
        					gap: 58px;
        				}

        				/* four-color 类：从左到右渐变，颜色 #00B2FF → #0FE7E1 */
        				.four-color {
        					font-size: 32px;
        					background: linear-gradient(to right, #00B2FF, #0FE7E1);
        					-webkit-background-clip: text;
        					background-clip: text;
        					color: transparent;
        					font-weight: bold;
        					display: inline-block;
        					transition: all 0.1s ease;
        				}

        				.column19 {
        					flex-shrink: 0;
        					display: flex;
        					flex-direction: column;
        					align-items: flex-start;
        					gap: 2px;
        				}


        				.text21 {
        					margin-top: 12px;
        					color: #566266;
        					font-size: 15px;
        					font-family: AlibabaPuHuiTi;
        					font-weight: 500;
        					line-height: 16px;
        					letter-spacing: 0.60px;
        					word-wrap: break-word
        				}


        				.column20 {
        					flex-shrink: 0;
        					display: flex;
        					flex-direction: column;
        					align-items: flex-start;
        					margin-right: 95px;
        					gap: 2px;
        				}


        				.column21 {
        					flex-shrink: 0;
        					display: flex;
        					flex-direction: column;
        					/* align-items: center; */
        					gap: 2px;
        				}

        				.column22 {
        					display: flex;
        					flex-direction: column;
        					align-items: flex-start;
        					gap: 24px;
        				}

        				.text25 {
        					color: #00B2FF;
        					font-size: 15px;
        					font-family: AlibabaPuHuiTi;
        					font-weight: 700;
        					line-height: 24px;
        					letter-spacing: 0.75px;
        					word-wrap: break-word
        				}

        				.row-view9 {
        					display: flex;
        					align-items: center;
        					gap: 30px;
        				}


        				.row-view9-a {
        					display: flex;
        					align-items: center;
        					justify-content: center;
        					border-radius: 50px;
        					background: #FFFFFF;
        					width: 40px;
        					height: 40px;
        					cursor: pointer;
        					transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
        					/* 弹性缓动效果 */
        				}

        				.row-view9-a:hover {
        					/* 淡蓝色阴影 - 使用主题色 #00B2FF */
        					box-shadow:
        						0 0 20px rgba(0, 178, 255, 0.3),
        						0 0 40px rgba(0, 178, 255, 0.15);

        					/* 或者使用更柔和的阴影 */
        					/* box-shadow: 0 4px 24px rgba(0, 178, 255, 0.35); */

        					/* 轻微放大效果，让交互更生动 */
        					transform: scale(1.08);
        				}

        				.image13 {
        					width: 20px;
        					height: 20px;
        					object-fit: contain;
        					transition: transform 0.3s ease;
        				}

        				.row-view9-a:hover .image13 {
        					transform: scale(1.05);
        				}






        				/* ==================== 创新故事 & 社区 (column27) ==================== */
        				.column27 {
        					align-self: stretch;
        					display: flex;
        					flex-direction: column;
        					margin-bottom: 160px;
        					gap: 8px;
        				}

        				.column28 {
        					align-self: stretch;
        					padding-bottom: 200px;
        					background-image: url('https://file.energizelab.com.cn/web_file/xunruicms/webp/home/column28.webp');
        					background-size: 100% 100%;
        				}

        				.column29 {
        					max-width: 1399px;
        					width: 100%;
        					box-sizing: border-box;
        					display: flex;
        					flex-direction: column;
        					align-items: center;
        					margin: 0 auto;
        					margin-bottom: 80px;
        					position: relative;

        				}

        				@media screen and (max-width: 1801px) {
        					.column29 {
        						max-width: 1232px;
        					}
        				}

        				.column30 {
        					/* max-width: 1332px; */
        					align-self: stretch;
        					display: flex;
        					flex-direction: column;
        					align-items: center;
        				}

        				.column31 {
        					display: flex;
        					flex-direction: column;
        					align-items: center;
        					margin-bottom: 80px;
        					gap: 24px;
        				}

        				.column35 {
        					display: flex;
        					flex-direction: column;
        					align-items: flex-start;
        					gap: 16px;
        				}

        				.row-view12 {
        					align-self: stretch;
        					display: flex;
        					justify-content: space-between;
        					align-items: flex-start;
        					background: #FFFFFF;
        					border-radius: 24px;
        					padding: 66px 80px;
        				}

        				.column32 {
        					flex-shrink: 0;
        					display: flex;
        					flex-direction: column;
        					align-items: flex-start;
        					margin-top: 12px;
        				}

        				.column33 {
        					display: flex;
        					flex-direction: column;
        					align-items: flex-start;
        					padding-right: 34px;
        					margin-bottom: 96px;
        					gap: 56px;
        				}

        				.column34 {
        					display: flex;
        					flex-direction: column;
        					align-items: flex-start;
        					gap: 8px;
        				}

        				.image17 {
        					width: 88px;
        					height: 24px;
        					object-fit: fill;
        				}

        				.text31 {
        					color: #252F34;
        					font-size: 24px;
        					font-family: Krona One;
        					font-weight: 400;
        					line-height: 32px;
        					word-wrap: break-word
        				}

        				.column355 {
        					display: flex;
        					flex-direction: column;
        					align-items: flex-end;
        					gap: 16px;
        				}

        				.button-row-view4 {
        					display: flex;
        					align-items: center;
        					background: #00B2FF;
        					opacity: 0.85;
        					border-radius: 60px;
        					border: none;
        					padding: 12px 12px 12px 24px;
        					margin-right: 258px;
        					gap: 9px;
        					text-align: left;
        					cursor: pointer;
        					transition: opacity 0.3s ease;
        				}

        				.button-row-view4:hover {

        					opacity: 1;
        				}

        				.text34 {
        					color: #FFFFFF;
        					font-family: AlibabaPuHuiTi;
        					font-size: 16px;
        					font-weight: bold;
        				}

        				.image18 {
        					border-radius: 60px;
        					width: 24px;
        					height: 24px;
        					object-fit: fill;
        				}

        				.image19 {
        					width: 576px;
        					height: 384px;
        					object-fit: fill;
        				}

        				.absolute-image10 {
        					position: absolute;
        					top: 0px;
        					left: -150px;
        					width: 200px;
        					height: 200px;
        					object-fit: fill;
        				}

        				/* ---- 右侧社区卡片 (row-view13) ---- */
        				.row-view13 {
        					position: relative;
        					max-width: 1399px;
        					width: 100%;
        					box-sizing: border-box;
        					display: flex;
        					align-items: flex-start;
        					margin: 0 auto;
        					gap: 54px;
        				}

        				@media screen and (max-width: 1801px) {
        					.row-view13 {
        						max-width: 1232px;
        					}
        				}

        				.row-view14 {
        					flex: 1;
        					display: flex;
        					justify-content: space-between;
        					align-items: flex-start;
        					background: #FFFFFF;
        					border-radius: 24px;
        					padding: 66px;
        				}

        				.column36 {
        					display: flex;
        					flex-direction: column;
        					align-items: flex-end;
        					margin-bottom: 96px;
        					gap: 56px;
        				}

        				.column37 {
        					display: flex;
        					flex-direction: column;
        					align-items: flex-end;
        					margin-left: 152px;
        					gap: 8px;
        				}

        				.image20 {
        					width: 88px;
        					height: 24px;
        					margin-left: 98px;
        					object-fit: fill;
        				}

        				.button-row-view5 {
        					display: flex;
        					align-items: center;
        					background: #00B2FF;
        					opacity: 0.85;
        					border-radius: 60px;
        					border: none;
        					padding: 12px 12px 12px 24px;
        					margin-left: 154px;
        					gap: 6px;
        					text-align: left;
								cursor: pointer;
        				}

        				.button-row-view5:hover {
        					opacity: 1;
        				}

        				.image21 {
        					position: absolute;
        					bottom: 100px;
        					/* 向下偏移，出现在底部外侧 */
        					right: -200px;
        					/* 向右偏移，出现在右侧外侧 */
        					width: 200px;
        					height: 200px;
        					object-fit: fill;
        				}

        				/* ==================== 媒体信任 (column38) ==================== */
        				.column38 {
        					align-self: stretch;
        					display: flex;
        					flex-direction: column;
        					align-items: center;
        				}

        				.row-view15 {
        					display: flex;
        					align-items: center;
        					margin-bottom: 16px;
        				}

        				.image22 {
        					width: 32px;
        					height: 32px;
        					margin-right: 24px;
        					object-fit: fill;
        				}

        				.text37 {
        					color: #252F34;
        					font-size: 28px;
        					margin-right: 29px;
        				}

        				.text37a {
        					font-size: 28px;
        					font-family: Krona One;
        					font-weight: 400;
        					line-height: 32px;
        					word-wrap: break-word
        				}

        				.image23 {
        					width: 32px;
        					height: 32px;
        					object-fit: fill;
        					margin-left: 24px;
        				}




        				/* ===== 信任媒体区域装饰图片旋转动画 ===== */
        				.row-view15 .image22 {
        					width: 32px;
        					height: 32px;
        					margin-right: 24px;
        					object-fit: fill;
        					animation: rotateCounterClockwise 3s ease-in-out infinite;
        					transform-origin: center center;
        				}

        				.row-view15 .image23 {
        					width: 32px;
        					height: 32px;
        					object-fit: fill;
        					margin-left: 24px;
        					animation: rotateClockwise 3s ease-in-out infinite;
        					transform-origin: center center;
        				}

        				/* hover 时图片稍微放大，增强交互感 */
        				.row-view15:hover .image22,
        				.row-view15:hover .image23 {
        					animation-play-state: paused;
        					transform: scale(1.1);
        				}

        				/* 逆时针旋转动画 */
        				@keyframes rotateCounterClockwise {
        					0% {
        						transform: rotate(0deg);
        					}

        					30% {
        						transform: rotate(-20deg);
        					}

        					60% {
        						transform: rotate(-20deg);
        					}

        					100% {
        						transform: rotate(0deg);
        					}
        				}

        				/* 顺时针旋转动画 */
        				@keyframes rotateClockwise {
        					0% {
        						transform: rotate(0deg);
        					}

        					30% {
        						transform: rotate(20deg);
        					}

        					60% {
        						transform: rotate(20deg);
        					}

        					100% {
        						transform: rotate(0deg);
        					}
        				}

        				.text38 {
        					color: #252F34;
        					font-size: 16px;
        					font-family: Krona One;
        					font-weight: 400;
        					line-height: 24px;
        					word-wrap: break-word;
        					margin-bottom: 32px;
        				}

        				.text39 {
        					color: rgb(91, 98, 102);
        					font-size: 16px;
        					font-family: ali4;
        					line-height: 24px;
        					letter-spacing: 0.80px;
        					word-wrap: break-word;
        					text-align: center;
        				}

        				.column38a {
        					height: 369px;
        					width: 100%;
        					position: relative;
        				}

        				.image24 {
        					position: absolute;
        					height: 100%;
        					width: 100%;

        					/* align-self: stretch; */
        					object-fit: fill;
        				}

        				/* ==================== 合作伙伴 & 联盟计划 (view13) ==================== */
        				.view13 {
        					align-self: stretch;
        					display: flex;
        					flex-direction: column;
        					align-items: center;
        					padding-bottom: 160px;
        					background-image: url('https://file.energizelab.com.cn/web_file/xunruicms/webp/home/view13.webp');
                					background-size: cover;
        				}

        				.column39 {
        					flex-shrink: 0;
        					display: flex;
        					flex-direction: column;
        					align-items: center;
        					padding-top: 80px;
        					padding-left: 153px;
        					padding-right: 153px;
        					margin-right: 80px;
        					border-radius: 24px;
        					background-image:
        						url('https://file.energizelab.com.cn/web_file/xunruicms/webp/home/colum39.webp'),
        						linear-gradient(180deg, #6DC4F9 34%, #F0F7FC 89%);
        					background-size: 100% 100%;
        				}

        				.column40 {
        					display: flex;
        					flex-direction: column;
        					align-items: center;
        					margin-bottom: 56px;
        					gap: 12px;
        				}

        				.text40 {
        					color: #FFFFFF;
        					font-size: 20px;
        					font-weight: bold;
        				}

        				.text41 {
        					color: #FFFFFF;
        					font-size: 28px;
        					font-weight: bold;
        				}

        				.text42 {
        					color: #FFFFFF;
        					font-size: 13px;
        				}

        				.button-row-view6 {
        					display: flex;
        					align-items: center;
        					background: rgb(245, 245, 245);
        					border-radius: 60px;
        					border: none;
        					padding: 10px 10px 10px 20px;
        					margin-bottom: 328px;
        					gap: 9px;
        					text-align: left;
								cursor: pointer;
        				}

        				.button-row-view6:hover {
        					background: #FFFFFF;
        				}


        				.column41 {
        					flex-shrink: 0;
        					display: flex;
        					flex-direction: column;
        					align-items: center;
        					padding-top: 80px;
        					padding-left: 147px;
        					padding-right: 147px;
        					border-radius: 24px;
        					background-image:
        						url('https://file.energizelab.com.cn/web_file/xunruicms/webp/home/colum41.webp'),
        						linear-gradient(180deg, #6DC4F9 34%, #F0F7FC 89%);
        					background-size: 100% 100%;
        				}

        				.view14 {
        					display: flex;
        					flex-direction: column;
        					align-items: center;
        					margin-bottom: 51px;
        				}

        				.column42 {
        					display: flex;
        					flex-direction: column;
        					align-items: center;
        					gap: 12px;
        				}

        				.button-row-view7 {
        					display: flex;
        					align-items: center;
        					background: rgb(245, 245, 245);
        					border-radius: 60px;
        					border: none;
        					padding: 10px 10px 10px 20px;
        					margin-bottom: 333px;
        					gap: 7px;
        					text-align: left;
								cursor: pointer;
        				}

        				.button-row-view7:hover {
        					background: #FFFFFF;
        				}

        				/* ==================== 底部三栏 (row-view16) ==================== */
        				.row-view16 {
        					align-self: stretch;
        					display: flex;
        					align-items: center;
        					background: white;
        					padding-top: 85px;
        					padding-bottom: 85px;
        				}

        				.box3 {
        					flex: 1;
        					align-self: stretch;
        				}

        				.column26 {
        					flex-shrink: 0;
        					display: flex;
        					flex-direction: column;
        					align-items: center;
        				}

        				.image25 {
        					width: 56px;
        					height: 56px;
        					margin-bottom: 20px;
        					object-fit: fill;
        				}


        				.text43 {
        					color: #252F34;
        					font-size: 20px;
        					font-weight: bold;
        					margin-bottom: 24px;
        				}

        				.row-view17 {
        					display: flex;
        					align-items: center;
        					gap: 5px;
        				}


        				.row-view17 {
        					text-decoration: none;
        					cursor: pointer;
        					transition: all 0.3s ease;
        					display: inline-flex;
        					align-items: center;
        					gap: 5px;
        				}

        				.row-view17 .text44 {
        					transition: color 0.3s ease;
        					color: #525F67;
        					font-family: AlibabaPuHuiTi;
        					font-weight: 450;
        					font-size: 16px;
        				}

        				.row-view17:hover .text44 {
        					color: #00B2FF;
        				}

        				.row-view17 .image26 {
        					width: 24px;
        					height: 24px;
        					transition: all 0.3s ease;
        					object-fit: fill;
        				}

        				.row-view17:hover .image26 {
        					/* 将 SVG 变为 #00B2FF 蓝色 */
        					filter: brightness(0) saturate(100%) invert(47%) sepia(96%) saturate(1283%) hue-rotate(183deg) brightness(102%) contrast(101%);
        					/* transform: translateX(4px); */
        				}





        				.text44 {
        					font-family: AlibabaPuHuiTi;
        					color: #525F67;
        					font-weight: 450;
        					font-size: 16px;
        				}

        				.image26 {
        					width: 24px;
        					height: 24px;
        					object-fit: fill;
        				}

        				.column43 {
        					flex-shrink: 0;
        					display: flex;
        					flex-direction: column;
        					align-items: center;
        					gap: 20px;
        				}

        				.image27 {
        					width: 56px;
        					height: 56px;
        					object-fit: fill;
        				}

        				.column44 {
        					display: flex;
        					flex-direction: column;
        					align-items: center;
        					gap: 24px;
        				}

        				.text45 {
        					color: #252F34;
        					font-size: 20px;
        					font-weight: bold;
        				}

        				.column45 {
        					flex-shrink: 0;
        					display: flex;
        					flex-direction: column;
        					align-items: flex-start;
        				}

        				.image28 {
        					width: 56px;
        					height: 56px;
        					margin-bottom: 20px;
        					margin-left: 23px;
        					object-fit: fill;
        				}

        				.text46 {
        					color: #252F34;
        					font-size: 20px;
        					font-weight: bold;
        					margin-bottom: 24px;
        					margin-left: 12px;
        				}

        				/* ==================== 页脚 (column46) ==================== */
        				.column46 {
        					align-self: stretch;
        					display: flex;
        					flex-direction: column;
        					align-items: center;
        					padding-top: 80px;
        					background-image: url('https://storage.googleapis.com/tagjs-prod.appspot.com/v1/C8sxPd1WXA/hufgvpq6_expires_30_days.png');
        					background-size: 100% 100%;
        				}

        				.row-view18 {
        					display: flex;
        					align-items: flex-start;
        					margin-bottom: 42px;
        				}

        				.column47 {
        					flex-shrink: 0;
        					display: flex;
        					flex-direction: column;
        					align-items: center;
        					margin-right: 127px;
        					gap: 24px;
        				}

        				.text47 {
        					color: #252F34;
        					font-size: 15px;
        					font-weight: bold;
        				}

        				.text48 {
        					color: #252F34;
        					font-size: 13px;
        				}

        				.text49 {
        					color: #252F34;
        					font-size: 13px;
        					margin-right: 41px;
        				}

        				.text50 {
        					color: #252F34;
        					font-size: 13px;
        					margin-right: 35px;
        				}

        				.text51 {
        					color: #252F34;
        					font-size: 13px;
        					margin-right: 32px;
        				}

        				.column48 {
        					flex-shrink: 0;
        					display: flex;
        					flex-direction: column;
        					align-items: center;
        					margin-right: 128px;
        					gap: 24px;
        				}

        				.text52 {
        					color: #252F34;
        					font-size: 13px;
        					margin-right: 50px;
        				}

        				.text53 {
        					color: #252F34;
        					font-size: 13px;
        					margin-right: 43px;
        				}

        				.text54 {
        					color: #252F34;
        					font-size: 13px;
        					margin-right: 29px;
        				}

        				.column49 {
        					flex-shrink: 0;
        					display: flex;
        					flex-direction: column;
        					align-items: center;
        					margin-right: 134px;
        					gap: 24px;
        				}

        				.text55 {
        					color: #252F34;
        					font-size: 13px;
        					margin-right: 19px;
        				}

        				.text56 {
        					color: #252F34;
        					font-size: 13px;
        					margin-right: 39px;
        				}

        				.column50 {
        					flex-shrink: 0;
        					display: flex;
        					flex-direction: column;
        					align-items: flex-start;
        					margin-right: 143px;
        					gap: 24px;
        				}

        				.text57 {
        					color: #252F34;
        					font-size: 15px;
        					font-weight: bold;
        					margin-right: 58px;
        				}

        				.text58 {
        					color: #252F34;
        					font-size: 13px;
        					margin-right: 27px;
        				}

        				.text59 {
        					color: #252F34;
        					font-size: 13px;
        					margin-right: 44px;
        				}

        				.text60 {
        					color: #252F34;
        					font-size: 13px;
        					margin-right: 46px;
        				}

        				.text61 {
        					color: #252F34;
        					font-size: 13px;
        					margin-right: 18px;
        				}

        				.column51 {
        					display: flex;
        					flex-direction: column;
        					align-items: flex-start;
        					margin-bottom: 68px;
        				}

        				.text62 {
        					color: #252F34;
        					font-size: 15px;
        					font-weight: bold;
        					margin-bottom: 24px;
        					margin-right: 103px;
        				}

        				.text63 {
        					color: #252F34;
        					font-size: 13px;
        					margin-bottom: 20px;
        					margin-right: 60px;
        				}

        				.row-view19 {
        					display: flex;
        					align-items: center;
        					background: #FFFFFF;
        					border-radius: 100px;
        				}

        				.text64 {
        					color: #252F34;
        					font-size: 15px;
        					margin-left: 24px;
        					margin-right: 81px;
        				}

        				.image29 {
        					width: 64px;
        					height: 48px;
        					object-fit: fill;
        				}

        				.column52 {
        					display: flex;
        					flex-direction: column;
        					align-items: center;
        					gap: 16px;
        				}

        				.text65 {
        					color: #252F34;
        					font-size: 15px;
        					font-weight: bold;
        					margin-right: 112px;
        				}

        				.row-view20 {
        					display: flex;
        					align-items: center;
        					gap: 63px;
        				}

        				.row-view21 {
        					flex-shrink: 0;
        					display: flex;
        					align-items: center;
        					gap: 18px;
        				}

        				/* ==================== 最底部版权栏 (row-view22) ==================== */
        				.row-view22 {
        					align-self: stretch;
        					display: flex;
        					justify-content: space-between;
        					align-items: flex-start;
        					margin-bottom: 46px;
        					margin-left: 48px;
        					margin-right: 48px;
        				}

        				.box4 {
        					width: 48px;
        					height: 112px;
        					margin-top: 68px;
        				}

        				.column53 {
        					flex-shrink: 0;
        					display: flex;
        					flex-direction: column;
        					align-items: center;
        					position: relative;
        				}

        				.image30 {
        					width: 1200px;
        					height: 162px;
        					object-fit: fill;
        				}

        				.absolute-text {
        					position: absolute;
        					bottom: -16px;
        					left: 0px;
        					color: #252F34;
        					font-size: 13px;
        					width: 368px;
        				}

        				.absolute-text2 {
        					position: absolute;
        					bottom: -16px;
        					right: 439px;
        					color: #252F34;
        					font-size: 13px;
        				}

        				.absolute-text3 {
        					position: absolute;
        					bottom: -16px;
        					right: 417px;
        					color: #252F34;
        					font-size: 13px;
        				}

        				.absolute-text4 {
        					position: absolute;
        					bottom: -16px;
        					right: 283px;
        					color: #252F34;
        					font-size: 13px;
        				}

        				.absolute-text5 {
        					position: absolute;
        					bottom: -16px;
        					right: 257px;
        					color: #252F34;
        					font-size: 13px;
        				}

        				.absolute-text6 {
        					position: absolute;
        					bottom: -16px;
        					right: 133px;
        					color: #252F34;
        					font-size: 13px;
        				}

        				.absolute-text7 {
        					position: absolute;
        					bottom: -16px;
        					right: 109px;
        					color: #252F34;
        					font-size: 13px;
        				}

        				.absolute-text8 {
        					position: absolute;
        					bottom: -16px;
        					right: 2px;
        					color: #252F34;
        					font-size: 13px;
        				}

        				.column54 {
        					flex-shrink: 0;
        					display: flex;
        					flex-direction: column;
        					align-items: center;
        					margin-top: 68px;
        					gap: 16px;
        				}

        				.image31 {
        					width: 48px;
        					height: 48px;
        					object-fit: fill;
        				}
        			}













        			@layer spot {
        				.split-wrapper {
        					display: flex;
        					width: 100vw;
        					max-width: 100%;
        					padding: 20px;
        					gap: 0;
        					/* 中间无间距，靠 padding 或 margin 控制 */
        					justify-content: center;
        					align-items: flex-start;
        				}

        				.container-left {
        					/* flex: 1; */
        					position: relative;
        					background-color: rgb(83, 212, 249);
        					/* 左侧容器：右上 + 右下 圆角 */
        					border-radius: 0 2000px 2000px 0;
        					overflow: hidden;
        					/* box-shadow: 0 20px 50px rgba(0, 0, 0, 0.45); */
        					height: 650px;
        					/* cursor: default; */
        					margin-right: 90px;
        				}

        				/* ===== 右侧容器：只有左边有圆角 ===== */
        				.container-right {
        					/* flex: 1; */
        					position: relative;
        					background-color: rgb(83, 212, 249);
        					/* 右侧容器：左上 + 左下 圆角 */
        					border-radius: 2000px 0 0 2000px;
        					overflow: hidden;
        					/* box-shadow: 0 20px 50px rgba(0, 0, 0, 0.45); */
        					height: 650px;
        					cursor: default;
        					/* 左侧留出间距 */
        					margin-left: 100px;
        				}




        				@media (max-width: 1950px) {

        					.container-left,
        					.container-right {
        						height: 600px;
        						/* border-radius: 32px !important; */
        					}

        				}

        				/* Canvas 铺满容器 */
        				.dotCanvas {
        					display: block;
        					width: 100%;
        					height: 100%;
        					pointer-events: none;
        					overflow: hidden;
        				}

        				/* ===== 底部提示文字 ===== */
        				.info {
        					position: absolute;
        					bottom: 20px;
        					left: 50%;
        					transform: translateX(-50%);
        					color: rgba(0, 0, 0, 0.55);
        					font-size: 0.85rem;
        					background: rgba(255, 255, 255, 0.25);
        					padding: 6px 20px;
        					border-radius: 40px;
        					backdrop-filter: blur(4px);
        					pointer-events: none;
        					font-weight: 500;
        					letter-spacing: 0.3px;
        					white-space: nowrap;
        					display: flex;
        					align-items: center;
        					gap: 6px;
        					z-index: 2;
        				}

        				.info img {
        					vertical-align: middle;
        					width: 20px;
        					height: 20px;
        					display: inline-block;
        				}

        				.container-left-a {
        					position: absolute;
        					top: 159px;
        					right: 140px;
        					pointer-events: none;
        				}

        				.container-left1 {
        					width: 430px;
        				}

        				.container-left-b {
        					position: absolute;
        					bottom: 103px;
        					right: 378px;
        					background-color: rgb(246, 246, 246);
        					border-radius: 25px;
        					padding: 12px 12px 12px 24px;
        					display: flex;
        					align-items: center;
        					gap: 10px;
        					cursor: pointer;
        				}

        				.container-left-b:hover {
        					background-color: white;
        				}

        				.container-left-b-text {

        					color: #00B2FF;
        					font-size: 16px;
        					font-family: AlibabaPuHuiTi;
        					font-weight: 700;
        					line-height: 24px;
        					word-wrap: break-word
        				}

        				.container-right-a {
        					position: absolute;
        					top: 166px;
        					left: 133px;
        					display: flex;
        					flex-direction: column;
        					justify-content: flex-end;
        					/* backdrop-filter: blur(4px); */
        					/* pointer-events: none; */
        				}

        				.container-right-b {
        					position: absolute;
        					bottom: 103px;
        					left: 377px;
        					backdrop-filter: blur(4px);
        					background-color: rgb(246, 246, 246);
        					border-radius: 25px;
        					padding: 12px 24px 12px 12px;
        					display: flex;
        					align-items: center;
        					gap: 10px;
        				}

        				.container-right-b:hover {
        					background-color: white;
        					cursor: pointer;
        				}

        				.container-right1 {
        					width: 450px;
        				}

        				.container-right-b-text {

        					color: #00B2FF;
        					font-size: 16px;
        					font-family: AlibabaPuHuiTi;
        					font-weight: 700;
        					line-height: 24px;
        					word-wrap: break-word
        				}



        				/* ===== 鼠标指针样式覆盖 ===== */
        				/* .container-left *,
    .container-right * {
        cursor: default !important;
    } */
        			}




        			/* two line/ */
        			@layer two-line {

        				/* ===== 双列纵向轮播区域 ===== */
        				.dual-vertical-carousel-wrapper {
        					width: 100%;
        					background: #f0eeea;
        					padding: 60px 20px 80px;
        					flex-shrink: 0;
        				}

        				.dual-vertical-container {
        					max-width: 1200px;
        					margin: 0 auto;
        					display: flex;
        					gap: 40px;
        					justify-content: center;
        					align-items: flex-start;
        				}

        				/* ===== 竖向按钮侧边栏 ===== */
        				.vertical-tab-sidebar {
        					display: flex;
        					flex-direction: column;
        					justify-content: center;
        					gap: 16px;
        					flex-shrink: 0;
        					padding-top: 412px;
        				}

        				/* ===== 大圆角卡片容器 ===== */
        				.tab-card {
        					background: rgba(255, 255, 255, 0.6);
        					backdrop-filter: blur(8px);
        					-webkit-backdrop-filter: blur(8px);
        					border-radius: 32px;
        					padding: 0px 0px;
        					display: flex;
        					flex-direction: column;
        					align-items: center;
        					gap: 4px;
        					box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
        				}

        				/* ===== 圆形图片按钮 ===== */
        				.tab-circle-btn {
        					display: flex;
        					flex-direction: column;
        					align-items: center;
        					gap: 8px;
        					border: none;
        					background: transparent;
        					cursor: pointer;
        					padding: 4px;
        					transition: all 0.3s ease;
        					position: relative;
        				}

        				.tab-circle-btn img {
        					width: 40px;
        					height: 40px;
        					border-radius: 50%;
        					object-fit: cover;
        					transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
        					filter: brightness(0.95);
        				}

        				.tab-circle-btn:hover img {
        					filter: brightness(1.0) saturate(1.1);
        					transform: scale(1.08);
        				}

        				.tab-circle-btn.active:hover img {
        					transform: scale(1.1);
        				}

        				/* ===== 未激活状态略微透明 ===== */
        				.tab-circle-btn:not(.active) {
        					opacity: 0.9;
        				}

        				.tab-circle-btn:not(.active):hover {
        					opacity: 0.85;
        				}

        				/* ===== 轮播区域 ===== */
        				.vertical-carousel-area {
        					display: flex;
        					gap: 33px;
        					flex-wrap: wrap;
        					justify-content: center;
        					flex: 1;
        				}

        				.vertical-carousel-box {
        					flex: 0 0 auto;
        					display: flex;
        					flex-direction: column;
        					align-items: center;
        				}



        				/* ===== 纵向轮播容器 ===== */
        				.vertical-swiper-wrapper {
        					width: 192px;
        					height: 940px;
        					overflow: hidden;
        					position: relative;
        					background: rgba(255, 255, 255, 0.15);
        					padding: 0px 0;
        					transition: opacity 0.4s ease, transform 0.4s ease;
        				}

        				.vertical-swiper-wrapper.switching {
        					opacity: 0;
        					transform: scale(0.95);
        				}

        				#verticalSwiper1,
        				#verticalSwiper2 {
        					width: 100%;
        					height: 100%;
        					overflow: hidden;
        					position: relative;
        				}

        				#verticalSwiper1 .swiper-wrapper,
        				#verticalSwiper2 .swiper-wrapper {
        					display: flex;
        					flex-direction: column;
        					will-change: transform;
        					transition: none;
        				}

        				.vertical-swiper-wrapper .swiper-slide {
        					width: 192px !important;
        					height: 288px !important;
        					flex-shrink: 0;
        					border-radius: 16px;
        					display: flex;
        					align-items: center;
        					justify-content: center;
        					font-size: 1.1rem;
        					font-weight: 500;
        					color: #252F34;
        					cursor: default;
        					margin-bottom: 30px;
        					overflow: hidden;
        					position: relative;
        				}

        				.vertical-swiper-wrapper .swiper-slide:last-child {
        					margin-bottom: 0;
        				}

        				.vertical-swiper-wrapper .swiper-slide:hover {
        					/* transform: scale(1.04); */
        				}

        				.vertical-swiper-wrapper .swiper-slide img,
        				.vertical-swiper-wrapper .swiper-slide video {
        					width: 100%;
        					height: 100%;
        					object-fit: cover;
        					border-radius: 16px;
        					display: block;
        				}




        				/* ===== 纵向轮播 - 图片文字覆盖层 ===== */
        				.vertical-slide {
        					position: relative;
        					overflow: hidden;
        				}

        				.vertical-slide-overlay {
        					position: absolute;
        					top: 0;
        					left: 0;
        					right: 0;
        					padding: 16px 14px 20px;
        					border-radius: 0 0 16px 16px;
        					pointer-events: none;
        					transition: all 0.3s ease;
        				}

        				.vertical-slide-overlay .slide-title-desc {
        					display: inline-flex;
        					align-items: center;
        					gap: 8px;
        					background: rgba(0, 0, 0, 0.5);
        					border-radius: 40px;
        					padding: 6px 10px;
        					width: auto;
        					max-width: 90%;
        					overflow: hidden;
        					white-space: nowrap;
        					text-overflow: ellipsis;
        				}

        				.vertical-slide-overlay .slide-title {
        					color: #ffffff;
        					font-size: 11px;
        					font-weight: 600;
        					font-family: AlibabaPuHuiTi, sans-serif;
        					line-height: 1.3;
        					text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
        					/* max-width: 80px; */
        					flex-shrink: 0;
        				}

        				.vertical-slide-overlay .slide-divider {
        					color: rgba(255, 255, 255, 0.5);
        					font-size: 15px;
        					font-weight: 300;
        					flex-shrink: 0;
        				}

        				.vertical-slide-overlay .slide-desc {
        					color: rgba(255, 255, 255, 0.8);
        					font-size: 11px;
        					font-weight: 600;
        					font-family: AlibabaPuHuiTi, sans-serif;
        					line-height: 1.4;
        					text-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
        					max-width: 100px;
        					flex-shrink: 1;
        				}

        				/* ===== 响应式 ===== */
        				@media (max-width: 992px) {
        					.vertical-tab-sidebar {
        						padding-top: 40px;
        					}

        					.vertical-tab-btn {
        						min-width: 52px;
        						padding: 12px 10px;
        					}

        					.vertical-tab-btn .tab-icon {
        						font-size: 18px;
        					}

        					.vertical-tab-btn .tab-label {
        						font-size: 10px;
        					}
        				}

        				@media (max-width: 768px) {
        					.dual-vertical-container {
        						flex-direction: row;
        						flex-wrap: wrap;
        						justify-content: center;
        						gap: 24px;
        					}

        					.vertical-tab-sidebar {
        						flex-direction: row;
        						padding-top: 0;
        						width: 100%;
        						justify-content: center;
        						gap: 12px;
        						order: -1;
        					}

        					.vertical-tab-btn {
        						flex-direction: row;
        						padding: 10px 20px;
        						min-width: auto;
        						gap: 8px;
        						border-radius: 30px;
        					}

        					.vertical-tab-btn .tab-icon {
        						font-size: 16px;
        					}

        					.vertical-tab-btn .tab-label {
        						font-size: 13px;
        					}

        					.vertical-carousel-area {
        						gap: 40px;
        						width: 100%;
        						justify-content: center;
        					}

        					.vertical-swiper-wrapper {
        						width: 160px;
        						height: 540px;
        					}

        					.vertical-swiper-wrapper .swiper-slide {
        						width: 160px !important;
        						height: 240px !important;
        						font-size: 0.95rem;
        						border-radius: 12px;
        					}

        					.vertical-carousel-title {
        						font-size: 17px;
        					}
        				}

        				@media (max-width: 480px) {
        					.dual-vertical-carousel-wrapper {
        						padding: 30px 12px 40px;
        					}

        					.vertical-carousel-area {
        						gap: 32px;
        					}

        					.vertical-swiper-wrapper {
        						width: 140px;
        						height: 480px;
        					}

        					.vertical-swiper-wrapper .swiper-slide {
        						width: 140px !important;
        						height: 210px !important;
        						font-size: 0.8rem;
        						border-radius: 10px;
        						margin-bottom: 12px;
        					}

        					.vertical-carousel-title {
        						font-size: 15px;
        						margin-bottom: 12px;
        					}
        				}
        			}




        			@layer swi {

        				/* ===== first- 轮播 (来自test3) - 全屏 ===== */
        				.first-swiper-wrapper {
        					width: 100%;
        					height: 100vh;
        					flex-shrink: 0;
        				}

        				.first-swiper-wrapper .swiper {
        					width: 100%;
        					height: 100vh;
        					cursor: default !important;
        				}

        				.first-swiper-wrapper .swiper-slide {
        					position: relative;
        					display: flex;
        					align-items: center;
        					justify-content: center;
        					font-size: clamp(2rem, 8vw, 5rem);
        					font-weight: 600;
        					color: rgba(255, 255, 255, 0.85);
        					/* text-shadow: 0 4px 12px rgba(0, 0, 0, 0.3); */
        					letter-spacing: 2px;
        					user-select: none;
        					cursor: default !important;
        				}
/* 
        				.first-swiper-wrapper .slide-1 {
        					background: #FF6B6B;
        				}

        				.first-swiper-wrapper .slide-2 {
        					background: #4ECDC4;
        				}

        				.first-swiper-wrapper .slide-3 {
        					background: #FFE66D;
        					color: #2d2d2d;
        					text-shadow: 0 2px 8px rgba(255, 255, 255, 0.4);
        				}

        				.first-swiper-wrapper .slide-4 {
        					background: #A8E6CF;
        					color: #1e3d3a;
        					text-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
        				}

        				.first-swiper-wrapper .slide-5 {
        					background: #DDA0DD;
        				} */





        				/* ===== 文字分页器 ===== */
        				.text-pagination {
        					position: absolute;
        					bottom: 80px;
        					left: 50%;
        					transform: translateX(-50%);
        					z-index: 15;
        					display: flex;
        					align-items: center;
        					justify-content: center;
        					/* 水平居中 */
        					padding: 10px 15px;
        					border-radius: 40px;
        					user-select: none;
        					gap: 0px;
        					/* 让容器宽度自适应内容 */
        					width: auto;
        					font-family: Krona One;
        				}

        				/* ===== 左右两侧文字 - 使用绝对定位 ===== */
        				.text-pagination .nav-text.prev-text {
        					position: absolute;
        					right: calc(100%);
        					/* 在中间文字左侧，间距20px */
        					white-space: nowrap;
        					mask-image: linear-gradient(to right, transparent 0%, #000 40%, #000 100%);
        					-webkit-mask-image: linear-gradient(to right, transparent 0%, #000 40%, #000 100%);
        				}

        				.text-pagination .nav-text.next-text {
        					position: absolute;
        					left: calc(100%);
        					/* 在中间文字右侧，间距20px */
        					white-space: nowrap;
        					mask-image: linear-gradient(to left, transparent 0%, #000 40%, #000 100%);
        					-webkit-mask-image: linear-gradient(to left, transparent 0%, #000 40%, #000 100%);
        				}

        				/* ===== 中间文字 - 居中 ===== */
        				.text-pagination .nav-text.current-text {
        					color: #ffffff;

        					padding: 6px 20px;
        					border-radius: 20px;
        					font-size: 15px;
        					cursor: default;
        					transform: scale(1);
        					flex-shrink: 0;
        				}

        				/* 修改 .nav-text - 增加过渡动画 */
        				.text-pagination .nav-text {
        					font-size: 14px;
        					font-weight: 500;
        					color: rgba(255, 255, 255);
        					cursor: pointer;
        					transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
        					/* 弹性缓动 */
        					padding: 6px 14px;
        					/* 从 4px 8px 改为 6px 14px */
        					border-radius: 20px;
        					letter-spacing: 0.5px;
        					white-space: nowrap;
        					position: relative;
        				}

        				/* 左右文字悬停效果 - 放大 + 颜色变化 */
        				/* .text-pagination .nav-text.prev-text:hover,
		.text-pagination .nav-text.next-text:hover {
			transform: scale(1.08);
		} */

        				/* 当前文字 - 高亮显示 */
        				/* .text-pagination .nav-text.current-text {
			color: #ffffff;
			font-weight: 600;
			padding: 6px 15px;
			border-radius: 20px;
			font-size: 15px;
			cursor: default;
			transform: scale(1);
		} */








        				.text-pagination .divider {
        					color: rgba(255, 255, 255, 0.2);
        					font-weight: 300;
        				}

        				.first-swiper-wrapper .swiper-pagination {
        					bottom: 30px !important;
        				}

        				.first-swiper-wrapper .swiper-pagination-bullet {
        					width: 14px;
        					height: 14px;
        					background: rgba(255, 255, 255, 0.35);
        					backdrop-filter: blur(2px);
        					-webkit-backdrop-filter: blur(2px);
        					border: 1px solid rgba(255, 255, 255, 0.2);
        					opacity: 1 !important;
        					transition: all 0.3s ease;
        					box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
        					margin: 0 6px !important;
        				}

        				.first-swiper-wrapper .swiper-pagination-bullet-active {
        					background: #ffffff !important;
        					transform: scale(1.25);
        					border-color: #ffffff;
        					box-shadow: 0 0 12px rgba(255, 255, 255, 0.6);
        				}







        				.first-1 {
        					position: absolute;
        					top: 35%;
        					left: 20%;
        					display: flex;
        					flex-direction: column;
        					justify-content: flex-start;
        				}

        				.first-1>img {
        					margin-bottom: 15px;
        				}


        				.first-1>div:nth-child(2) {
        					margin-bottom: 30px;
        				}

        				.first-2 {
        					position: absolute;
        					top: 34%;
        					left: 20%;
        					display: flex;
        					flex-direction: column;
        					justify-content: flex-start;
        					gap: 20px;
        				}

        				.first-2>img {
        					width: 500px;
        				}

        				.first-2>div:nth-child(2) {
        					margin-bottom: 15px;
        				}

        				.first-3 {
        					position: absolute;
        					top: 34%;
        					left: 20%;
        					display: flex;
        					flex-direction: column;
        					justify-content: flex-start;
        					gap: 20px;
        				}

        				.first-3>div:nth-child(2) {
        					margin-bottom: 15px;
        				}

        				.first-4 {
        					position: absolute;
        					top: 34%;
        					left: 64%;
        					display: flex;
        					width: fit-content;
        					flex-direction: column;
        					align-items: flex-end;
        					gap: 15px;
        				}

        				.first-1 button,
        				.first-2 button,
        				.first-3 button,
        				.first-4 button {
        					margin-top: 80px;
        					padding: 12px 23px;
        					border-radius: 30px;
        					background: rgba(245, 245, 245);
        					border: 0px;
        					cursor: pointer;
        					width: fit-content;
        					color: #00B2FF;
        					font-size: 16px;
        					font-family: AlibabaPuHuiTi;
        					font-weight: 700;
        					line-height: 24px;
        					word-wrap: break-word;
        				}

        				.first-1 button:hover,
        				.first-2 button:hover,
        				.first-3 button:hover,
        				.first-4 button:hover {
        					background: white;
        					cursor: pointer;

        				}


        				/* =============================进度条================================== */
        				.first-swiper-wrapper .progress-bar-container {
        					position: absolute;
        					bottom: 60px;
        					left: 50%;
        					transform: translateX(-50%);
        					width: 80px;
        					height: 4px;
        					background: rgba(255, 255, 255, 0.2);
        					border-radius: 4px;
        					overflow: hidden;
        					z-index: 10;
        					backdrop-filter: blur(4px);
        					-webkit-backdrop-filter: blur(4px);
        				}

        				.first-swiper-wrapper .progress-bar {
        					height: 100%;
        					width: 0%;
        					background: linear-gradient(90deg, #ffffff, rgba(255, 255, 255, 0.6));
        					border-radius: 4px;
                            transition: none;
                            will-change: width;
        				}

        				/* ===== three- 轮播 ===== */
        				.three-carousel-wrapper {
        					position: relative;
        					z-index: 2;
        					width: 100%;
        					margin: 8px 0 0;
        					padding: 0;
        					overflow: hidden;
        				}

        				.three-carousel-container {
        					position: relative !important;
        					width: 100%;
        					height: 640px;
        					background: transparent;
        					overflow: hidden;
        					border-radius: 0;
        				}

        				.three-carousel-container::before,
        				.three-carousel-container::after {
        					content: '';
        					position: absolute;
        					top: 0;
        					width: 120px;
        					height: 100%;
        					z-index: 5;
        					pointer-events: none;
        				}

        				.three-carousel-container::before {
        					left: 0;
        				}

        				.three-carousel-container::after {
        					right: 0;
        				}

        				.three-carousel-container .swiper-wrapper {
        					align-items: center;
        				}

        				.three-carousel-container .swiper-slide {
        					display: flex;
        					align-items: center;
        					justify-content: center;
        					width: 1200px !important;
        					height: 640px;
        					flex-shrink: 0;
        					border-radius: 24px;
        					overflow: hidden;
        					background: #d9d4cb;
        				}

        				.three-slide-placeholder {
        					width: 100%;
        					height: 100%;
        					display: flex;
        					align-items: center;
        					justify-content: center;
        					font-size: 4rem;
        					font-weight: 600;
        					color: #252F34;
        					border-radius: 24px;
        				}

        				.three-slide-content {
        					position: relative;
        					display: flex;
        					flex-direction: column;
        					align-items: center;
        					gap: 10px;
        					width: 100%;
        					height: 100%;

        				}

        				.three-slide-content-text1 {
        					margin-top: 56px;
        					color: white;
        					font-size: 40px;
        					font-family: AlibabaPuHuiTi;
        					font-weight: 700;
        					line-height: 40px;
        					word-wrap: break-word
        				}

        				.three-slide-content-text2 {
        					color: white;
        					font-size: 32px;
        					font-family: ali4;
        					font-weight: 400;
        					line-height: 32px;
        					letter-spacing: 0.96px;
        					word-wrap: break-word
        				}

        				.three-slide-content-text3 {
        					text-decoration: none;
        					color: white;
        					font-size: 17px;
        					font-family: ali4;
        					line-height: 24px;
        					word-wrap: break-word;
        					margin-top: 10px;
        					display: flex;
        					align-items: center;
        					justify-content: center;
        				}

        				.three-slide-content-text3 img {
        					width: 24px;
        					height: 24px;
        				}

        				.three-swiper-btn {
        					position: absolute;
        					top: 50%;
        					transform: translateY(-50%);
        					z-index: 10;
        					width: 52px;
        					height: 52px;
        					border-radius: 50%;
        					background: transparent;
        					cursor: pointer;
        					border: 0px;
        					display: flex;
        					align-items: center;
        					justify-content: center;
        					transition: all 0.25s ease;
        					padding: 0;
        				}

        				.three-swiper-btn:hover {
        					background: rgba(0, 0, 0, 0.3);
        					transform: translateY(-50%) scale(1.08);
        				}

        				.three-swiper-btn:active {
        					transform: translateY(-50%) scale(0.92);
        				}

        				.three-swiper-btn-prev {
        					left: calc(50% - 569px);
        					transform: translateY(-50%);
        				}

        				.three-swiper-btn-next {
        					right: calc(50% - 569px);
        					transform: translateY(-50%);
        				}

        				.three-swiper-btn svg {
        					width: 24px;
        					height: 24px;
        					display: block;

        				}

        				.three-swiper-pagination {
        					position: absolute;
        					left: 0;
        					right: 0;
        					margin: 0 auto;
        					z-index: 20;
        					display: flex;
        					justify-content: center;
        					align-items: center;
        					gap: 1px;
        					padding: 32px 16px;
        					border-radius: 30px;
        					width: fit-content;
        				}

        				/* 强制覆盖 Swiper 默认分页器样式 */
        				.three-swiper-pagination .swiper-pagination-bullet {
        					width: 8px !important;
        					height: 8px !important;
        					border-radius: 50% !important;
        					background: rgba(255, 255, 255, 0.5) !important;
        					opacity: 1 !important;
        					margin: 0 6px !important;
        					transition: all 0.3s ease !important;
        					cursor: pointer !important;
        					flex-shrink: 0 !important;
        				}

        				.three-swiper-pagination .swiper-pagination-bullet-active {
        					background: #ffffff !important;
        					width: 28px !important;
        					border-radius: 8px !important;
        					box-shadow: 0 0 12px rgba(255, 255, 255, 0.3) !important;
        				}

        				/* ===== five- 轮播 ===== */
        				.five-carousel-wrapper {
        					position: relative;
        					z-index: 2;
        					width: 100%;
        					max-width: 1200px;
        					margin: 73px auto 0;
        					padding: 0 20px;
        					background: transparent;
        				}

        				.five-carousel-container {
        					position: relative;
        					width: 100%;
        					overflow: hidden;
        					backdrop-filter: blur(4px);
        					padding: 20px 0;
                             height: 128px;
        				}

        				.five-carousel-container .swiper-wrapper {
        					align-items: center;
        					transition-timing-function: linear !important;
        				}

        				.five-slide {
        					width: 210px !important;
        					height: 88px !important;
        					border-radius: 16px !important;
        					display: flex;
        					align-items: center;
        					justify-content: center;
        					font-size: 1.2rem;
        					font-weight: 500;
        					color: #252F34;
        					flex-shrink: 0;
        					margin: 9px 0 0 0;
        				}

        				.five-slide:hover img {
        					transform: scale(1.02);
        					box-shadow:
        						0 1px 14px rgba(0, 0, 0, 0.08);
        				}


        				/* ===== 响应式 ===== */
        				@media (max-width: 1300px) {
        					.three-carousel-container .swiper-slide {
        						width: 900px !important;
        						height: 520px;
        					}

        					.three-carousel-container {
        						height: 520px;
        					}

        					.five-slide {
        						width: 180px !important;
        						height: 76px;
        					}
        				}

        				@media (max-width: 992px) {
        					.three-carousel-container .swiper-slide {
        						width: 700px !important;
        						height: 420px;
        						border-radius: 16px;
        					}

        					.three-carousel-container {
        						height: 420px;
        					}

        					.three-carousel-container::before,
        					.three-carousel-container::after {
        						width: 60px;
        					}

        					.three-swiper-btn {
        						width: 40px;
        						height: 40px;
        					}

        					.three-swiper-btn svg {
        						width: 18px;
        						height: 18px;
        					}
        				}

        				@media (max-width: 768px) {
        					.column13 {
        						height: auto;
        						min-height: 960px;
        						padding-bottom: 40px;
        					}

        					.image11 {
        						min-height: 960px;
        					}

        					.column13-1 {
        						margin-top: 30px;
        						gap: 16px;
        						padding: 0 10px;
        					}

        					.brand-description {
        						font-size: 14px;
        						line-height: 22px;
        						letter-spacing: 0.6px;
        						padding: 14px 16px;
        					}

        					.three-carousel-container .swiper-slide {
        						width: 480px !important;
        						height: 320px;
        						border-radius: 12px;
        					}

        					.three-carousel-container {
        						height: 320px;
        					}

        					.three-carousel-container::before,
        					.three-carousel-container::after {
        						width: 40px;
        					}

        					.three-swiper-btn {
        						width: 32px;
        						height: 32px;
        					}

        					.three-swiper-btn svg {
        						width: 14px;
        						height: 14px;
        					}

        					.three-swiper-btn-prev {
        						left: 10px;
        					}

        					.three-swiper-btn-next {
        						right: 10px;
        					}

        					.three-swiper-pagination {
        						padding: 12px 0 0 0;
        						gap: 8px;
        					}

        					.three-swiper-pagination .swiper-pagination-bullet {
        						width: 8px;
        						height: 8px;
        					}

        					.three-swiper-pagination .swiper-pagination-bullet-active {
        						width: 20px;
        						border-radius: 4px;
        					}

        					.five-slide {
        						width: 140px !important;
        						height: 60px;
        						font-size: 0.9rem;
        					}

        					.five-carousel-container {
        						padding: 12px 0;
        					}
        				}

        				@media (max-width: 480px) {
        					.three-carousel-container .swiper-slide {
        						width: 320px !important;
        						height: 220px;
        						border-radius: 8px;
        					}

        					.three-carousel-container {
        						height: 220px;
        					}

        					.three-carousel-container::before,
        					.three-carousel-container::after {
        						width: 24px;
        					}

        					.three-swiper-btn {
        						width: 28px;
        						height: 28px;
        					}

        					.three-swiper-btn svg {
        						width: 12px;
        						height: 12px;
        					}

        					.three-swiper-pagination {
        						gap: 6px;
        						padding: 8px 0 0 0;
        					}

        					.three-swiper-pagination .swiper-pagination-bullet {
        						width: 6px;
        						height: 6px;
        					}

        					.three-swiper-pagination .swiper-pagination-bullet-active {
        						width: 16px;
        						border-radius: 3px;
        					}

        					.five-slide {
        						width: 110px !important;
        						height: 48px;
        						font-size: 0.7rem;
        						border-radius: 10px;
        					}
        				}
        			}





        			@layer omo {

        				/* ===== row-view4 进入视口时，左右容器从两侧滑入 ===== */
        				.row-view4 {
        					overflow: hidden;
        					/* 确保滑入时不会溢出 */
        				}

        				/* 左侧容器初始状态 - 从左侧移出 */
        				#containerLeft {
        					transform: translateX(-110%);
        					opacity: 0;
        					transition: none;
        				}

        				/* 右侧容器初始状态 - 从右侧移出 */
        				#containerRight {
        					transform: translateX(110%);
        					opacity: 0;
        					transition: none;
        				}

        				/* 当 row-view4 触发动画时，容器滑入 */
        				.row-view4.animate-in #containerLeft {
        					animation: slideInFromLeft 1.8s cubic-bezier(0.22, 1, 0.36, 1) 0.2s forwards;
        				}

        				.row-view4.animate-in #containerRight {
        					animation: slideInFromRight 1.8s cubic-bezier(0.22, 1, 0.36, 1) 0.2s forwards;
        				}

        				/* 左侧滑入动画 */
        				@keyframes slideInFromLeft {
        					0% {
        						transform: translateX(-110%);
        						opacity: 0;
        					}

        					100% {
        						transform: translateX(0);
        						opacity: 1;
        					}
        				}

        				/* 右侧滑入动画 */
        				@keyframes slideInFromRight {
        					0% {
        						transform: translateX(110%);
        						opacity: 0;
        					}

        					100% {
        						transform: translateX(0);
        						opacity: 1;
        					}
        				}

        				/* 容器内的子元素延迟出现 */
        				.row-view4.animate-in #containerLeft .container-left-a {
        					animation: fadeUp 1.8s cubic-bezier(0.22, 1, 0.36, 1) 0.8s forwards;
        					opacity: 0;
        					transform: translateY(30px);
        				}

        				.row-view4.animate-in #containerLeft .container-left-b {
        					animation: fadeUp 1.8s cubic-bezier(0.22, 1, 0.36, 1) 1.0s forwards;
        					opacity: 0;
        					transform: translateY(30px);
        				}

        				.row-view4.animate-in #containerRight .container-right-a {
        					animation: fadeUp 1.8s cubic-bezier(0.22, 1, 0.36, 1) 0.8s forwards;
        					opacity: 0;
        					transform: translateY(30px);
        				}

        				.row-view4.animate-in #containerRight .container-right-b {
        					animation: fadeUp 1.8s cubic-bezier(0.22, 1, 0.36, 1) 1.0s forwards;
        					opacity: 0;
        					transform: translateY(30px);
        				}


        				@keyframes fadeUp {
        					0% {
        						opacity: 0;
        						transform: translateY(30px);
        					}

        					100% {
        						opacity: 1;
        						transform: translateY(0);
        					}
        				}

        				.image9 {
        					opacity: 0;
        					transform: translateY(30px);
        					transition: none;
        				}

        				.image9.animate-in {
        					animation: fadeUp 3.8s cubic-bezier(0.22, 1, 0.36, 1) forwards;
        				}

        				.absolute-image7 {
        					opacity: 0;
        					transform: translateY(30px);
        					transition: none;
        				}

        				.absolute-image7.animate-in {
        					animation: fadeUp 3.8s cubic-bezier(0.22, 1, 0.36, 1) 0.2s forwards;
        				}

        				/* ===== 四张装饰图片 - 浮动动画（无限循环） ===== */

        				.absolute-image,
        				.absolute-image3,
        				.absolute-image4,
        				.absolute-image6 {
        					opacity: 0;
        					transform: translateY(0);
        					will-change: transform, opacity;
        					transition: opacity 0.8s cubic-bezier(0.22, 1, 0.36, 1), transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
        				}

        				/* 淡入状态 - 由JS添加 */
        				.absolute-image.faded-in,
        				.absolute-image3.faded-in,
        				.absolute-image4.faded-in,
        				.absolute-image6.faded-in {
        					opacity: 1;
        					transform: translateY(0);
        				}

        				/* 浮动动画 - 无限循环 */
        				.absolute-image.floating {
        					animation: floatUpDown 3s ease-in-out infinite;
        				}

        				.absolute-image3.floating {
        					animation: floatUpDown 3s ease-in-out 0.2s infinite;
        				}

        				.absolute-image4.floating {
        					animation: floatUpDown 3s ease-in-out 0.4s infinite;
        				}

        				.absolute-image6.floating {
        					animation: floatUpDown 3s ease-in-out 0.6s infinite;
        				}

        				@keyframes floatUpDown {
        					0% {
        						transform: translateY(0px);
        					}

        					50% {
        						transform: translateY(14px);
        					}

        					100% {
        						transform: translateY(0px);
        					}
        				}

        				/* ===== 第五屏两张装饰图片 - 浮动动画 ===== */
        				.absolute-image10,
        				.image21 {
        					opacity: 0;
        					transform: translateY(0);
        					will-change: transform, opacity;
        					transition: opacity 0.8s cubic-bezier(0.22, 1, 0.36, 1),
        						transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
        				}

        				/* 淡入状态 - 由JS添加 */
        				.absolute-image10.faded-in,
        				.image21.faded-in {
        					opacity: 1;
        					transform: translateY(0);
        				}

        				/* 浮动动画 - 无限循环 */
        				.absolute-image10.floating {
        					animation: floatUpDown 3s ease-in-out 0.2s infinite;
        				}

        				.image21.floating {
        					animation: floatUpDown 3s ease-in-out 0.6s infinite;
        				}

        				@keyframes floatUpDown {
        					0% {
        						transform: translateY(0px);
        					}

        					50% {
        						transform: translateY(14px);
        					}

        					100% {
        						transform: translateY(0px);
        					}
        				}


        				/* <!-- 中下部的动画 --> */

        				.column8 {
        					opacity: 0;
        					transform: translateY(50px);
        					transition: none;
        				}

        				.column8.animate-in {
        					animation: fadeUp 2.2s cubic-bezier(0.22, 1, 0.36, 1) forwards;
        				}

        				.column8 .text11 {
        					opacity: 0;
        					transform: translateY(35px);
        					transition: none;
        				}

        				.column8.animate-in .text11 {
        					animation: fadeUp 2.2s cubic-bezier(0.22, 1, 0.36, 1) 0.25s forwards;
        				}

        				/* 子元素可以依次延迟出现 */
        				.column8 .text11 {
        					animation-delay: 0.25s;
        				}

        				@keyframes fadeUp {
        					0% {
        						opacity: 0;
        						transform: translateY(50px);
        					}

        					100% {
        						opacity: 1;
        						transform: translateY(0);
        					}
        				}

        				/* ===== .column31 文字从下往上渐显动画 ===== */
        				.column31 {
        					opacity: 0;
        					transform: translateY(50px);
        					transition: none;
        				}

        				.column31.animate-in {
        					animation: fadeUp 2.2s cubic-bezier(0.22, 1, 0.36, 1) forwards;
        				}

        				.column31 .column31-sub {
        					opacity: 0;
        					transform: translateY(35px);
        					transition: none;
        				}

        				.column31.animate-in .column31-sub {
        					animation: fadeUp 2.2s cubic-bezier(0.22, 1, 0.36, 1) 0.3s forwards;
        				}

        				/* 如果 column31 内部有多个子元素需要依次出现，可以这样控制 */
        				.column31>div {
        					opacity: 0;
        					transform: translateY(40px);
        					transition: none;
        				}

        				.column31.animate-in>div:nth-child(1) {
        					animation: fadeUp 1s cubic-bezier(0.22, 1, 0.36, 1) 0s forwards;
        				}

        				.column31.animate-in>div:nth-child(2) {
        					animation: fadeUp 1s cubic-bezier(0.22, 1, 0.36, 1) 0.2s forwards;
        				}

        				/* 或者更精确地控制具体元素 */
        				.column31 .title-wrapper {
        					opacity: 0;
        					transform: translateY(40px);
        					transition: none;
        				}

        				.column31 .desc-wrapper {
        					opacity: 0;
        					transform: translateY(40px);
        					transition: none;
        				}

        				.column31.animate-in .title-wrapper {
        					animation: fadeUp 1s cubic-bezier(0.22, 1, 0.36, 1) 0s forwards;
        				}

        				.column31.animate-in .desc-wrapper {
        					animation: fadeUp 1s cubic-bezier(0.22, 1, 0.36, 1) 0.25s forwards;
        				}

        				@keyframes fadeUp {
        					0% {
        						opacity: 0;
        						transform: translateY(50px);
        					}

        					100% {
        						opacity: 1;
        						transform: translateY(0);
        					}
        				}




        				/* ===== Trusted by Top-Tier Media 区域动画 ===== */
        				.column38 .trusted-wrapper {
        					opacity: 0;
        					transform: translateY(50px);
        					will-change: transform, opacity;
        					display: flex;
        					flex-direction: column;
        					align-items: center;
        					width: 100%;
        				}

        				.column38 .trusted-wrapper.animate-in {
        					animation: fadeUp 0.9s cubic-bezier(0.22, 1, 0.36, 1) forwards;
        				}

        				.column38 .trusted-wrapper .row-view15 {
        					opacity: 0;
        					transform: translateY(35px);
        					will-change: transform, opacity;
        				}

        				.column38 .trusted-wrapper.animate-in .row-view15 {
        					animation: fadeUp 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0s forwards;
        				}

        				.column38 .trusted-wrapper .text38 {
        					opacity: 0;
        					transform: translateY(35px);
        					will-change: transform, opacity;
        				}

        				.column38 .trusted-wrapper.animate-in .text38 {
        					animation: fadeUp 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0.12s forwards;
        				}

        				.column38 .trusted-wrapper .text39 {
        					opacity: 0;
        					transform: translateY(35px);
        					will-change: transform, opacity;
        				}

        				.column38 .trusted-wrapper.animate-in .text39 {
        					animation: fadeUp 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0.25s forwards;
        				}


        				/* ===== column13-content 区域动画 ===== */
        				.column13-content {
        					opacity: 0;
        					transform: translateY(50px);
        					will-change: transform, opacity;
        					display: flex;
        					flex-direction: column;
        					align-items: center;
        					gap: 29px;
        				}

        				.column13-content.animate-in {
        					animation: fadeUp 1s cubic-bezier(0.22, 1, 0.36, 1) forwards;
        				}

        				.column13-content img {
        					opacity: 0;
        					transform: translateY(35px);
        					will-change: transform, opacity;
        				}

        				.column13-content.animate-in img {
        					animation: fadeUp 1s cubic-bezier(0.22, 1, 0.36, 1) 0s forwards;
        				}

        				.column13-content>div {
        					opacity: 0;
        					transform: translateY(35px);
        					will-change: transform, opacity;
        				}

        				.column13-content.animate-in>div {
        					animation: fadeUp 1s cubic-bezier(0.22, 1, 0.36, 1) 0.15s forwards;
        				}



        				/* ===== view5 区域整体动画 ===== */
        				.view5 {
        					opacity: 0;
        					transform: translateY(60px);
        					will-change: transform, opacity;
        				}

        				.view5.animate-in {
        					animation: fadeUp 1s cubic-bezier(0.22, 1, 0.36, 1) forwards;
        				}

        				/* 内部子元素也可以依次出现，效果更细腻 */
        				.view5 .column14 {
        					opacity: 0;
        					transform: translateY(40px);
        					will-change: transform, opacity;
        				}

        				.view5.animate-in .column14 {
        					animation: fadeUp 1s cubic-bezier(0.22, 1, 0.36, 1) 0s forwards;
        				}

        				.view5 .dual-vertical-container {
        					opacity: 0;
        					transform: translateY(40px);
        					will-change: transform, opacity;
        				}

        				.view5.animate-in .dual-vertical-container {
        					animation: fadeUp 1s cubic-bezier(0.22, 1, 0.36, 1) 0.15s forwards;
        				}

        				/* ===== column11 从下往上出现动画 ===== */
        				.column11 {
        					opacity: 0;
        					transform: translateY(80px);
        					will-change: transform, opacity;
        					transition: none;
        				}

        				.column11.animate-in {
        					animation: slideUpFade 1.2s cubic-bezier(0.22, 1, 0.36, 1) forwards;
        				}

        				@keyframes slideUpFade {
        					0% {
        						opacity: 0;
        						transform: translateY(80px);
        					}

        					100% {
        						opacity: 1;
        						transform: translateY(0);
        					}
        				}

        				/* ===== 两张图片：渐显 + 浮动 ===== */
        				.column11 .image10,
        				.column11 .absolute-image7 {
        					opacity: 0;
        					will-change: transform, opacity;
        					transition: opacity 0.8s cubic-bezier(0.22, 1, 0.36, 1);
        				}

        				/* 渐显状态 - 由JS添加 */
        				.column11 .image10.faded-in,
        				.column11 .absolute-image7.faded-in {
        					opacity: 1;
        				}

        				/* 浮动动画 - 无限循环 */
        				.column11 .image10.floating {
        					animation: floatUpDown 3s ease-in-out 0s infinite;
        				}

        				.column11 .absolute-image7.floating {
        					animation: floatUpDown 3s ease-in-out 0.4s infinite;
        				}

        				@keyframes floatUpDown {
        					0% {
        						transform: translateY(0px);
        					}

        					50% {
        						transform: translateY(16px);
        					}

        					100% {
        						transform: translateY(0px);
        					}
        				}


        			}
        		}