﻿body {
			padding-top: 0;
		}


		/* Hero Section */
		.hero {
			position: relative;
			height: 100vh;
			margin-top: 0;
			padding-top: 80px;
			background-image: url('../picture/banner-hero.jpg');
			background-repeat: no-repeat;
			background-size: cover;
			background-position: center;
			display: flex;
			align-items: center;
			text-align: center;
			color: white;
		}

		@media (min-width: 769px) {
			body {
				padding-top: 0;
			}

			.hero {
				margin-top: 0;
				padding-top: calc(var(--desktop-header-height) + 10px);
			}
		}

		.hero-overlay {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			/* background: rgba(0, 0, 0, 0.6); */
		}

		.hero-content {
			position: relative;
			z-index: 2;
			max-width: 800px;
			margin: 0 auto;
			padding: 0 20px;
		}

		.hero h1 {
			font-size: 3.5rem;
			font-weight: 700;
			margin-bottom: 1.5rem;
			line-height: 1.2;
		}

		.hero p {
			font-size: 1.1rem;
			margin-bottom: 2rem;
			opacity: 0.9;
		}

		/* Scams Section */
		.scams-section {
			padding: 80px 0;
			background: #ffffff;
		}

		.section-title {
			font-size: 2.2rem;
			color: #2c3e50;
			margin-bottom: 60px;
			position: relative;
			font-weight: 600;
			text-align: center;
		}

		.section-subtitle {
			font-size: 1.0rem;
			color: #2c3e50;
			margin-bottom: 60px;
			position: relative;
			font-weight: 600;
			text-align: center;
		}

		.scams-grid {
			display: grid;
			grid-template-columns: repeat(3, 1fr);
			gap: 30px;
			margin-bottom: 30px;
		}

		.scam-item {
			padding: 20px;
			border-radius: 8px;
			background: #fff;
			transition: all 0.3s ease;
		}

		.scam-item:hover {
			box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
		}

		.scam-number {
			font-size: 2.5rem;
			color: rgba(74, 222, 128, 0.6);
			font-weight: 700;
			margin-bottom: 15px;
		}

		.scam-title {
			font-size: 1.3rem;
			color: #2c3e50;
			font-weight: 600;
			margin-bottom: 15px;
		}

		.scam-description {
			color: #666;
			line-height: 1.6;
			font-size: 0.95rem;
		}

		.scam-feature {
			display: flex;
			align-items: center;
			margin-top: 15px;
			font-size: 0.9rem;
		}

		.scam-feature svg {
			color: #4ADE80;
			margin-right: 10px;
			flex-shrink: 0;
		}

		/* Stats Section */
		.stats-section {
			padding: 60px 0;
			background: #ffffff;
			text-align: center;
		}

		.stats-grid {
			display: flex;
			justify-content: center;
			gap: 80px;
		}

		.stat-item {
			text-align: center;
		}

		.stat-number {
			font-size: 3rem;
			font-weight: 700;
			color: #2c3e50;
			margin-bottom: 10px;
		}

		.stat-label {
			font-size: 1rem;
			color: #666;
			text-transform: uppercase;
			letter-spacing: 1px;
		}

		/* Green CTA Section */
		.green-cta {
			padding: 80px 0;
			background: #3EA74C;
			color: #fff;
			text-align: center;
		}

		.green-cta h2 {
			font-size: 2.5rem;
			color: #fff;
			margin-bottom: 20px;
			font-weight: 700;
		}

		.green-cta p {
			font-size: 1.1rem;
			margin-bottom: 30px;
			max-width: 800px;
			margin-left: auto;
			margin-right: auto;
		}

		.green-cta .btn {
			background: #fff;
			color: #4ADE80;
		}

		.green-cta .btn:hover {
			background: #f0f0f0;
		}

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

		.green-cta-text {
			flex: 1;
			text-align: left;
			padding-right: 40px;
		}

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

		.green-cta-image img {
			max-width: 100%;
			height: auto;
		}

		/* Services Section */
		.services-section {
			padding: 80px 0;
			background: #ffffff;
		}

		.services-grid {
			display: grid;
			grid-template-columns: repeat(3, 1fr);
			gap: 30px;
			margin-bottom: 30px;
		}

		.service-item {
			padding: 20px;
			border-radius: 8px;
			background: #fff;
			transition: all 0.3s ease;
		}

		.service-item:hover {
			box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
		}

		.service-number {
			font-size: 2rem;
			color: rgba(74, 222, 128, 0.6);
			font-weight: 700;
			margin-bottom: 15px;
		}

		.service-title {
			font-size: 1.3rem;
			color: #2c3e50;
			font-weight: 600;
			margin-bottom: 15px;
		}

		.service-description {
			color: #666;
			line-height: 1.6;
			font-size: 0.95rem;
		}

		/* Process Section - 更新样式以匹配原网站 */
		.process-section {
			padding: 80px 0;
			background: #ffffff;
		}

		.process-steps {
			display: grid;
			grid-template-columns: repeat(2, 1fr);
			gap: 40px;
			margin-top: 50px;
			position: relative;
		}

		/* 移除连接线 */
		.process-steps::before {
			display: none;
		}

		.process-step {
			position: relative;
			z-index: 2;
			text-align: left;
			width: 100%;
			display: flex;
			align-items: flex-start;
			gap: 20px;
		}

		.step-number {
			width: 60px;
			height: 60px;
			background: #4ADE80;
			color: white;
			border-radius: 50%;
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: 1.5rem;
			font-weight: bold;
			margin: 0;
			flex-shrink: 0;
		}

		.step-content {
			flex: 1;
		}

		.process-step h3 {
			font-size: 1.2rem;
			margin-bottom: 15px;
			color: #2c3e50;
			margin-top: 0;
		}

		.process-step p {
			font-size: 0.9rem;
			color: #666;
			line-height: 1.6;
		}

		/* Team Section */
		.team-section {
			padding: 80px 0;
			background: #ffffff;
		}

		.team-grid {
			display: grid;
			grid-template-columns: repeat(4, 1fr);
			gap: 30px;
		}

		.team-member {
			text-align: center;
		}

		.team-member img {
			height: 280px;
			width: 100%;
			object-fit: cover;
			object-position: top;
			border-radius: 8px;
			margin-bottom: 15px;
		}

		.team-member h3 {
			font-size: 1.2rem;
			color: #2c3e50;
			margin-bottom: 5px;
		}

		.team-member p {
			font-size: 0.9rem;
			color: #666;
		}

		/* Testimonials Section */
		.testimonials-section {
			background: #ffffff;
		}

		.testimonials-grid {
			display: grid;
			grid-template-columns: repeat(3, 1fr);
			gap: 30px;
		}

		.testimonial {
			text-align: center;
			padding: 20px;
		}

		.testimonial img {
			width: 80px;
			height: 80px;
			border-radius: 50%;
			margin-bottom: 15px;
		}

		.testimonial-text {
			font-style: italic;
			margin-bottom: 15px;
			color: #666;
			font-size: 0.95rem;
		}

		.testimonial-author {
			font-weight: 600;
			color: #2c3e50;
			font-size: 1rem;
		}

		.testimonial-rating {
			color: #FFD700;
			margin-top: 10px;
		}

		/* CTA Section */
		.cta-section {
			padding: 60px 0;
			background: #f8f9fa;
			text-align: center;
		}

		.cta-container {
			display: flex;
			justify-content: space-between;
			align-items: center;
			background: #fff;
			border-radius: 10px;
			box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
			padding: 20px;
		}

		.cta-text {
			text-align: left;
			flex: 1;
		}

		.cta-text h2 {
			font-size: 1.8rem;
			color: #2c3e50;
			margin-bottom: 15px;
		}

		.cta-text p {
			color: #666;
			margin-bottom: 20px;
		}

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

		/* FAQ Section */
		.faq-section {
			padding: 80px 0;
			background: #ffffff;
		}

		.faq-container {
			max-width: 800px;
			margin: 0 auto;
		}

		.faq-item {
			margin-bottom: 20px;
			border: 1px solid #eee;
			border-radius: 10px;
			overflow: hidden;
		}

		.faq-question {
			padding: 20px;
			background: #f8f9fa;
			cursor: pointer;
			font-weight: 600;
			display: flex;
			justify-content: space-between;
			align-items: center;
		}

		.faq-question:hover {
			background: #f1f1f1;
		}

		.faq-answer {
			padding: 0 20px;
			max-height: 0;
			overflow: hidden;
			transition: all 0.3s ease;
		}

		.faq-answer.active {
			padding: 20px;
			max-height: 300px;
		}

		

		/* Responsive Design */
		@media (max-width: 992px) {

			.scams-grid,
			.services-grid {
				grid-template-columns: repeat(2, 1fr);
			}

			.team-grid {
				grid-template-columns: repeat(2, 1fr);
			}

			.testimonials-grid {
				grid-template-columns: repeat(2, 1fr);
			}

			.green-cta-content {
				flex-direction: column;
			}

			.green-cta-text {
				padding-right: 0;
				margin-bottom: 30px;
				text-align: center;
			}
		}

		@media (max-width: 768px) {
			.mobile-menu-toggle {
				display: block;
			}

			.desktop-cta {
				display: none;
			}

			.hero h1 {
				font-size: 2.5rem;
			}

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

			.scams-grid,
			.services-grid {
				grid-template-columns: 1fr;
			}

			.stats-grid {
				flex-direction: column;
				gap: 30px;
			}

			.process-steps {
				display: grid;
				grid-template-columns: 1fr;
				gap: 40px;
			}

			.process-steps::before {
				display: none;
			}

			.process-step {
				width: 100%;
				margin-bottom: 40px;
			}

			.team-grid {
				grid-template-columns: 1fr;
			}

			.testimonials-grid {
				grid-template-columns: 1fr;
			}

			.cta-container {
				flex-direction: column;
			}

			.cta-text {
				text-align: left;
				margin-bottom: 30px;
			}

			.cta-form {
				text-align: center;
			}
		}

		@media (max-width: 480px) {
			.hero h1 {
				font-size: 2rem;
			}

			.hero p {
				font-size: 1rem;
			}

			.mobile-nav {
				width: 100%;
			}

			.btn-lg {
				padding: 12px 24px;
				font-size: 14px;
			}
		}

		/* Slider Navigation */
		.slider-nav {
			position: absolute;
			top: 50%;
			transform: translateY(-50%);
			background: rgba(255, 255, 255, 0.1);
			border: 1px solid rgba(255, 255, 255, 0.3);
			color: white;
			width: 50px;
			height: 50px;
			border-radius: 50%;
			display: flex;
			align-items: center;
			justify-content: center;
			cursor: pointer;
			transition: all 0.3s ease;
			z-index: 10;
			font-size: 24px;
		}

		.slider-nav:hover {
			background: rgba(255, 255, 255, 0.2);
		}

		.slider-nav.prev {
			left: 10px;
		}

		.slider-nav.next {
			right: 10px;
		}

		.slider {
			position: relative;
			height: 100%;
			z-index: 2;
		}

		/* Hero Section - 修复 slider 居中问题 */
		.slider-container {
			position: relative;
			width: 100%;
			height: 100%;
		}

		.slide {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			opacity: 0;
			transition: opacity 0.5s ease-in-out;
			display: flex;
			align-items: center;
			justify-content: center;
		}

		.slide.active {
			opacity: 1;
		}

		.slide .hero-content {
			position: relative;
			z-index: 2;
			max-width: 800px;
			margin: 0 auto;
			padding: 0 20px;
			text-align: center;
		}