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

			body {
				font-family: 'PingFang SC', 'Microsoft YaHei', Arial, sans-serif;
				line-height: 1.6;
				color: #333;
				background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
				min-height: 100vh;
			}

			a {
				text-decoration: none;
				color: inherit;
			}

			.container {
				max-width: 1200px;
				margin: 0 auto;
				padding: 0 20px;
			}

			.header {
				padding: 60px 0 40px;
				text-align: center;
			}

			.logo {
				width: 80px;
				height: 80px;
				margin: 0 auto 20px;
				border-radius: 16px;
				box-shadow: 0 8px 20px rgba(102, 126, 234, 0.2);
				display: flex;
				justify-content: center;
				align-items: center;
			}

			.logo-text {
				color: white;
				font-size: 28px;
				font-weight: bold;
			}

			.app-title {
				font-size: 32px;
				font-weight: bold;
				margin-bottom: 10px;
				color: #333;
			}

			.app-slogan {
				font-size: 18px;
				color: #666;
				margin-bottom: 30px;
			}

			/* 应用展示区域 */
			.showcase {
				display: flex;
				flex-wrap: wrap;
				justify-content: center;
				gap: 40px;
				margin-bottom: 80px;
			}

			.phone-mockup {
				position: relative;
				width: 280px;
				height: 560px;
				background-color: #fff;
				border-radius: 40px;
				box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
				padding: 12px;
				transform: rotate(3deg);
				transition: transform 0.3s ease;
			}

			.phone-mockup:hover {
				transform: rotate(0) scale(1.02);
			}

			.phone-screen {
				width: 100%;
				height: 100%;
				background-color: #f9f9f9;
				border-radius: 28px;
				overflow: hidden;
				position: relative;
			}

			.phone-screen img {
				width: 100%;
				height: 100%;
				object-fit: cover;
			}

			.phone-notch {
				position: absolute;
				top: 12px;
				left: 50%;
				transform: translateX(-50%);
				width: 140px;
				height: 28px;
				background-color: #fff;
				border-radius: 0 0 14px 14px;
				z-index: 10;
			}

			.app-features {
				flex: 1;
				max-width: 500px;
				display: flex;
				flex-direction: column;
				justify-content: center;
			}

			.feature {
				display: flex;
				margin-bottom: 30px;
				opacity: 0;
				transform: translateY(20px);
				transition: all 0.6s ease;
			}

			.feature.visible {
				opacity: 1;
				transform: translateY(0);
			}

			.feature-icon {
				min-width: 50px;
				height: 50px;
				border-radius: 12px;
				background-color: rgba(102, 126, 234, 0.1);
				display: flex;
				justify-content: center;
				align-items: center;
				margin-right: 20px;
			}

			.feature-icon i {
				font-size: 24px;
				color: #667eea;
			}

			.feature-content h3 {
				font-size: 20px;
				margin-bottom: 8px;
				color: #333;
			}

			.feature-content p {
				font-size: 16px;
				color: #666;
			}

			.download-area {
				text-align: center;
				margin-bottom: 80px;
			}

			.download-stats {
				display: flex;
				justify-content: center;
				gap: 40px;
				margin-bottom: 40px;
			}

			.stat-item {
				padding: 15px 25px;
				background-color: rgba(255, 255, 255, 0.7);
				border-radius: 12px;
				box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05);
				min-width: 150px;
			}

			.stat-number {
				font-size: 24px;
				font-weight: bold;
				color: #667eea;
			}

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

			.download-buttons {
				display: flex;
				justify-content: center;
				gap: 20px;
				flex-wrap: wrap;
			}

			.download-btn {
				display: flex;
				align-items: center;
				padding: 12px 25px;
				border-radius: 25px;
				background-color: #667eea;
				color: white;
				font-size: 16px;
				transition: all 0.3s ease;
				box-shadow: 0 8px 16px rgba(102, 126, 234, 0.2);
			}

			.download-btn:hover {
				background-color: #5a6edf;
				transform: translateY(-2px);
				box-shadow: 0 12px 24px rgba(102, 126, 234, 0.3);
			}

			.download-btn i {
				font-size: 20px;
				margin-right: 10px;
			}

			.app-store-btn {
				background-color: #333;
			}

			.app-store-btn:hover {
				background-color: #222;
			}

			/* 用户评价区域 */
			.testimonials {
				margin-bottom: 80px;
				text-align: center;
			}

			.section-title {
				font-size: 28px;
				font-weight: bold;
				margin-bottom: 50px;
				color: #333;
			}

			.testimonial-cards {
				display: flex;
				flex-wrap: wrap;
				justify-content: center;
				gap: 30px;
			}

			.testimonial-card {
				max-width: 350px;
				padding: 25px;
				background-color: rgba(255, 255, 255, 0.8);
				border-radius: 16px;
				box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05);
				text-align: left;
				opacity: 0;
				transform: translateY(20px);
				transition: all 0.6s ease;
			}

			.testimonial-card.visible {
				opacity: 1;
				transform: translateY(0);
			}

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

			.testimonial-avatar {
				width: 50px;
				height: 50px;
				border-radius: 50%;
				overflow: hidden;
				margin-right: 15px;
			}

			.testimonial-avatar img {
				width: 100%;
				height: 100%;
				object-fit: cover;
			}

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

			.testimonial-rating {
				color: #f9ca24;
				font-size: 14px;
			}

			.testimonial-content {
				font-size: 16px;
				color: #666;
			}

			/* 页脚 */
			.footer {
				text-align: center;
				padding: 30px 0;
				color: #999;
				font-size: 14px;
			}

			/* 响应式设计 */
			@media (max-width: 768px) {
				.header {
					padding: 40px 0 30px;
				}

				.app-title {
					font-size: 28px;
				}

				.app-slogan {
					font-size: 16px;
				}

				.showcase {
					margin-bottom: 60px;
				}

				.phone-mockup {
					width: 240px;
					height: 480px;
				}

				.app-features {
					max-width: 100%;
				}

				.download-stats {
					display: flex;
					align-items: center;
					flex-direction: column;
					gap: 15px;
				}

				.stat-item {
					width: 85%;
					max-width: 280px;
				}

				.download-buttons {
					flex-direction: column;
					align-items: center;
				}

				.download-btn {
					width: 80%;
					justify-content: center;
				}

				.testimonial-cards {
					gap: 20px;
				}

				.section-title {
					font-size: 24px;
					margin-bottom: 40px;
				}
			}

			@media (max-width: 768px) {
				.header {
					padding: 30px 0 20px;
				}

				.app-title {
					font-size: 24px;
				}

				.app-slogan {
					font-size: 14px;
				}

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

				.phone-mockup {
					transform: rotate(0);
					margin-bottom: 30px;
					width: 220px;
					height: 440px;
				}

				.feature {
					width: 100%;
					padding: 0 10px;
				}

				.download-stats {
					flex-direction: column;
					gap: 15px;
				}

				.stat-item {
					width: 80%;
				}

				.download-buttons {
					flex-direction: column;
					align-items: center;
				}

				.download-btn {
					width: 85%;
					padding: 15px;
					margin-bottom: 10px;
				}

				.testimonial-cards {
					flex-direction: column;
					align-items: center;
				}

				.testimonial-card {
					width: 90%;
				}
			}

			@media (max-width: 480px) {
				.phone-mockup {
					width: 200px;
					height: 400px;
				}

				.feature-content h3 {
					font-size: 18px;
				}

				.stat-item {
					min-width: auto;
					padding: 12px;
				}
			}