/* --- 全局与基础样式 --- */
			:root {
				--primary-color: #0d1e3a;
				/* 深蓝 */
				--secondary-color: #4a90e2;
				/* 亮蓝 */
				--accent-color: #f7931a;
				/* 橙色 (CTA) */
				--text-color: #333;
				--bg-light: #ffffff;
				--bg-dark: #f4f7f9;
			}

			body {
				font-family: 'Microsoft YaHei', 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
				line-height: 1.7;
				margin: 0;
				background-color: var(--bg-dark);
				color: var(--text-color);
			}

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

			section {
				padding: 60px 0;
			}

			h1,
			h2,
			h3 {
				color: var(--primary-color);
				font-weight: 700;
			}

			h2 {
				text-align: center;
				font-size: 2.2em;
				margin-bottom: 40px;
			}

			a {
				color: var(--secondary-color);
				text-decoration: none;
				font-weight: 600;
				transition: color 0.3s;
			}

			a:hover {
				color: var(--accent-color);
			}

			img {
				max-width: 100%;
				height: auto;
				display: block;
			}

			/* --- 导航栏 --- */
			.navbar {
				background-color: var(--bg-light);
				box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
				padding: 15px 0;
				position: sticky;
				top: 0;
				z-index: 1000;
			}

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

			.logo {
				font-size: 1.5em;
				font-weight: bold;
				color: var(--primary-color);
			}

			.nav-links {
				list-style: none;
				margin: 0;
				padding: 0;
				display: flex;
			}

			.nav-links li {
				margin-left: 30px;
			}

			.nav-links a {
				font-weight: 600;
			}

			/* --- Hero Banner --- */
			.hero {
				background-image: linear-gradient(rgba(13, 30, 58, 0.7), rgba(13, 30, 58, 0.7)), url('{eyou:global name='web_templets_pc' /}/static2/images/94ee4b807f364400957f433e04e908d3.gif');
				background-size: cover;
				background-position: center;
				color: #060a26;
				text-align: center;
				padding: 100px 20px;
			}

			.hero h1 {
				color: #060a26;
				font-size: 3em;
				margin-bottom: 20px;
			}

			.hero p {
				font-size: 1.3em;
				max-width: 700px;
				margin: 0 auto 30px auto;
			}

			.cta-button {
				background-color: var(--accent-color);
				color: white;
				padding: 15px 35px;
				font-size: 1.1em;
				font-weight: bold;
				border-radius: 5px;
				display: inline-block;
				transition: background-color 0.3s, transform 0.2s;
			}

			.cta-button:hover {
				background-color: #e08300;
				color: white;
				transform: translateY(-3px);
			}

			/* --- 产品中心 --- */
			#products {
				background-color: var(--bg-light);
			}

			.product-grid {
				display: grid;
				grid-template-columns: repeat(2, 1fr);
				gap: 40px;
			}

			.product-card {
				border: 1px solid #e0e0e0;
				border-radius: 8px;
				overflow: hidden;
				text-align: center;
				box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
				transition: transform 0.3s, box-shadow 0.3s;
			}

			.product-card:hover {
				transform: translateY(-10px);
				box-shadow: 0 15px 25px rgba(0, 0, 0, 0.1);
			}

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

			.product-info {
				padding: 30px;
			}

			.product-info h3 {
				margin-top: 0;
				font-size: 1.8em;
			}

			/* --- 特性网格 --- */
			.features-grid {
				display: grid;
				grid-template-columns: repeat(3, 1fr);
				gap: 30px;
				text-align: center;
			}

			.feature-item img {
				width: 80px;
				height: 80px;
				margin: 0 auto 20px auto;
			}

			/* --- 购买流程 --- */
			#how-to-buy {
				background-color: var(--bg-light);
			}

			.steps-container {
				display: flex;
				justify-content: space-around;
				text-align: center;
			}

			.step {
				max-width: 200px;
			}

			.step .step-number {
				width: 50px;
				height: 50px;
				line-height: 50px;
				border-radius: 50%;
				background-color: var(--primary-color);
				color: white;
				font-size: 1.5em;
				font-weight: bold;
				margin: 0 auto 15px auto;
			}

			/* --- 常见问题 FAQ --- */
			.faq-item {
				border-bottom: 1px solid #e0e0e0;
				padding: 15px 0;
			}

			.faq-item summary {
				font-size: 1.2em;
				font-weight: 600;
				cursor: pointer;
				list-style: none;
				/* 移除默认箭头 */
			}

			.faq-item summary::-webkit-details-marker {
				display: none;
			}

			/* 兼容Chrome */
			.faq-item p {
				padding-top: 10px;
				margin-left: 20px;
			}

			/* --- 底部矩阵链接 --- */
			.footer {
				text-align: center;
				padding: 40px 20px;
				background-color: #2c3e50;
				color: #ecf0f1;
			}

			.footer h3 {
				color: white;
			}

			.site-matrix {
				list-style: none;
				padding: 0;
				margin: 20px 0 30px 0;
				display: flex;
				flex-wrap: wrap;
				justify-content: center;
				gap: 15px 25px;
			}

			.site-matrix a {
				color: #ecf0f1;
				font-weight: normal;
			}

			.site-matrix a:hover {
				color: var(--accent-color);
			}

			.copyright {
				color: #95a5a6;
				font-size: 0.9em;
			}

			/* --- 响应式设计 --- */
			@media (max-width: 768px) {
				.nav-links {
					display: none;
				}

				/* 简化移动端导航 */
				.product-grid,
				.features-grid {
					grid-template-columns: 1fr;
				}

				.steps-container {
					flex-direction: column;
					align-items: center;
					gap: 30px;
				}

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

				.hero p {
					font-size: 1.1em;
				}

				h2 {
					font-size: 1.8em;
				}
			}