* {
				margin: 0;
				padding: 0;
				box-sizing: border-box;
				font-family: "Microsoft Yahei", sans-serif;
			}

			.text-white {
				color: #FFF !important;
			}

			textarea::-webkit-input-placeholder {
				color: #fff;
			}

			/* WebKit浏览器 */
			textarea::-moz-placeholder {
				color: #fff;
			}

			/* Firefox 19+ */
			textarea:-moz-placeholder {
				color: #fff;
			}

			/* Firefox 4-18 */
			textarea::-ms-input-placeholder {
				color: #fff;
			}

			/* IE 10+ */
			input {
				background: none;
				border: 0px;
				outline: none;
			}

			.top-banner {
				padding: 10px 0;
				display: flex;
				align-items: center;
				justify-content: space-between;
				margin: 0 auto;
				height: 80px;
				position: sticky;
				padding: 0 100px;
				top: 0px;
				left: 0;
				right: 0;
				z-index: 10;
				backdrop-filter: blur(10px);
			}

			.logo-area {
				display: flex;
				align-items: center;
			}

			.logo {
				width: 571px;
				height: 50px;
			}

			.logo-text {
				font-weight: bold;
				color: #fff;
			}

			.nav-links {
				display: flex;
				gap: 20px;
			}

			.link-a {
				color: #fff;
				text-decoration: none;
				font-size: 14px;
				width: 80px;
				height: 36px;
				border-radius: 30px 30px 30px 30px;
				text-align: center;
				line-height: 36px;
				border: none;
				font-weight: bold;
				letter-spacing: 1px;
				text-transform: uppercase;
				cursor: pointer;
				transition: all 1000ms;
				position: relative;
				overflow: hidden;
				outline: 2px solid #FFFFFF;

			}

			/* From Uiverse.io by vikiWayne */

			.link-a:hover {
				color: #000;
				transform: scale(1.1);
				outline: 2px solid #FFFFFF;
				box-shadow: 4px 5px 17px -4px #FFFFFF;
			}

			.link-a::before {
				content: "";
				position: absolute;
				left: -50px;
				top: 0;
				width: 0;
				height: 100%;
				background-color: #FFFFFF;
				transform: skewX(45deg);
				z-index: -1;
				transition: width 500ms;
			}

			.link-a:hover::before {
				width: 250%;
			}


			.header-content {
				position: relative;
			}

			.bg {
				position: absolute;
				left: 0;
				right: 0;
				top: -80px;
				width: 100%;
				height: 750px;
			}

			.header-mian {
				position: relative;
				z-index: 1;
				width: 1400px;
				margin: 0 auto;
				display: flex;
				justify-content: space-between;
				padding-top: 40px;
				height: calc(750px - 80px);
			}

			.header-left {
				/* background: rgba(255, 255, 255, 0.5); */
				border-radius: 10px 10px 0 0;
				display: flex;
				overflow: hidden;
			}

			.header-left-main {
				/* flex: 1; */
				display: block;
			}

			.champion-img {
				height: 640px;
				display: block;
			}

			.header-middle {
				flex: 1;
				padding: 120px 40px 0;
				width: 300px;
			}

			.header-middle h2 {
				margin-bottom: 10px;
				font-size: 36px;
			}

			.header-middle p {
				font-size: 15px;
				line-height: 1.5;
				margin-bottom: 5px;
				color: #777777;
			}

			.header-right {
				background: rgba(255, 255, 255, 0.5);
				box-shadow: 11px 10px 22px 0px rgba(184, 163, 123, 0.3);
				border-radius: 20px 20px 20px 20px;
				padding: 20px;
				text-align: center;
				flex: 3;
				margin-left: 20px;
				position: relative;
			}

			.coupon {
				position: absolute;
				right: 0;
				top: 0;
				width: 130px;
				height: 130px;
			}

			.logoTwo {
				width: 280px;
				margin-top: 80px;

			}

			.qr-code {
				width: 280px;
				height: 280px;
				background-color: #FFF;
				margin: 20px auto 20px;
				border-radius: 10px;
			}

			.input-area {
				margin: 18px auto;
				width: 280px;
				display: flex;
				align-items: center;
				border-radius: 100px;
				border: 2px solid rgba(255, 89, 125, 0.4);
				padding: 0 5px;
			}

			.input-area input {
				padding: 10px 10px;
				border-radius: 100px;
				flex: 1;
			}

			.input-area input::placeholder {
				color: #9e9ea7;
			}

			.input-area:focus,
			.input-area:hover {
				outline: none;
				border-color: rgba(255, 89, 125, 0.4);
				box-shadow: 0 0 0 4px rgb(234 76 137 / 10%);
			}

			.register-select {
				flex: 1;
				padding: 10px 10px;
				border: none;
				border-radius: 100px;
				background: transparent;
				color: #333;
				font-size: 14px;
				cursor: pointer;
				outline: none;
				appearance: none;
				-webkit-appearance: none;
				-moz-appearance: none;
				background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23FF597D' d='M6 8L0 0h12z'/%3E%3C/svg%3E");
				background-repeat: no-repeat;
				background-position: right 10px center;
				padding-right: 30px;
			}

			.register-select option {
				padding: 10px;
				background: #fff;
				color: #333;
			}

			.input-area button {
				padding: 8px 15px;
				background-color: #ff9966;
				color: #fff;
				border: none;
				border-radius: 4px;
				cursor: pointer;
			}

			.input-area-code {
				width: 85px;
				height: 26px;
				background: #FFEFED;
				border-radius: 20px 20px 20px 20px;
				font-size: 11px;
				line-height: 26px;
				color: #ED0A23;
				white-space: nowrap;
				padding: 0 10px;
			}

			.register-btn {
				display: block;
				width: 280px;
				margin: 0 auto;
				padding: 8px;
				background: linear-gradient(90deg, #FF597D 0%, #FF7055 100%);
				color: #fff;
				border: none;
				border-radius: 20px 20px 20px 20px;
				cursor: pointer;
				height: 40px;
				border: transparent;
				box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
			}

			.register-btn:hover {
				background: rgb(2, 0, 36);
				background: linear-gradient(90deg, #dc4d6e 0%, #de604a 100%);
			}

			.register-btn:active {
				transform: translate(0em, 0.2em);
			}

			/* 注册弹窗样式 */
			.register-modal {
				display: none;
				position: fixed;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				background-color: rgba(0, 0, 0, 0.5);
				z-index: 10000;
				align-items: center;
				justify-content: center;
			}

			.register-modal.show {
				display: flex;
			}

			.register-modal-content {
				background: #FFFFFF;
				border-radius: 20px;
				padding: 30px;
				width: 400px;
				max-width: 90%;
				position: relative;
				box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
				animation: modalFadeIn 0.3s ease-out;
			}

			@keyframes modalFadeIn {
				from {
					opacity: 0;
					transform: scale(0.9) translateY(-20px);
				}

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

			.register-modal-header {
				display: flex;
				justify-content: space-between;
				align-items: center;
				margin-bottom: 20px;
				padding-bottom: 15px;
				border-bottom: 1px solid #f0f0f0;
			}

			.register-modal-header h3 {
				margin: 0;
				font-size: 20px;
				color: #333;
				font-weight: 600;
			}

			.register-modal-close {
				font-size: 28px;
				color: #999;
				cursor: pointer;
				line-height: 1;
				transition: color 0.3s;
			}

			.register-modal-close:hover {
				color: #FF597D;
			}

			.register-modal-body {
				padding: 10px 0;
			}

			.input-area.disabled {
				opacity: 0.6;
				pointer-events: none;
			}

			.input-area-code.disabled {
				opacity: 0.6;
				cursor: not-allowed !important;
			}

			.service-section-wrap {
				background: #FFFFFF;
				padding-bottom: 80px;
			}

			.service-section {
				width: 1400px;
				margin: 0 auto;
				padding: 20px 0 0;
			}

			.service-title {
				margin-bottom: 10px;
				font-size: 36px;
			}

			.service-grid {
				display: grid;
				grid-template-columns: repeat(4, 1fr);
				gap: 20px;
				margin-top: 40px;
			}

			.service-item {
				background-color: #fff;
				border-radius: 20px;
				overflow: hidden;
				height: 500px;
				position: relative;
			}

			/* From Uiverse.io by suleymanlaarabidev */
			.card {
				width: 100%;
				height: 500px;
				transition: all 0.4s;
				border-radius: 10px;
				font-size: 30px;
				font-weight: 900;
			}

			.first-content {
				height: 100%;
				width: 100%;
				transition: all 0.4s;
				display: flex;
				justify-content: center;
				align-items: center;
				opacity: 1;
				border-radius: 15px;
			}

			.service-img {
				position: absolute;
				left: 0;
				bottom: 0;
				width: 100%;
				height: 500px;
				object-fit: cover;
			}

			.service-desc {
				padding: 10px;
				position: absolute;
				bottom: 0;
				left: 0;
				right: 0;
				color: #FFF;
				background: linear-gradient(180deg, rgba(13, 13, 13, 0) 0%, #000000 100%);
				display: flex;
				justify-content: space-between;
				align-items: flex-end;
			}

			.service-desc-left {
				display: block;
			}

			.service-desc-left h3 {
				font-size: 20px;
				margin-bottom: 6px;
			}

			.service-desc-right {
				width: 76px;
				height: 76px;
				padding: 3px;
				background-color: #FFF;
			}

			.service-desc-left p {
				font-size: 12px;
			}

			.price {
				margin-top: 6px;
			}

			.price-one {
				color: #FD2D39;
				font-size: 14px;
			}

			.price-two {
				color: #FD2D39;
				font-size: 20px;
			}

			.price-three {
				font-size: 12px;
				margin-left: 6px;
			}


			.question-section-wrap {
				padding-top: 20px;
				padding-bottom: 100px;
				background: linear-gradient(to right, #E0F2FF 0%, #FFE3DE 100%);
			}

			.question-section {
				width: 1400px;
				margin: 0 auto;
				padding: 20px 0;
			}

			.question-title {
				margin-bottom: 10px;
				font-size: 36px;
			}

			.question-content {
				display: flex;
				gap: 20px;
				margin-top: 10px;
			}

			.question-img {
				flex: 1;
				height: 200px;
				background-color: #ccc;
			}

			.question-answers {
				flex: 2;
			}

			.answer-item {
				margin-bottom: 10px;
				padding: 10px;
				background-color: #fff;
				border-radius: 4px;
			}

			.ask-btn {
				display: block;
				width: 200px;
				margin: 20px auto;
				padding: 10px;
				background-color: #ff9966;
				color: #fff;
				border: none;
				border-radius: 4px;
				cursor: pointer;
			}

			.footer {
				width: 100%;
				background: linear-gradient(90deg, #FF597D 0%, #FF7055 100%);
				border-radius: 0px 0px 0px 0px;
				opacity: 1;
				box-sizing: border-box;
				position: relative;
				padding-bottom: 40px;
			}

			.footer-main {
				width: 1400px;
				margin: 0 auto;
				display: flex;
				justify-content: space-between;
			}

			.footer1 {
				width: 300px;
				padding: 0 30px 0 0;
				box-sizing: border-box;
			}

			.footer1-text1 {
				height: 18px;
				font-size: 18px;
				font-weight: normal;
				color: #FFFFFF;
				line-height: 18px;
				margin-top: 44px;
			}

			.footer1-text2 {
				margin-top: 20px;
				font-size: 14px;
				font-weight: normal;
				color: #FFFFFF;
				line-height: 20px;
			}

			.footer1-text3 {
				margin-top: 10px;
				font-size: 14px;
				font-weight: normal;
				color: #FFFFFF;
				line-height: 20px;
			}

			.footer1-text4 {
				margin-top: 13px;
				width: 150px;
				height: 28px;
				background: #FFFFFF;
				border-radius: 5px 5px 5px 5px;
				font-size: 12px;
				font-weight: normal;
				color: #FA0135;
				line-height: 28px;
				text-align: center;
			}

			.footer4 {
				border-top: 1px solid #FFFFFF;
				box-sizing: border-box;
				text-align: start;
				width: 1400px;
				margin: 0 auto;
			}

			.footer4-text1 {
				height: 18px;
				font-size: 18px;
				font-weight: normal;
				color: #FFFFFF;
				line-height: 18px;
				margin-top: 44px;
			}

			.footer4-text2 {
				font-size: 14px;
				font-weight: normal;
				line-height: 16px;
			}

			.footer4-text2 a {
				color: #FFFFFF !important;
			}

			.footer4-text2 a:hover {
				color: blue !important;
			}


			.footer2-text1 {
				height: 18px;
				font-size: 18px;
				font-weight: normal;
				color: #FFFFFF;
				line-height: 18px;
				margin-top: 44px;
			}

			.footer2-text2 {
				margin-top: 20px;
				width: 509px;
				height: 80px;
				font-size: 14px;
				font-weight: normal;
				color: #FFFFFF;
				line-height: 20px;
			}

			.footer3 {
				padding: 0 0 0 60px;
				box-sizing: border-box;
			}

			.footer3-text1 {
				height: 18px;
				font-size: 18px;
				font-weight: normal;
				color: #FFFFFF;
				line-height: 18px;
				margin-top: 44px;
			}

			.footer3-code {
				display: flex;
				align-items: center;
				margin-top: 20px;
			}

			.footer3-code-item {
				display: flex;
				flex-direction: column;
				align-items: center;
				margin-right: 30px;
			}

			.footer3-code-item img {
				width: 70px;
				height: 70px;
			}

			.footer3-code-item span {
				height: 20px;
				font-size: 14px;
				font-weight: normal;
				color: #FFFFFF;
				line-height: 20px;
				margin-top: 8px;
			}

			.banquanInfo {
				font-size: 12px;
				margin-top: 20px;
			}

			.banquan {
				width: 100%;
				background: linear-gradient(90deg, #FF597D 0%, #FF7055 100%);
				border-radius: 0px 0px 0px 0px;
				font-size: 14px;
				font-weight: normal;
				color: #FFFFFF;
				line-height: 50px;
				text-align: center;
			}

			.banquan span {
				color: white;
				margin-right: 10px;
			}

			.banquan img {
				vertical-align: middle;
			}

			.banquan a {
				color: white;
				text-decoration: none;

			}

			.banquan a:hover {
				color: blue;
			}


			/* 聊天界面容器 */
			.chat-container {
				width: 1400px;
				margin: 0 auto;
				display: flex;
				flex-direction: column;
				border-radius: 16px;
				overflow: hidden;
			}

			/* 聊天内容区域 */
			.chat-messages {
				flex: 1;
				overflow-y: auto;
				display: flex;
				flex-direction: column;
				gap: 1.5rem;
			}

			/* 消息气泡 */
			.message-bubble {
				max-width: 70%;
				padding: 1rem 1.5rem;
				border-radius: 18px;
				position: relative;
				word-wrap: break-word;
				animation: fadeIn 0.3s ease-out;
			}

			/* 机器人消息 */
			.bot-message {
				background-color: #f9f0f0;
				border-bottom-left-radius: 4px;
				align-self: flex-start;
			}

			/* 用户消息 */
			.user-message {
				background: linear-gradient(135deg, #ff9e9e 0%, #ff7a7a 100%);
				color: white;
				border-bottom-right-radius: 4px;
				align-self: flex-end;
			}

			/* 输入区域 */
			.chat-input-area {
				padding: 30px 2rem;
				background: linear-gradient(90deg, #FF597D 0%, #FF7055 100%);
			}

			/* 渐变按钮 */
			.gradient-button {
				background: linear-gradient(135deg, #ffffff 0%, #ffffff 100%);
				color: white;
				transition: all 0.3s ease;
				border: none;
				padding: 0.75rem 2rem;
				border-radius: 50px;
				font-weight: 600;
				cursor: pointer;
				box-shadow: 0 4px 15px rgba(255, 122, 122, 0.2);
				color: #000;
				height: 40px;
				position: absolute;
				right: 20px;
				bottom: 20px;
			}

			.gradient-button:hover {
				transform: translateY(-2px);
			}

			.gradient-button:active {
				transform: translateY(0);
			}

			/* 输入框样式 */
			.chat-input {
				border: 1px solid #f0e6e6;
				border-radius: 5px;
				padding: 0.75rem 150px 0.75rem 1rem;
				outline: none;
				transition: all 0.3s ease;
				flex: 1;
				background: rgba(255, 255, 255, 0.1);
				min-height: 100px;
				color: #FFF;
			}

			.chat-input:focus {
				border-color: #ff9e9e;
				box-shadow: 0 0 0 3px rgba(255, 158, 158, 0.1);
			}

			/* 图标样式 */
			.message-icon {
				position: absolute;
				top: 50%;
				transform: translateY(-50%);
				width: 32px;
				height: 32px;
				border-radius: 50%;
				background-color: white;
				display: flex;
				align-items: center;
				justify-content: center;
				box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
			}

			.bot-message .message-icon {
				left: -40px;
				color: #ff7a7a;
			}

			.user-message .message-icon {
				right: -40px;
				color: #666;
			}

			/* 动画效果 */
			@keyframes fadeIn {
				from {
					opacity: 0;
					transform: translateY(10px);
				}

				to {
					opacity: 1;
					transform: translateY(0);
				}
			}

			/* 滚动条样式 */
			.chat-messages::-webkit-scrollbar {
				width: 6px;
			}

			.chat-messages::-webkit-scrollbar-track {
				background: #fcf8f8;
			}

			.chat-messages::-webkit-scrollbar-thumb {
				background: #ffc0c0;
				border-radius: 3px;
			}

			.chat-messages::-webkit-scrollbar-thumb:hover {
				background: #ff9e9e;
			}

			.chatContainer {
				height: 566px;
				overflow-y: auto;
				padding: 0 30px;
			}

			/* 常见问题卡片 */
			.mycontent {
				background: #FFF !important;
				color: #000 !important;
				border-radius: 20px 0px 20px 20px !important;
				margin-left: 100px !important;
				margin-right: 0 !important;
			}

			.faq-card {
				background: linear-gradient(90deg, #FF597D 0%, #FF7055 100%);
				border-radius: 0px 20px 20px 20px;
				padding: 20px 30px;
				margin-bottom: 1rem;
				transition: all 0.3s ease;
				cursor: pointer;
				color: #FFF;
				margin-right: 100px;
			}

			.faq-card:hover {
				transform: translateY(-2px);
				box-shadow: 0 4px 15px rgba(220, 180, 180, 0.1);
			}

			.flex {
				display: flex;
			}

			.loading {
				display: flex;
				gap: 0.5rem;
				padding: 0.5rem;
				color: #fff;
			}

			.loading span {
				width: 8px;
				height: 8px;
				background: currentColor;
				border-radius: 50%;
				animation: bounce 1.4s infinite ease-in-out both;
			}

			.loading span:nth-child(1) {
				animation-delay: -0.32s;
			}

			.loading span:nth-child(2) {
				animation-delay: -0.16s;
			}

			@keyframes bounce {

				0%,
				80%,
				100% {
					transform: scale(0);
				}

				40% {
					transform: scale(1);
				}
			}

			.inputHeader {
				margin-top: 30px;
				width: 503px;
				height: 147px;
				background: rgba(255, 255, 255, 0.2);
				border-radius: 10px;
				border: 4px solid;
				border-image: linear-gradient(96deg, rgba(255, 197, 227, 1), rgba(255, 255, 255, 0.2), rgba(144, 210, 255, 1)) 1 1;
				clip-path: inset(0 round 10px);
				position: relative;
			}

			.hero-chat {
				margin-top: 40px;
				width: 520px;
				display: flex;
				flex-direction: column;
				gap: 18px;
			}

			.hero-chat-container {
				display: flex;
				flex-direction: column;
				gap: 12px;
				height: 400px;
				box-sizing: border-box;
				padding-right: 10px;
				overflow-y: auto;
				scrollbar-width: thin;
				scrollbar-color: rgba(255, 102, 130, 0.8) rgba(255, 255, 255, 0.2);
				scrollbar-gutter: stable both-edges;
			}

			.hero-chat-container::-webkit-scrollbar {
				width: 8px;
			}

			.hero-chat-container::-webkit-scrollbar-track {
				background: rgba(255, 255, 255, 0.25);
				border: 1px solid rgba(255, 255, 255, 0.25);
				border-radius: 999px;
			}

			.hero-chat-container::-webkit-scrollbar-thumb {
				background: linear-gradient(180deg, #FF90AA, #FF5E7C);
				box-shadow: 0 0 8px rgba(255, 115, 147, 0.5);
				border: 1px solid rgba(255, 255, 255, 0.5);
				border-radius: 999px;
			}

			.hero-chat-container::-webkit-scrollbar-thumb:hover {
				background: linear-gradient(180deg, #FF5E7C, #FF305E);
			}

			.hero-chat-messages {
				display: flex;
				flex-direction: column;
				gap: 12px;
			}

			.hero-chat-bubble {
				padding: 14px 18px;
				background: rgba(255, 255, 255, 0.15);
				color: #fff;
				max-width: 100%;
				width: fit-content;
				box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.15);
				backdrop-filter: blur(8px);
			}

			.hero-chat-bubble .message-content {
				font-size: 15px;
				line-height: 1.4;
			}

			.hero-chat-bubble.hero-user {
				align-self: flex-end;
				background: rgba(255, 255, 255, 0.08);
				border: 1px solid rgba(255, 255, 255, 0.2);
				border-radius: 24px 0 24px 24px;
			}

			.hero-chat-bubble.hero-bot {
				align-self: flex-start;
				border-radius: 0 24px 24px 24px;
			}

			.hero-chat-bubble.hero-loading .loading span {
				background: #fff;
			}

			.hero-chat-input {
				position: relative;
				min-height: 140px;
				padding: 24px 70px 24px 74px;
				background: rgba(12, 12, 12, 0.25);
				border-radius: 18px;
				border: 1px solid rgba(255, 255, 255, 0.35);
				box-shadow: 0px 25px 40px rgba(0, 0, 0, 0.25);
				display: flex;
				align-items: center;
			}

			.hero-chat-icon {
				top: 20px;
				position: absolute;
				left: 20px;
				width: 34px;
				height: 34px;
				border-radius: 10px;
				background: rgba(255, 255, 255, 0.15);
				background-image: url('./img/sys.png');
				background-repeat: no-repeat;
				background-position: center;
				background-size: 18px 18px;
				box-shadow: inset 0 0 10px rgba(255, 255, 255, 0.2);
			}

			.hero-chat-textarea {
				width: 100%;
				min-height: 90px;
				resize: none;
				background: transparent;
				border: none;
				outline: none;
				color: #fff;
				font-size: 16px;
				line-height: 1.5;
				padding: 0;
				transition: box-shadow 0.2s ease, color 0.2s ease;
			}

			.hero-chat-textarea:focus {
				outline: none;
				box-shadow: inset 0 -2px 0 rgba(255, 102, 130, 0.8);
				color: #fff;
			}

			.hero-chat-textarea::placeholder {
				color: rgba(255, 255, 255, 0.75);
			}

			.hero-send-button {
				position: absolute;
				right: 22px;
				bottom: 22px;
				width: 38px;
				height: 38px;
				border-radius: 50%;
				border: none;
				background: #fff;
				color: #FF6682;
				font-size: 18px;
				display: flex;
				align-items: center;
				justify-content: center;
				cursor: pointer;
				box-shadow: 0 8px 20px rgba(255, 102, 130, 0.4);
				font-weight: 600;
			}

			.hero-send-button:disabled {
				opacity: 0.7;
				cursor: not-allowed;
			}

			.anquan-wrap {
				height: 150px;
				background: linear-gradient(90deg, #FF6469 0%, #F774AC 100%);
				border-radius: 0px 0px 0px 0px;
			}

			.anquan {
				height: 150px;
				width: 1400px;
				margin: 0 auto;
			}

			/* 今日摩耶订单趋势 */
			.order-trends-section-wrap {
				padding: 40px 0 80px;
				background: #F9FAFC;
			}

			.order-trends-section {
				width: 1400px;
				margin: 0 auto;
			}

			.order-trends-title {
				font-size: 36px;
				margin-bottom: 20px;
				display: flex;
				flex-direction: column;
			}

			.update-time {
				margin-top: 10px;
				font-size: 14px;
				color: #777777;
				font-weight: normal;
			}

			.order-trends-content {
				display: flex;
				gap: 30px;
				margin-top: 30px;
			}

			.order-stats-card {
				flex: 1;
				background: #fff;
				border-radius: 20px;
				padding: 80px 30px;
				box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
			}

			.order-stats-header {
				margin-bottom: 30px;
			}

			.order-stats-header h3 {
				font-size: 20px;
				color: #333;
				margin-bottom: 10px;
			}

			.order-heat-number {
				font-size: 48px;
				font-weight: bold;
				color: #FF597D;
			}

			.order-stats-grid {
				display: grid;
				grid-template-columns: 1fr 1fr;
				gap: 20px;
			}

			.order-stat-item {
				padding: 20px;
				border-radius: 10px;
			}

			.stat-label {
				font-size: 14px;
				color: #666;
				margin-bottom: 8px;
			}

			.stat-value {
				font-size: 32px;
				font-weight: bold;
				color: #333;
				margin-bottom: 5px;
			}

			.stat-sub {
				font-size: 12px;
				color: #999;
			}

			.order-chart-card {
				flex: 1;
				background: #fff;
				border-radius: 20px;
				padding: 30px;
				box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
			}

			.chart-header h3 {
				font-size: 20px;
				color: #333;
				margin-bottom: 20px;
			}

			.chart-container {
				height: 300px;
			}

			#orderChart {
				width: 100%;
				height: 100%;
				min-height: 400px;
			}

			/* 推广联盟部分 */
			.affiliate-section-wrap {
				padding: 60px 0;
				background: #E8F2FF;
			}

			.affiliate-section {
				width: 1400px;
				margin: 0 auto;
			}

			.affiliate-title {
				font-size: 36px;
				margin-bottom: 10px;
				display: flex;
				flex-direction: column;
				gap: 10px;
			}

			.affiliate-subtitle {
				font-size: 14px;
				color: #777777;
				font-weight: normal;
			}

			.platform-icons {
				display: flex;
				justify-content: center;
				gap: 40px;
				margin-top: 30px;
			}

			.platform-item {
				width: 25%;
				height: 70px;
				background: #FFFFFF;
				border-radius: 10px 10px 10px 10px;
				border: 1px solid #E0E0E0;
				display: flex;
				align-items: center;
				justify-content: center;
			}

			.platform-icon {
				width: 24px;
				height: 24px;
			}

			.platform-item span {
				font-size: 18px;
				color: #333;
				margin-left: 10px;
			}

			.affiliate-description {
				margin-top: 20px;
				text-align: center;
				max-width: 1000px;
				margin-left: auto;
				margin-right: auto;
				color: #777;
				font-size: 16px;
			}

			.how-to-join {
				margin-top: 40px;
			}

			.how-to-join-title {
				width: 1400px;
				padding: 50px 20px 60px;
				background-image: url('./img/bg1.png');
				background-size: 100% 100%;
				background-repeat: no-repeat;
			}

			.how-to-join-title h3 {
				font-size: 30px;
				margin-bottom: 10px;
				color: #fff;
			}

			.join-subtitle {
				color: #fff;
				font-size: 20px;
			}

			.join-steps {
				display: flex;
				justify-content: center;
				gap: 30px;
				margin-top: -40px;
			}

			.join-step {
				display: flex;
				width: 320px;
				height: 203px;
				background: rgba(255, 255, 255, 0.5);
				box-shadow: 1px 4px 4px 0px #CBDFF9;
				border-radius: 20px 20px 20px 20px;
				border: 2px solid #FFFFFF;
				padding: 20px;
				flex-direction: column;
			}

			.step-number {
				font-size: 30px;
				color: #FF597D;
				font-weight: bold;
			}

			/* 收入计算器 */
			.income-calculator {
				margin-top: 60px;
				background: #fff;
				border-radius: 20px;
				padding: 40px;
				box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
				background: #D5E4FF;
				box-shadow: 4px 5px 4px 0px #C3DAF9;
				border-radius: 20px 20px 20px 20px;
			}

			.income-calculator h3 {
				font-size: 28px;
				text-align: center;
				margin-bottom: 10px;
				color: #333;
			}

			.calculator-subtitle {
				text-align: center;
				color: #777;
				font-size: 14px;
				margin-bottom: 40px;
			}

			.calculator-form {
				margin: 20px auto;
			}

			.calculator-field {
				margin-bottom: 30px;
			}

			.calculator-field label {
				display: block;
				font-size: 16px;
				color: #333;
				margin-bottom: 10px;
			}

			.calculator-select {
				width: 100%;
				padding: 12px;
				border: 2px solid #E0E0E0;
				border-radius: 10px;
				font-size: 14px;
				outline: none;
				transition: border-color 0.3s;
			}

			.calculator-select:focus {
				border-color: #FF597D;
			}

			.slider-container {
				position: relative;
			}

			.calculator-slider {
				width: 100%;
				height: 8px;
				border-radius: 5px;
				background: linear-gradient(90deg, #FFB9DB 0%, #AFD9FF 100%);
				outline: none;
				-webkit-appearance: none;
				appearance: none;
			}

			.calculator-slider::-webkit-slider-thumb {
				-webkit-appearance: none;
				appearance: none;
				width: 20px;
				height: 20px;
				border-radius: 50%;
				background: #FF597D;
				cursor: pointer;
			}

			.calculator-slider::-moz-range-thumb {
				width: 20px;
				height: 20px;
				border-radius: 50%;
				background: #FF597D;
				cursor: pointer;
				border: none;
			}

			.slider-value {
				text-align: center;
				font-size: 18px;
				color: #333;
			}

			.slider-value span:first-child {
				font-weight: bold;
				color: #FF597D;
			}

			.slider-minmax {
				margin-top: 10px;
				display: flex;
				justify-content: space-between;
				font-size: 16px;
				color: #8c8c8c;
			}

			.slider-minmax span.value {
				display: inline-block;
				margin-left: 6px;
				font-weight: 600;
				color: #666;
			}

			.calculator-result {
				text-align: center;
				padding: 30px;
				height: 300px;
				background-image: url('./img/bg4.png');
				background-size: 100% 100%;
				background-repeat: no-repeat;
				border-radius: 20px;
				display: flex;
				flex-direction: column;
				justify-content: center;
				align-items: center;
			}

			.result-label {
				font-size: 26px;
				color: #000;
				margin-bottom: 30px;
				font-weight: 600;
			}

			.result-value {
				font-size: 48px;
				font-weight: bold;
				color: #FF6682;
				height: 62px;
				padding: 0 40px;
				background: #FFFFFF;
				box-shadow: 0px 4px 4px 0px #E0D6F8;
				border-radius: 30px 30px 30px 30px;
			}

			.calculator-disclaimer {
				margin-top: 20px;
				text-align: center;
			}

			.calculator-disclaimer p {
				font-size: 14px;
				color: #999;
			}

			/* 行动号召部分 */
			.cta-section-wrap {
				padding: 60px 0 0;
				background: linear-gradient(90deg, #FFB9DB 0%, #AFD9FF 100%);
			}

			.cta-section {
				width: 1400px;
				margin: 0 auto;
			}

			.cta-content {
				display: flex;
				justify-content: space-between;
				align-items: center;
			}

			.cta-left {
				width: 415px;
				height: 631px;
			}

			.cta-title {
				font-size: 28px;
				color: #fff;
				margin-bottom: 20px;
			}

			.technician-grid {
				display: grid;
				grid-template-columns: repeat(6, 1fr);
				gap: 15px;
				max-width: 600px;
			}

			.technician-avatar {
				width: 80px;
				height: 80px;
				border-radius: 50%;
				background: rgba(255, 255, 255, 0.3);
				border: 3px solid rgba(255, 255, 255, 0.5);
			}

			.cta-right {
				flex: 1;
				text-align: center;
			}

			.cta-slogan {
				font-size: 32px;
				color: #000;
				margin-bottom: 15px;
			}

			.cta-stats {
				font-size: 18px;
				color: #777777;
			}

			.cta-button-container {
				text-align: center;
				background-image: url('./img/bg2.png');
				background-size: 100% 100%;
				background-repeat: no-repeat;
				background-size: cover;
				height: 312px;
				display: flex;
				align-items: center;
				justify-content: center;
			}

			.cta-button {
				padding: 15px 60px;
				background: #fff;
				color: #FF597D;
				border: none;
				border-radius: 50px;
				font-size: 18px;
				font-weight: bold;
				cursor: pointer;
				transition: all 0.3s;
				box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
			}

			.cta-button:hover {
				transform: translateY(-2px);
				box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
			}

			/* 交互动效增强 */
			/* 服务卡片悬停动效 */
			.card {
				transform: translateY(0);
				box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08);
			}

			.card:hover {
				cursor: pointer;
				transform: translateY(-8px) scale(1.02);
				box-shadow: 0 18px 35px rgba(0, 0, 0, 0.18);
			}

			.service-item video {
				transition: transform 0.6s ease;
			}

			.card:hover .service-item video {
				transform: scale(1.05);
			}

			.service-desc {
				transform: translateY(0);
				transition: transform 0.4s ease, background 0.4s ease;
			}

			.card:hover .service-desc {
				transform: translateY(-4px);
				background: linear-gradient(180deg, rgba(13, 13, 13, 0) 0%, #000000 95%);
			}

			/* 顶部安全优势图标轻微悬停 */
			.anquan .flex-col {
				transition: transform 0.3s ease, box-shadow 0.3s ease;
			}

			.anquan .flex-col:hover {
				transform: translateY(-4px);
				box-shadow: 0 8px 18px rgba(0, 0, 0, 0.12);
			}

			/* 按钮交互反馈增强 */
			.register-btn,
			.cta-button,
			.ask-btn,
			.gradient-button,
			.link-a {
				transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.3s ease;
			}

			.register-btn:active,
			.cta-button:active,
			.ask-btn:active,
			.gradient-button:active,
			.hero-send-button:active,
			.link-a:active {
				transform: translateY(1px) scale(0.98);
				box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
			}

			/* 顶部聊天气泡轻微浮动动效 */
			.hero-chat-bubble {
				animation: heroFloat 6s ease-in-out infinite;
			}

			.hero-chat-messages .hero-chat-bubble:nth-child(1) {
				animation-delay: 0s;
			}

			.hero-chat-messages .hero-chat-bubble:nth-child(2) {
				animation-delay: 1.2s;
			}

			.hero-chat-messages .hero-chat-bubble:nth-child(3) {
				animation-delay: 2.4s;
			}

			@keyframes heroFloat {

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

				50% {
					transform: translateY(-6px);
				}
			}

			/* 模块滚动出现动效 */
			.section-animate {
				opacity: 0;
				transform: translateY(40px);
				transition: opacity 0.8s ease, transform 0.8s ease;
			}

			.section-animate.section-visible {
				opacity: 1;
				transform: translateY(0);
			}

			/* 弹窗提示样式 */
			.tip-modal {
				position: fixed;
				top: 0;
				left: 0;
				right: 0;
				bottom: 0;
				background: rgba(0, 0, 0, 0.5);
				display: flex;
				align-items: center;
				justify-content: center;
				z-index: 99999;
				opacity: 0;
				visibility: hidden;
				transition: opacity 0.3s ease, visibility 0.3s ease;
			}

			.tip-modal.show {
				opacity: 1;
				visibility: visible;
			}

			.tip-modal-content {
				background: #fff;
				border-radius: 12px;
				padding: 30px 40px;
				min-width: 280px;
				max-width: 400px;
				box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
				transform: scale(0.8);
				transition: transform 0.3s ease;
				text-align: center;
			}

			.tip-modal-content.has-qrcode {
				max-width: 600px;
				padding: 30px 40px;
			}

			.tip-modal-qrcodes {
				display: flex;
				justify-content: center;
				align-items: flex-start;
				gap: 30px;
				margin: 20px 0;
			}

			.tip-modal-qrcode-item {
				display: flex;
				flex-direction: column;
				align-items: center;
			}

			.tip-modal-qrcode-item img {
				width: 180px;
				height: 180px;
				background-color: #FFF;
				border-radius: 10px;
				margin-bottom: 10px;
				border: 1px solid #f0f0f0;
			}

			.tip-modal-qrcode-item.enterprise img {
				border-radius: 10px;
			}

			.tip-modal-qrcode-item.official img {
				border-radius: 10px;
			}

			.tip-modal-qrcode-label {
				font-size: 14px;
				color: #666;
				margin-top: 5px;
			}

			.tip-modal.show .tip-modal-content {
				transform: scale(1);
			}

			.tip-modal-icon {
				width: 60px;
				height: 60px;
				margin: 0 auto 20px;
				border-radius: 50%;
				display: flex;
				align-items: center;
				justify-content: center;
				font-size: 32px;
				font-weight: bold;
			}

			.tip-modal-icon.error {
				background: #FFEFED;
				color: #ED0A23;
			}

			.tip-modal-icon.success {
				background: #F0F9FF;
				color: #52c41a;
			}

			.tip-modal-message {
				font-size: 16px;
				color: #333;
				line-height: 1.5;
				margin-bottom: 20px;
			}

			.tip-modal-btn {
				padding: 10px 30px;
				background: linear-gradient(90deg, #FF597D 0%, #FF7055 100%);
				color: #fff;
				border: none;
				border-radius: 20px;
				cursor: pointer;
				font-size: 14px;
				transition: all 0.3s ease;
			}

			.tip-modal-btn:hover {
				background: linear-gradient(90deg, #dc4d6e 0%, #de604a 100%);
				transform: translateY(-2px);
				box-shadow: 0 4px 12px rgba(255, 89, 125, 0.3);
			}

			.tip-modal-qrcode {
				width: 200px;
				height: 200px;
				background-color: #FFF;
				margin: 15px auto 20px;
				border-radius: 10px;
				display: block;
			}

			/* 右侧悬浮二维码样式 */
			.floating-qrcode {
				position: fixed;
				right: 20px;
				top: 50%;
				width: 230px;
				background: #fff;
				border-radius: 12px;
				box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
				padding: 15px;
				z-index: 9998;
				opacity: 0;
				visibility: hidden;
				transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;
				transform: translateY(-50%) translateX(100px);
			}

			.floating-qrcode.show {
				opacity: 1;
				visibility: visible;
				transform: translateY(-50%) translateX(0);
			}

			.floating-qrcode-title {
				text-align: center;
				font-size: 16px;
				font-weight: bold;
				color: #333;
				margin-bottom: 10px;
			}

			.floating-qrcode-img {
				width: 200px;
				height: 200px;
				background-color: #FFF;
				border-radius: 8px;
				display: block;
			}

			.floating-qrcode-close {
				position: absolute;
				top: 5px;
				right: 10px;
				width: 24px;
				height: 24px;
				line-height: 24px;
				text-align: center;
				font-size: 20px;
				color: #999;
				cursor: pointer;
				border-radius: 50%;
				transition: all 0.3s ease;
			}

			.floating-qrcode-close:hover {
				background-color: #f5f5f5;
				color: #333;
			}

			/* Tooltip Styles */
			.tooltip-content {
				position: absolute;
				top: 150%;
				left: 50%;
				transform: translateX(-50%) scale(0.8);
				background: white;
				border-radius: 15px;
				padding: 22px;
				opacity: 0;
				visibility: hidden;
				transition:
					opacity 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55),
					transform 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55),
					visibility 0.5s ease;
				z-index: 100;
				pointer-events: none;
			}

			.tooltip-container:hover .tooltip-content {
				opacity: 1;
				visibility: visible;
				transform: translateX(-50%) scale(1);
				pointer-events: auto;
			}

			.loginCodeWrap.show {
				opacity: 1;
				visibility: visible;
				transform: translateX(-50%) scale(1);
				pointer-events: auto;
			}

			/* Social Icons Styles */
			.tooltip-container {
				position: relative;
				overflow: visible;
			}