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

			:root {
				--primary: #2563eb;
				--primary-dark: #1e40af;
				--secondary: #10b981;
				--accent: #f59e0b;
				--dark: #1f2937;
				--darker: #111827;
				--light: #f9fafb;
				--border: #e5e7eb;
			}

			body {
				font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
				line-height: 1.7;
				color: #374151;
				background: #fff;
			}

			/* 顶部公告栏 */
			.announcement {
				background: linear-gradient(90deg, var(--primary), var(--primary-dark));
				color: #fff;
				text-align: center;
				padding: 0.8rem 1rem;
				font-size: 0.95rem;
				font-weight: 500;
			}

			.announcement a {
				color: #fbbf24;
				text-decoration: none;
				font-weight: 700;
				border-bottom: 2px solid #fbbf24;
			}

			/* 导航栏 */
			.navbar {
				background: #fff;
				box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
				position: sticky;
				top: 0;
				z-index: 999;
			}

			.nav-container {
				max-width: 1280px;
				margin: 0 auto;
				padding: 1rem 2rem;
				display: flex;
				justify-content: space-between;
				align-items: center;
			}

			.brand {
				font-size: 1.8rem;
				font-weight: 900;
				color: var(--primary);
				text-decoration: none;
				letter-spacing: -0.5px;
			}

			.nav-menu {
				display: none;
				list-style: none;
			}

			.nav-menu.active {
				display: block;
				position: absolute;
				top: 100%;
				left: 0;
				right: 0;
				background: #fff;
				box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
				padding: 1rem 0;
			}

			.nav-menu li {
				margin: 0;
			}

			.nav-menu a {
				display: block;
				padding: 1rem 2rem;
				color: var(--dark);
				text-decoration: none;
				font-weight: 600;
				transition: all 0.3s;
			}

			.nav-menu a:hover {
				background: var(--light);
				color: var(--primary);
				padding-left: 2.5rem;
			}

			.menu-btn {
				display: block;
				background: none;
				border: none;
				cursor: pointer;
				padding: 0.5rem;
			}

			.menu-btn span {
				display: block;
				width: 28px;
				height: 3px;
				background: var(--dark);
				margin: 5px 0;
				transition: 0.3s;
				border-radius: 3px;
			}

			/* 英雄横幅 */
			.hero {
				background: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%);
				color: #fff;
				padding: 4rem 2rem;
				text-align: center;
				position: relative;
				overflow: hidden;
			}

			.hero::before {
				content: '';
				position: absolute;
				top: 0;
				left: 0;
				right: 0;
				bottom: 0;
				background: url('../static/images/7.webp') center/cover;
				opacity: 0.15;
				z-index: 0;
			}

			.hero-content {
				max-width: 900px;
				margin: 0 auto;
				position: relative;
				z-index: 1;
			}

			.hero h1 {
				font-size: 2.5rem;
				font-weight: 900;
				margin-bottom: 1.5rem;
				line-height: 1.2;
				text-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
			}

			.hero p {
				font-size: 1.25rem;
				margin-bottom: 2.5rem;
				opacity: 0.95;
			}

			.hero-buttons {
				display: flex;
				flex-direction: column;
				gap: 1rem;
				max-width: 400px;
				margin: 0 auto;
			}

			.btn {
				padding: 1rem 2rem;
				font-size: 1.1rem;
				font-weight: 700;
				text-decoration: none;
				border-radius: 8px;
				transition: all 0.3s;
				display: inline-block;
				text-align: center;
			}

			.btn-primary {
				background: #fff;
				color: var(--primary);
				box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
			}

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

			.btn-outline {
				background: transparent;
				color: #fff;
				border: 2px solid #fff;
			}

			.btn-outline:hover {
				background: #fff;
				color: var(--primary);
			}

			/* 容器 */
			.container {
				max-width: 1280px;
				margin: 0 auto;
				padding: 0 2rem;
			}

			/* 区块标题 */
			.section {
				padding: 5rem 2rem;
			}

			.section-header {
				text-align: center;
				margin-bottom: 3rem;
			}

			.section-title {
				font-size: 2.5rem;
				font-weight: 900;
				color: var(--dark);
				margin-bottom: 1rem;
			}

			.section-desc {
				font-size: 1.15rem;
				color: #6b7280;
				max-width: 700px;
				margin: 0 auto;
			}

			/* 信息卡片网格 */
			.info-grid {
				display: grid;
				grid-template-columns: 1fr;
				gap: 2rem;
				margin-bottom: 3rem;
			}

			.info-card {
				background: #fff;
				border-radius: 16px;
				overflow: hidden;
				box-shadow: 0 4px 6px rgba(0, 0, 0, 0.07);
				transition: all 0.3s;
				border: 1px solid var(--border);
			}

			.info-card:hover {
				box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
				transform: translateY(-5px);
			}

			.card-img {
				width: 100%;
				height: 240px;
				object-fit: cover;
			}

			.card-body {
				padding: 2rem;
			}

			.card-title {
				font-size: 1.5rem;
				font-weight: 800;
				color: var(--dark);
				margin-bottom: 1rem;
			}

			.card-text {
				color: #4b5563;
				line-height: 1.8;
				margin-bottom: 1.5rem;
			}

			.card-list {
				list-style: none;
				margin-bottom: 1.5rem;
			}

			.card-list li {
				padding: 0.6rem 0;
				padding-left: 1.8rem;
				position: relative;
				color: #374151;
			}

			.card-list li::before {
				content: '✓';
				position: absolute;
				left: 0;
				color: var(--secondary);
				font-weight: 900;
				font-size: 1.2rem;
			}

			.card-link {
				color: var(--primary);
				text-decoration: none;
				font-weight: 700;
				display: inline-flex;
				align-items: center;
				transition: 0.3s;
			}

			.card-link:hover {
				color: var(--primary-dark);
				gap: 0.5rem;
			}

			/* 特色区块 */
			.features {
				background: var(--light);
			}

			.feature-box {
				background: #fff;
				padding: 2rem;
				border-radius: 12px;
				text-align: center;
				box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
				transition: 0.3s;
				height: 100%;
			}

			.feature-box:hover {
				box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
			}

			.feature-icon {
				font-size: 3rem;
				margin-bottom: 1rem;
			}

			.feature-title {
				font-size: 1.3rem;
				font-weight: 700;
				color: var(--dark);
				margin-bottom: 0.8rem;
			}

			.feature-desc {
				color: #6b7280;
				line-height: 1.7;
			}

			/* 产品展示 */
			.products {
				background: #fff;
			}

			.product-item {
				background: linear-gradient(135deg, #f9fafb 0%, #fff 100%);
				border-radius: 20px;
				overflow: hidden;
				box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
				margin-bottom: 2rem;
				border: 2px solid var(--border);
			}

			.product-banner {
				background: linear-gradient(135deg, var(--primary), var(--primary-dark));
				color: #fff;
				padding: 1.5rem 2rem;
				text-align: center;
			}

			.product-banner h3 {
				font-size: 1.8rem;
				font-weight: 900;
				margin-bottom: 0.5rem;
			}

			.product-tag {
				display: inline-block;
				background: rgba(255, 255, 255, 0.2);
				padding: 0.4rem 1rem;
				border-radius: 20px;
				font-size: 0.9rem;
				font-weight: 600;
			}

			.product-image-box {
				padding: 2rem;
				text-align: center;
				background: #fff;
			}

			.product-image-box img {
				max-width: 100%;
				height: 280px;
				object-fit: contain;
			}

			.product-info {
				padding: 2rem;
			}

			.product-desc {
				font-size: 1.05rem;
				color: #4b5563;
				margin-bottom: 1.5rem;
				line-height: 1.8;
			}

			.product-features {
				background: #f9fafb;
				border-radius: 12px;
				padding: 1.5rem;
				margin-bottom: 1.5rem;
			}

			.product-features h4 {
				color: var(--dark);
				margin-bottom: 1rem;
				font-size: 1.1rem;
			}

			.product-features ul {
				list-style: none;
			}

			.product-features li {
				padding: 0.5rem 0;
				color: #374151;
			}

			.product-actions {
				display: flex;
				gap: 1rem;
			}

			.btn-buy {
				flex: 1;
				background: var(--primary);
				color: #fff;
			}

			.btn-buy:hover {
				background: var(--primary-dark);
				transform: translateY(-2px);
			}

			.btn-consult {
				flex: 1;
				background: var(--secondary);
				color: #fff;
			}

			.btn-consult:hover {
				background: #059669;
				transform: translateY(-2px);
			}

			/* 统计数据 */
			.stats {
				background: var(--dark);
				color: #fff;
				text-align: center;
				padding: 4rem 2rem;
			}

			.stats-grid {
				display: grid;
				grid-template-columns: 1fr;
				gap: 2rem;
				max-width: 1000px;
				margin: 0 auto;
			}

			.stat-box {
				padding: 2rem;
			}

			.stat-number {
				font-size: 3.5rem;
				font-weight: 900;
				color: var(--accent);
				margin-bottom: 0.5rem;
			}

			.stat-label {
				font-size: 1.1rem;
				opacity: 0.9;
			}

			/* FAQ */
			.faq {
				background: var(--light);
			}

			.faq-list {
				max-width: 900px;
				margin: 0 auto;
			}

			.faq-box {
				background: #fff;
				border-radius: 12px;
				padding: 2rem;
				margin-bottom: 1.5rem;
				box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
				border-left: 4px solid var(--primary);
			}

			.faq-q {
				font-size: 1.2rem;
				font-weight: 700;
				color: var(--dark);
				margin-bottom: 1rem;
			}

			.faq-a {
				color: #4b5563;
				line-height: 1.9;
			}

			/* CTA区块 */
			.cta {
				background: linear-gradient(135deg, var(--primary), var(--primary-dark));
				color: #fff;
				text-align: center;
				padding: 5rem 2rem;
			}

			.cta h2 {
				font-size: 2.5rem;
				font-weight: 900;
				margin-bottom: 1rem;
			}

			.cta p {
				font-size: 1.2rem;
				margin-bottom: 2rem;
				opacity: 0.95;
			}

			.cta .btn {
				background: #fff;
				color: var(--primary);
				font-size: 1.2rem;
				padding: 1.2rem 3rem;
			}

			.cta .btn:hover {
				transform: translateY(-3px);
				box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
			}

			/* 合作伙伴 */
			.partners {
				padding: 3rem 2rem;
				background: #fff;
			}

			.partners h3 {
				text-align: center;
				color: var(--dark);
				margin-bottom: 2rem;
				font-size: 1.5rem;
			}

			.partner-grid {
				display: grid;
				grid-template-columns: 1fr;
				gap: 1rem;
				max-width: 1000px;
				margin: 0 auto;
			}

			.partner-link {
				display: block;
				padding: 1rem 1.5rem;
				background: var(--light);
				border-radius: 8px;
				text-align: center;
				text-decoration: none;
				color: var(--dark);
				font-weight: 600;
				transition: 0.3s;
			}

			.partner-link:hover {
				background: var(--primary);
				color: #fff;
				transform: translateX(5px);
			}

			/* 页脚 */
			footer {
				background: var(--darker);
				color: #9ca3af;
				padding: 3rem 2rem 2rem;
			}

			.footer-content {
				max-width: 1280px;
				margin: 0 auto;
				text-align: center;
			}

			.footer-nav {
				display: flex;
				flex-wrap: wrap;
				justify-content: center;
				gap: 2rem;
				margin-bottom: 2rem;
			}

			.footer-nav a {
				color: #9ca3af;
				text-decoration: none;
				transition: 0.3s;
			}

			.footer-nav a:hover {
				color: #fff;
			}

			.footer-info {
				padding-top: 2rem;
				border-top: 1px solid #374151;
				font-size: 0.9rem;
			}

			/* 响应式 */
			@media (min-width: 768px) {
				.nav-menu {
					display: flex;
					position: static;
					box-shadow: none;
					padding: 0;
					background: transparent;
				}

				.nav-menu li {
					margin-left: 2rem;
				}

				.nav-menu a {
					padding: 0.5rem 1rem;
				}

				.nav-menu a:hover {
					padding-left: 1rem;
					background: transparent;
				}

				.menu-btn {
					display: none;
				}

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

				.hero-buttons {
					flex-direction: row;
					justify-content: center;
					max-width: none;
				}

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

				.stats-grid {
					grid-template-columns: repeat(3, 1fr);
				}

				.partner-grid {
					grid-template-columns: repeat(3, 1fr);
				}
			}

			@media (min-width: 1024px) {
				.info-grid {
					grid-template-columns: repeat(3, 1fr);
				}

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

				.partner-grid {
					grid-template-columns: repeat(5, 1fr);
				}
			}