/* --- 全局基础样式 (复用) --- */
			* {
				margin: 0;
				padding: 0;
				box-sizing: border-box;
				font-family: "Microsoft YaHei", "PingFang SC", sans-serif;
			}

			body {
				background-color: #f9f9f9;
				color: #333;
				line-height: 1.6;
			}

			a {
				text-decoration: none;
				color: inherit;
				transition: 0.3s;
			}

			ul {
				list-style: none;
			}

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

			:root {
				--primary-red: #B71C1C;
				--accent-gold: #D4AF37;
				--text-dark: #333;
			}

			/* Header & Nav (复用，省略大部分代码) */

			.top-bar {
				background-color: #eee;
				padding: 8px 0;
				font-size: 14px;
				color: #666;
			}

			.container {
				width: 1200px;
				margin: 0 auto;
				max-width: 95%;
			}

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

			.header-main {
				background: #fff;
				padding: 20px 0;
			}

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

			.logo {
				font-size: 28px;
				font-weight: bold;
				color: var(--primary-red);
				display: flex;
				align-items: center;
			}

			.logo span {
				font-size: 14px;
				color: #666;
				margin-left: 10px;
				font-weight: normal;
				border-left: 1px solid #ddd;
				padding-left: 10px;
			}

			.logo-main {
				width: 3.25rem;
				margin-right: 8px;
			}

			.hotline h3 {
				color: var(--primary-red);
				font-size: 24px;
				font-weight: bold;
				text-align: right;
			}

			nav {
				background-color: var(--primary-red);
				position: sticky;
				top: 0;
				z-index: 1000;
				box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
			}

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

			.nav-list li {
				flex: 1;
				text-align: center;
			}

			.nav-list li a {
				display: block;
				color: #fff;
				padding: 15px 5px;
				font-size: 15px;
				font-weight: 500;
			}

			.nav-list li a:hover,
			.nav-list li.active a {
				background-color: #8e1212;
				color: var(--accent-gold);
			}

			.mobile-menu-btn {
				display: none;
				color: #fff;
				font-size: 24px;
				padding: 10px;
				cursor: pointer;
			}

			/* --- 导航栏 Nav --- */
			nav {
				background-color: var(--primary-red);
				position: sticky;
				top: 0;
				z-index: 1000;
				box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
			}

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

			.nav-list li {
				flex: 1;
				text-align: center;
			}

			.nav-list li a {
				display: block;
				color: #fff;
				padding: 15px 5px;
				font-size: 15px;
				font-weight: 500;
			}

			.nav-list li a:hover,
			.nav-list li.active a {
				background-color: #8e1212;
				color: var(--accent-gold);
			}

			/* 移动端菜单按钮 (默认隐藏) */
			.mobile-menu-btn {
				display: none;
				color: #fff;
				font-size: 24px;
				padding: 10px;
				cursor: pointer;
			}

			/* --- 本页特定样式 (Teacher Detail) --- */

			.detail-header {
				background: #fff;
				padding: 50px 0;
				border-bottom: 5px solid var(--primary-red);
				box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
			}

			.teacher-intro {
				display: flex;
				gap: 40px;
				align-items: flex-start;
			}

			.teacher-avatar-lg {
				width: 250px;
				height: 350px;
				overflow: hidden;
				border-radius: 8px;
				box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
				flex-shrink: 0;
			}

			.teacher-avatar-lg img {
				width: 100%;
				height: 100%;
				object-fit: cover;
			}

			.intro-text h1 {
				font-size: 36px;
				color: var(--primary-red);
				margin-bottom: 5px;
			}

			.intro-text h2 {
				font-size: 20px;
				color: var(--accent-gold);
				margin-bottom: 15px;
				font-weight: normal;
			}

			.intro-text p {
				font-size: 16px;
				color: #666;
				margin-bottom: 20px;
				border-left: 3px solid #eee;
				padding-left: 15px;
			}

			.cert-tags {
				display: flex;
				flex-wrap: wrap;
				gap: 10px;
			}

			.cert-tags span {
				background: #eee;
				padding: 5px 15px;
				border-radius: 20px;
				font-size: 14px;
				color: var(--text-dark);
				border: 1px solid #ddd;
			}

			/* 详细内容区域 */
			.detail-content {
				padding: 40px 0;
				display: flex;
				gap: 30px;
			}

			.main-info {
				flex: 3;
				background: #fff;
				padding: 30px;
				border-radius: 8px;
				box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
			}

			.sidebar {
				flex: 1;
			}

			.content-block h3 {
				font-size: 24px;
				border-bottom: 2px solid var(--primary-red);
				padding-bottom: 10px;
				margin-bottom: 20px;
				color: var(--text-dark);
			}

			.content-block ul {
				padding-left: 20px;
				list-style: none;
			}

			.content-block ul li {
				position: relative;
				padding-left: 20px;
				margin-bottom: 15px;
				font-size: 16px;
			}

			.content-block ul li::before {
				content: '✓';
				position: absolute;
				left: 0;
				color: var(--primary-red);
				font-weight: bold;
			}

			/* 报名咨询卡片 */
			.consult-card {
				background: var(--primary-red);
				color: #fff;
				padding: 25px;
				border-radius: 8px;
				text-align: center;
			}

			.consult-card h4 {
				font-size: 20px;
				margin-bottom: 10px;
			}

			.consult-card p {
				font-size: 14px;
				margin-bottom: 15px;
			}

			.consult-btn {
				background: var(--accent-gold);
				color: var(--primary-red);
				padding: 10px 20px;
				border-radius: 4px;
				font-weight: bold;
				display: inline-block;
			}

			.consult-btn:hover {
				background: #FFD700;
			}

			/* 响应式调整 */
			@media (max-width: 768px) {
				.teacher-intro {
					flex-direction: column;
					align-items: center;
					text-align: center;
				}

				.detail-content {
					flex-direction: column;
				}

				.teacher-avatar-lg {
					width: 100%;
					max-width: 300px;
					height: auto;
					margin-bottom: 20px;
				}

				.sidebar {
					order: -1;
					margin-bottom: 20px;
				}
			}

			/* --- 底部 Footer --- */
			footer {
				background: #222;
				color: #fff;
				padding: 50px 0 20px;
			}

			.footer-grid {
				display: grid;
				grid-template-columns: 2fr 1fr 1fr 1fr;
				gap: 30px;
				border-bottom: 1px solid #444;
				padding-bottom: 30px;
				margin-bottom: 20px;
			}

			.footer-about h4,
			.footer-link h4 {
				color: #fff;
				margin-bottom: 20px;
				font-size: 18px;
			}

			.footer-link ul li {
				margin-bottom: 10px;
			}

			.footer-link ul li a {
				color: #aaa;
			}

			.footer-link ul li a:hover {
				color: #fff;
			}

			.qr-box {
				text-align: center;
			}

			.qr-img {
				width: 120px;
				height: 120px;
				background: #fff;
				margin: 0 auto 10px;
				display: flex;
				align-items: center;
				justify-content: center;
				color: #333;
			}

			.copyright {
				text-align: center;
				color: #666;
				font-size: 13px;
			}

			/* --- 响应式适配 (Responsive) --- */
			@media (max-width: 768px) {
				.top-bar {
					height: auto;
				}

				.hero-section {
					height: 12.5rem;
					width: 100%;
				}

				.nav-list {
					display: none;
					flex-direction: column;
					position: absolute;
					top: 50px;
					left: 0;
					width: 100%;
					background: var(--primary-red);
				}

				.nav-list.show {
					display: flex;
				}

				.mobile-menu-btn {
					display: block;
				}

				.header-main .container {
					flex-direction: column;
					text-align: center;
					gap: 15px;
				}

				.logo {
					justify-content: center;
				}

				.hotline {
					text-align: center;
				}

				.hero-section {
					padding: 40px 0;
					background-position: center;
				}

				.lead-form-container {
					position: relative;
					width: 90%;
					margin: 0 auto;
					right: auto;
					top: auto;
					transform: none;
				}

				.advantage-grid,
				.staff-grid,
				.teacher-wrapper,
				.news-container,
				.footer-grid,
				.teacher-list {
					display: flex;
					flex-direction: column;
				}

				.teacher-wrapper {
					gap: 0;
				}

				.media-video {
					margin-top: 20px;
					height: 200px;
				}
			}