.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;
	}

	section {
		padding: 80px 0;
	}

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

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


	/* ==========================================
		   2. 页面专属样式 (仅限 培训.html 使用)
		========================================== */

	/* 页面 Banner */
	.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;
		line-height: 1.6;
	}

	/* 介绍区 */
	.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-list {
		list-style: none;
		margin-top: 24px;
		display: flex;
		flex-direction: column;
		gap: 12px;
	}

	.intro-list li {
		display: flex;
		align-items: center;
		gap: 10px;
		font-size: 15px;
		color: var(--text-mid);
	}

	.intro-list 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;
	}

	.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);
	}

	/* 课程横向滚动 - 仿首页最新动态 */
	.courses-wrap {
		position: relative;
	}

	.courses-grid {
		display: flex;
		flex-wrap: nowrap;
		gap: 22px;
		overflow-x: auto;
		scroll-behavior: smooth;
		padding: 8px 0;
		scrollbar-width: none;
		-ms-overflow-style: none;
	}

	.courses-grid::-webkit-scrollbar {
		display: none;
	}

	.course-card {
		flex: 0 0 calc((100% - 44px) / 3);
		min-width: 320px;
		background: var(--bg-card);
		border-radius: var(--radius);
		overflow: hidden;
		box-shadow: var(--shadow-sm);
		border: 1px solid var(--border);
		transition: all .35s cubic-bezier(.25, .46, .45, .94);
	}

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

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

	.course-body {
		padding: 22px 24px;
	}

	.course-body h3 {
		font-size: 18px;
		font-weight: 700;
		color: var(--primary);
		margin-bottom: 10px;
		line-height: 1.4;
	}

	.course-meta {
		display: flex;
		gap: 14px;
		margin-bottom: 12px;
		font-size: 13px;
		color: var(--text-muted);
	}

	.course-price {
		font-size: 20px;
		font-weight: 800;
		color: var(--gold-bright);
		margin-bottom: 8px;
	}

	.course-price em {
		font-size: 15px;
		font-style: normal;
	}

	.course-desc {
		font-size: 14px;
		color: var(--text-muted);
		margin-bottom: 16px;
		line-height: 1.5;
	}

	.enroll-btn {
		display: block;
		width: 48.5%;
		text-align: center;
		padding: 12px;
		background: var(--primary);
		color: var(--gold);
		text-decoration: none;
		border-radius: var(--radius-sm);
		font-weight: 600;
		font-size: 14px;
		transition: all .22s;
	}

	.enroll-btn:hover {
		background: #2a2a2a;
	}

	/* 翻页箭头与指示点 */
	.courses-arrow {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		background: var(--bg-card);
		border: 1px solid var(--border);
		border-radius: 50%;
		width: 46px;
		height: 46px;
		font-size: 18px;
		color: var(--primary);
		cursor: pointer;
		z-index: 5;
		transition: all .25s;
		display: flex;
		align-items: center;
		justify-content: center;
		box-shadow: var(--shadow-md);
	}

	.courses-arrow:hover {
		background: var(--primary);
		color: var(--gold);
		border-color: var(--primary);
	}

	.courses-arrow.prev {
		left: -58px;
	}

	.courses-arrow.next {
		right: -58px;
	}

	.courses-dots {
		display: flex;
		justify-content: center;
		gap: 8px;
		margin-top: 35px;
	}

	.courses-dots .dot {
		width: 8px;
		height: 8px;
		border-radius: 50%;
		background: var(--border);
		transition: all .3s;
		cursor: pointer;
	}

	.courses-dots .dot.active {
		background: var(--gold);
		width: 24px;
		border-radius: 4px;
	}

	/* 培训报名 - 左右分栏布局 */
	.registration-layout {
		display: grid;
		grid-template-columns: 1fr 1.5fr;
		gap: 60px;
		align-items: center;
	}

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

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

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

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

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

	.reg-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;
	}

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

	.form-card h3 {
		font-size: 20px;
		font-weight: 700;
		color: var(--primary);
		margin-bottom: 28px;
		padding-bottom: 16px;
		border-bottom: 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);
	}


	/* 更多活动 - 独立双栏网格 */
	.services-grid {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		gap: 20px;
	}

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

	.service-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;
	}

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

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

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

	.service-card:hover .service-icon {
		transform: scale(1.05);
	}
    
	.service-card a{
		text-decoration: none;
	}
	
	.service-icon svg {
		width: 30px;
		height: 30px;
	}

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

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

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

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

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

	.service-card p {
		font-size: 15px;
		color: var(--text-muted);
		line-height: 1.5;
	}

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

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

		.registration-layout {
			grid-template-columns: initial;
			gap: 30px;
		}

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

		.container {
			padding: 0;
		}

		section {
			padding: 1rem;
		}

		.reg-intro h2,
		.sec-head h2,
		.intro-text h3 {
			font-size: 20px;
		}

		.intro-section {
			grid-template-columns: 1fr;
			gap: 30px;
		}

		.courses-arrow {
			display: none;
		}

		.course-card {
			flex: 0 0 88vw;
			min-width: 280px;
		}

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

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

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

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

	.flex {
		display: flex;
		justify-content: space-between;
	}