/* ==========================================
       2. 页面专属样式 (TS工具箱)
    ========================================== */

	.sec-head {
		text-align: center;
		margin-bottom: 48px;
	}

	.sec-head h2 {
		font-size: 34px;
		font-weight: 800;
		letter-spacing: -.4px;
		margin-bottom: 8px;
		color: var(--primary);
	}

	.sec-head .underline {
		display: block;
		width: 50px;
		height: 3px;
		background: var(--gold);
		margin: 0 auto 12px auto;
		border-radius: 2px;
	}

	.sec-head p {
		color: var(--text-muted);
		font-size: 15px;
	}

	/* 左对齐标题变体 */
	.sec-head-left {
		text-align: left;
		margin-bottom: 36px;
	}

	.sec-head-left h2 {
		font-size: 28px;
		font-weight: 800;
		margin-bottom: 8px;
		color: var(--primary);
	}

	.sec-head-left .underline-left {
		display: block;
		width: 40px;
		height: 3px;
		background: var(--gold);
		margin-bottom: 16px;
		border-radius: 2px;
	}


	.page-banner {
		height: 320px;
		position: relative;
		overflow: hidden;
	}

	.page-banner-bg {
		width: 100%;
		height: 100%;
		background: url('../1015-1920x900.jpg') center/cover no-repeat;
	}

	.page-banner-overlay {
		position: absolute;
		inset: 0;
		background: linear-gradient(180deg, rgba(58, 58, 58, .65) 0%, rgba(58, 58, 58, .85) 100%);
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		text-align: center;
		color: #fff;
	}

	.page-banner-overlay h1 {
		font-size: 42px;
		font-weight: 800;
		margin-bottom: 12px;
		letter-spacing: -.5px;
	}

	.page-banner-overlay p {
		font-size: 18px;
		color: rgba(255, 255, 255, .75);
		max-width: 600px;
	}

	section {
		padding: 80px 0;
	}

	section:nth-of-type(odd) {
		background: var(--white);
	}

	section:nth-of-type(even) {
		background: var(--bg);
	}

	/* 介绍区 */
	.intro-section {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 60px;
		align-items: center;
	}

	.intro-text h3 {
		font-size: 28px;
		font-weight: 800;
		color: var(--primary);
		margin-bottom: 24px;
	}

	.intro-text p {
		font-size: 16px;
		color: var(--text-mid);
		margin-bottom: 18px;
		line-height: 1.8;
	}

	.intro-text strong {
		color: var(--primary);
	}

	.intro-image img {
		width: 100%;
		border-radius: var(--radius);
		box-shadow: var(--shadow-lg);
		transition: transform .4s;
	}

	.intro-image img:hover {
		transform: scale(1.02);
	}

	/* 核心功能网格 - SVG图标版 */
	.features-grid {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		gap: 20px;
	}

	.feature-card {
		background: var(--bg-card);
		border-radius: var(--radius);
		padding: 36px 24px;
		text-align: center;
		box-shadow: var(--shadow-sm);
		border: 1px solid var(--border);
		transition: all .35s cubic-bezier(.25, .46, .45, .94);
		cursor: pointer;
		position: relative;
		overflow: hidden;
	}

	.feature-card::after {
		content: '';
		position: absolute;
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
		width: 40px;
		height: 2px;
		background: var(--gold);
		border-radius: 2px;
		opacity: 0;
		transition: all .35s;
	}

	.feature-card:hover::after {
		opacity: 1;
		width: 80px;
	}

	.feature-card:hover {
		transform: translateY(-4px);
		box-shadow: var(--shadow-lg);
	}

	.feature-icon {
		width: 64px;
		height: 64px;
		border-radius: 16px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		margin-bottom: 20px;
		transition: transform .3s, box-shadow .3s;
	}

	.feature-card:hover .feature-icon {
		transform: scale(1.05);
	}

	.feature-icon svg {
		width: 30px;
		height: 30px;
	}

	.feature-card:nth-child(1) .feature-icon {
		background: linear-gradient(135deg, #10B981, #14B8A6);
		box-shadow: 0 4px 18px rgba(16, 185, 129, .22);
	}

	.feature-card:nth-child(2) .feature-icon {
		background: linear-gradient(135deg, #06B6D4, #3B82F6);
		box-shadow: 0 4px 18px rgba(6, 182, 212, .22);
	}

	.feature-card:nth-child(3) .feature-icon {
		background: linear-gradient(135deg, #6366F1, #8B5CF6);
		box-shadow: 0 4px 18px rgba(99, 102, 241, .22);
	}

	.feature-card:nth-child(4) .feature-icon {
		background: linear-gradient(135deg, #F59E0B, #EF4444);
		box-shadow: 0 4px 18px rgba(245, 158, 11, .22);
	}

	.feature-card h3 {
		font-size: 18px;
		font-weight: 700;
		color: var(--primary);
		margin-bottom: 10px;
	}

	.feature-card p {
		font-size: 15px;
		color: var(--text-muted);
	}
	
	.feature-card a{
		text-decoration: none;
	}

	/* GEO试用表单 - 左右分栏撑满 */
	.trial-layout {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 30px;
		align-items: center;
	}

	.trial-intro h2 {
		font-size: 32px;
		font-weight: 800;
		color: var(--primary);
		margin-bottom: 20px;
	}

	.trial-intro .underline-left {
		display: block;
		width: 40px;
		height: 3px;
		background: var(--gold);
		margin-bottom: 24px;
		border-radius: 2px;
	}

	.trial-intro p {
		font-size: 16px;
		color: var(--text-mid);
		line-height: 1.8;
		margin-bottom: 30px;
	}

	.trial-features {
		list-style: none;
	}

	.trial-features li {
		display: flex;
		align-items: center;
		gap: 12px;
		margin-bottom: 16px;
		font-size: 15px;
		color: var(--text-mid);
	}

	.trial-features li::before {
		content: '✓';
		width: 24px;
		height: 24px;
		border-radius: 50%;
		background: var(--gold-pale);
		color: var(--gold);
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 12px;
		font-weight: 700;
		flex-shrink: 0;
	}

	.trial-card {
		background: var(--bg-card);
		border-radius: var(--radius);
		padding: 40px;
		box-shadow: var(--shadow-md);
		border: 1px solid var(--border);
	}

	.form-grid {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 20px;
	}

	.form-group label {
		display: block;
		margin-bottom: 8px;
		font-size: 14px;
		font-weight: 600;
		color: var(--text-mid);
	}

	.form-group label span {
		color: #EF4444;
	}

	.form-input {
		width: 100%;
		padding: 12px 16px;
		border: 1px solid var(--border);
		border-radius: var(--radius-sm);
		font-size: 15px;
		outline: none;
		background: var(--bg);
		color: var(--text);
		transition: border-color .2s;
		font-family: inherit;
	}

	.form-input:focus {
		border-color: var(--gold);
		background: var(--bg-card);
	}

	.full-width {
		grid-column: span 2;
	}

	.submit-btn {
		background: linear-gradient(135deg, var(--gold), var(--gold-bright));
		color: var(--primary);
		border: none;
		padding: 14px 60px;
		font-size: 16px;
		font-weight: 700;
		border-radius: 50px;
		cursor: pointer;
		margin: 30px auto 0;
		display: block;
		transition: all .22s;
		box-shadow: 0 4px 16px rgba(210, 166, 105, .25);
	}

	.submit-btn:hover {
		box-shadow: 0 6px 24px rgba(210, 166, 105, .4);
		transform: translateY(-2px);
	}

	.trial-tip {
		text-align: center;
		margin-top: 20px;
		font-size: 14px;
		color: var(--text-muted);
	}

	/* 优势区块 - 左图右文 */
	.adv-section {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 60px;
		align-items: center;
	}

	.adv-image img {
		width: 100%;
		border-radius: var(--radius);
		box-shadow: var(--shadow-lg);
	}

	.adv-list {
		list-style: none;
		display: flex;
		flex-direction: column;
		gap: 24px;
	}

	.adv-list li {
		display: flex;
		align-items: flex-start;
		gap: 18px;
		font-size: 16px;
		color: var(--text-mid);
		line-height: 1.6;
		background: var(--bg);
		border-radius: var(--radius-sm);
		transition: all .3s;
		cursor: pointer;
		padding: 6px 0;
	}

	.adv-list li p {
		align-self: center;
	}

	.adv-list li:hover {
		padding: 6px;
		border-color: var(--gold);
		background: var(--bg-card);
		box-shadow: var(--shadow-sm);
		transform: translateX(6px);
	}

	.adv-icon {
		flex-shrink: 0;
		width: 40px;
		height: 40px;
		border-radius: 10px;
		background: linear-gradient(135deg, var(--gold), var(--gold-bright));
		color: var(--primary);
		display: flex;
		align-items: center;
		justify-content: center;
		font-weight: 800;
		font-size: 18px;
		box-shadow: 0 4px 12px rgba(210, 166, 105, .2);
	}

	/* 专属响应式 */
	@media (max-width: 1024px) {
		.features-grid {
			grid-template-columns: repeat(2, 1fr);
		}
	}

	@media (max-width: 768px) {
		.page-banner {
			height: 240px;
		}

		.page-banner-overlay h1 {
			font-size: 28px;
		}

		.container {
			padding: 0 ;
		}

		section {
			padding: 1rem;
		}
.sec-head h2,
.sec-head-left h2,
		.intro-text h3,
		.trial-intro h2 {
			font-size: 20px;
			margin-bottom: 20px;
		}

		.container.trial-layout {
			padding: 0;
		}

		.intro-section,
		.trial-layout,
		.adv-section {
			grid-template-columns: 1fr;
			gap: 40px;
		}

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

		.full-width {
			grid-column: span 1;
		}

		.trial-card {
			padding: 28px 24px;
		}
	}