* {
 	margin: 0;
 	padding: 0;
 	box-sizing: border-box;
 }

 body {
 	font-family: 'Noto Sans SC', sans-serif;
 	line-height: 1.6;
 	color: #333;
 	overflow-x: hidden;
 	background-color: #f8fafc;
 }



 /* 英雄区域样式 */
 .hero {
 	display: flex;
 	align-items: center;
 	justify-content: space-between;
 	padding: 160px 8% 100px;
 	background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);
 }

 .hero-content {
 	flex: 1;
 	max-width: 600px;
 }

 .hero-content h2 {
 	font-size: 3.2rem;
 	font-weight: 700;
 	line-height: 1.2;
 	color: #0f172a;
 	margin-bottom: 20px;
 }

 .hero-content p {
 	font-size: 1.2rem;
 	color: #475569;
 	margin-bottom: 30px;
 }

 .hero-image {
 	flex: 1;
 	display: flex;
 	justify-content: center;
 	position: relative;
 }

 .hero-phone {
 	width: 300px;
 	border-radius: 30px;
 	box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
 	z-index: 10;
 }

 .shape {
 	position: absolute;
 	z-index: 1;
 }

 .shape-1 {
 	top: -30px;
 	left: 0;
 	width: 150px;
 	opacity: 0.6;
 }

 .shape-2 {
 	bottom: -30px;
 	right: 0;
 	width: 200px;
 	opacity: 0.4;
 }

 /* 核心功能区域样式 - 优化版本标签位置 */
 .core-features {
 	padding: 100px 8%;
 	background-color: white;
 }

 .section-title {
 	text-align: center;
 	margin-bottom: 70px;
 	position: relative;
 }

 .section-title-header {
 	display: flex;
 	justify-content: center;
 	align-items: center;
 	flex-wrap: wrap;
 	gap: 25px;
 	margin-bottom: 15px;
 }

 .section-title h2 {
 	font-size: 2.5rem;
 	color: #0f172a;
 	margin: 0;
 }

 .section-title p {
 	font-size: 1.1rem;
 	color: #64748b;
 	max-width: 700px;
 	margin: 0 auto;
 }

 /* 版本标签样式 - 优化位置 */
 .version-tabs {
 	display: flex;
 	justify-content: center;
 	margin-top: 20px;
 	gap: 15px;
 }

 .version-tab {
 	background: #e2e8f0;
 	color: #64748b;
 	padding: 8px 20px;
 	border-radius: 30px;
 	font-size: 16px;
 	font-weight: 500;
 	cursor: pointer;
 	transition: all 0.3s ease;
 }

 .version-tab.active {
 	background: #2563eb;
 	color: white;
 }

 .version-tab:hover:not(.active) {
 	background: #cbd5e1;
 }

 .features-grid {
 	display: grid;
 	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
 	gap: 30px;
 	margin-top: 50px;
 }

 .feature-category {
 	background: white;
 	border-radius: 12px;
 	padding: 35px 30px;
 	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
 	transition: all 0.3s ease;
 	border: 1px solid #e2e8f0;
 }

 .feature-category:hover {
 	transform: translateY(-10px);
 	box-shadow: 0 15px 40px rgba(37, 99, 235, 0.1);
 	border-color: #dbeafe;
 }

 .feature-header {
 	display: flex;
 	align-items: center;
 	margin-bottom: 25px;
 }

 .feature-icon {
 	width: 70px;
 	height: 70px;
 	background: #dbeafe;
 	border-radius: 16px;
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	margin-right: 20px;
 }

 .feature-icon i {
 	font-size: 30px;
 	color: #2563eb;
 }

 .feature-title h3 {
 	font-size: 1.4rem;
 	color: #1e293b;
 }

 .feature-list {
 	list-style: none;
 }

 .feature-list li {
 	display: flex;
 	align-items: flex-start;
 	margin-bottom: 15px;
 	padding-bottom: 15px;
 	border-bottom: 1px solid #f1f5f9;
 }

 .feature-list li:last-child {
 	margin-bottom: 0;
 	padding-bottom: 0;
 	border-bottom: none;
 }

 .feature-list i {
 	color: #2563eb;
 	margin-right: 12px;
 	margin-top: 5px;
 	font-size: 18px;
 }

 .feature-text h4 {
 	font-size: 1.1rem;
 	margin-bottom: 5px;
 	color: #1e293b;
 }

 .feature-text p {
 	color: #64748b;
 	font-size: 0.95rem;
 }

 /* 解决方案区域 */
 .solutions {
 	padding: 100px 8%;
 	background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
 	text-align: center;
 }

 .solution-cards {
 	display: grid;
 	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
 	gap: 30px;
 	margin-top: 50px;
 }

 .solution-card {
 	background: white;
 	border-radius: 12px;
 	padding: 35px 30px;
 	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
 	transition: all 0.3s ease;
 	border: 1px solid #e2e8f0;
 }

 .solution-card:hover {
 	transform: translateY(-5px);
 	box-shadow: 0 15px 40px rgba(37, 99, 235, 0.1);
 	border-color: #dbeafe;
 }

 .solution-icon {
 	width: 80px;
 	height: 80px;
 	background: #dbeafe;
 	border-radius: 20px;
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	margin: 0 auto 25px;
 }

 .solution-icon i {
 	font-size: 36px;
 	color: #2563eb;
 }

 .solution-card h3 {
 	font-size: 1.4rem;
 	margin-bottom: 15px;
 	color: #1e293b;
 }

 .solution-card p {
 	color: #64748b;
 	margin-bottom: 20px;
 }

 /* 城市合伙人区域 */
 .partners {
 	padding: 100px 8%;
 	background: linear-gradient(135deg, #1e3a8a 0%, #2563eb 100%);
 	color: white;
 }

 .partners-content {
 	display: flex;
 	flex-wrap: wrap;
 	gap: 40px;
 	align-items: center;
 }

 .partners-text {
 	flex: 1;
 	min-width: 300px;
 }

 .partners-text h2 {
 	font-size: 2.5rem;
 	margin-bottom: 20px;
 	line-height: 1.3;
 }

 .partners-text p {
 	font-size: 1.1rem;
 	margin-bottom: 25px;
 	opacity: 0.9;
 }

 .detail-btn {
 	background: #fcd34d;
 	color: #1e293b;
 	border: none;
 	padding: 12px 30px;
 	border-radius: 8px;
 	font-weight: 600;
 	font-size: 1.1rem;
 	cursor: pointer;
 	transition: all 0.3s ease;
 	display: inline-block;
 	margin-top: 15px;
 }

 .detail-btn:hover {
 	background: #fbbf24;
 	transform: translateY(-3px);
 	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
 }

 .benefits-list {
 	list-style: none;
 	margin: 30px 0;
 }

 .benefits-list li {
 	display: flex;
 	align-items: center;
 	margin-bottom: 20px;
 	font-size: 1.1rem;
 }

 .benefits-list i {
 	color: #fcd34d;
 	margin-right: 15px;
 	font-size: 24px;
 }

 .partners-image {
 	flex: 1;
 	min-width: 300px;
 	display: flex;
 	justify-content: center;
 }

 .partners-map {
 	max-width: 100%;
 	border-radius: 15px;
 	box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.3);
 }

 .partners-form {
 	background: rgba(255, 255, 255, 0.1);
 	border-radius: 15px;
 	padding: 30px;
 	margin-top: 40px;
 	backdrop-filter: blur(10px);
 	border: 1px solid rgba(255, 255, 255, 0.2);
 }

 .form-title {
 	font-size: 1.6rem;
 	margin-bottom: 25px;
 	text-align: center;
 }

 .form-grid {
 	display: grid;
 	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
 	gap: 20px;
 	margin-bottom: 20px;
 }

 .form-group {
 	margin-bottom: 15px;
 }

 .form-group label {
 	display: block;
 	margin-bottom: 8px;
 	font-weight: 500;
 }

 .form-group input,
 .form-group select,
 .form-group textarea {
 	width: 100%;
 	padding: 14px;
 	border: none;
 	border-radius: 8px;
 	background: rgba(255, 255, 255, 0.9);
 	font-family: 'Noto Sans SC', sans-serif;
 	font-size: 16px;
 }

 .form-group textarea {
 	height: 120px;
 	resize: vertical;
 }

 .partners-btn {
 	background: #fcd34d;
 	color: #1e293b;
 	border: none;
 	padding: 15px 30px;
 	border-radius: 8px;
 	font-weight: 600;
 	font-size: 1.1rem;
 	cursor: pointer;
 	transition: all 0.3s ease;
 	display: block;
 	width: 100%;
 	max-width: 300px;
 	margin: 30px auto 0;
 	text-align: center;
 }

 .partners-btn:hover {
 	background: #fbbf24;
 	transform: translateY(-3px);
 	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
 }

 /* 微信小程序体验区域 */
 .wx-app {
 	padding: 100px 8%;
 	background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
 	color: #0f172a;
 	text-align: center;
 }

 .wx-app-content {
 	display: flex;
 	align-items: center;
 	justify-content: space-between;
 	max-width: 1200px;
 	margin: 0 auto;
 }

 .wx-app-text {
 	flex: 1;
 	text-align: left;
 	padding-right: 50px;
 }

 .wx-app-text h2 {
 	font-size: 2.8rem;
 	margin-bottom: 20px;
 }

 .wx-app-text p {
 	font-size: 1.2rem;
 	opacity: 0.9;
 	margin-bottom: 30px;
 	line-height: 1.8;
 }

 .wx-app-image {
 	flex: 0 0 auto;
 	background: white;
 	padding: 25px;
 	border-radius: 20px;
 	box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08);
 }

 .qrcode {
 	width: 220px;
 	height: 220px;
 	background: #f1f5f9;
 	border-radius: 12px;
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	margin: 0 auto;
 	border: 1px dashed #cbd5e1;
 }

 .qrcode i {
 	font-size: 60px;
 	color: #2563eb;
 }

 .wx-app-image p {
 	margin-top: 20px;
 	font-weight: 500;
 	color: #475569;
 }

 /* 用户评价样式 */
 .testimonials {
 	padding: 100px 8%;
 	background-color: #f8fafc;
 }

 .testimonial-cards {
 	display: grid;
 	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
 	gap: 30px;
 	margin-top: 50px;
 }

 .testimonial-card {
 	background: white;
 	border-radius: 12px;
 	padding: 30px;
 	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
 	border: 1px solid #e2e8f0;
 }

 .testimonial-header {
 	display: flex;
 	align-items: center;
 	margin-bottom: 20px;
 }

 .testimonial-avatar {
 	width: 60px;
 	height: 60px;
 	border-radius: 50%;
 	background: #e2e8f0;
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	font-size: 24px;
 	color: #64748b;
 	margin-right: 15px;
 }

 .testimonial-info h4 {
 	font-size: 18px;
 	color: #1e293b;
 }

 .testimonial-info p {
 	color: #64748b;
 	font-size: 14px;
 }

 .testimonial-content p {
 	color: #475569;
 	font-style: italic;
 	line-height: 1.8;
 }

 .rating {
 	color: #f59e0b;
 	margin: 15px 0;
 }

 /* 底部样式 */
 .footer {
 	background: #0f172a;
 	color: white;
 	padding: 70px 8% 40px;
 }

 .footer-content {
 	display: grid;
 	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
 	gap: 40px;
 	margin-bottom: 50px;
 }

 .footer-column h3 {
 	font-size: 18px;
 	margin-bottom: 25px;
 	position: relative;
 	padding-bottom: 10px;
 }

 .footer-column h3::after {
 	content: '';
 	position: absolute;
 	bottom: 0;
 	left: 0;
 	width: 40px;
 	height: 2px;
 	background: #2563eb;
 }

 .footer-links {
 	list-style: none;
 }

 .footer-links li {
 	margin-bottom: 12px;
 }

 .footer-links a {
 	text-decoration: none;
 	color: #cbd5e1;
 	transition: all 0.3s ease;
 }

 .footer-links a:hover {
 	color: #60a5fa;
 	padding-left: 5px;
 }

 .copyright {
 	text-align: center;
 	padding-top: 30px;
 	border-top: 1px solid #1e293b;
 	color: #94a3b8;
 	font-size: 14px;
 }

 /* 响应式设计 */
 @media (max-width: 900px) {
 	.hero {
 		flex-direction: column;
 		padding-top: 140px;
 		text-align: center;
 	}

 	.hero-content {
 		max-width: 100%;
 		margin-bottom: 60px;
 	}

 	.nav-links {
 		display: none;
 	}

 	.wx-app-content {
 		flex-direction: column;
 		text-align: center;
 	}

 	.wx-app-text {
 		padding-right: 0;
 		margin-bottom: 40px;
 		text-align: center;
 	}

 	.feature-header {
 		flex-direction: column;
 		text-align: center;
 	}

 	.feature-icon {
 		margin-right: 0;
 		margin-bottom: 20px;
 	}

 	.partners-content {
 		flex-direction: column;
 		text-align: center;
 	}

 	.benefits-list {
 		text-align: left;
 	}

 	.benefits-list li {
 		justify-content: center;
 	}

 	/* 响应式调整：标题和标签垂直堆叠 */
 	.section-title-header {
 		flex-direction: column;
 		gap: 15px;
 	}
 }

 @media (max-width: 600px) {
 	.hero-content h2 {
 		font-size: 2.5rem;
 	}

 	.section-title h2 {
 		font-size: 2rem;
 	}

 	.wx-app-text h2 {
 		font-size: 2.2rem;
 	}

 	.feature-list li {
 		flex-direction: column;
 	}

 	.feature-list i {
 		margin-bottom: 10px;
 	}

 	.partners-text h2 {
 		font-size: 2rem;
 	}

 	/* 响应式调整：标签垂直排列 */
 	.version-tabs {
 		flex-direction: column;
 		align-items: center;
 	}
 }