/* 全局样式 */
 body {
 	font-family: 'Microsoft YaHei', sans-serif;
 	background-color: #f9f9f9;
 	margin: 0;
 	padding: 0;
 	line-height: 1.6;
 }

 /* 导航栏样式 */
 nav {
 	background-color: #8b2323;
 	/* 导航栏背景颜色 */
 	display: flex;
 	/* 使用 Flexbox 布局 */
 	justify-content: space-between;
 	/* 让左右两部分分别靠两边 */
 	align-items: center;
 	/* 垂直居中对齐 */
 	padding: 10px 20px;
 	/* 内边距 */
 }

 /* 左边导航链接样式 */
 .left-nav {
 	display: flex;
 }

 .left-nav a {
 	color: white;
 	/* 文字颜色为白色 */
 	text-decoration: none;
 	/* 去掉下划线 */
 	margin-right: 20px;
 	/* 右侧外边距 */
 }

 /* 右边导航链接样式 */
 .right-nav {
 	display: flex;
 }

 .right-nav a {
 	color: white;
 	/* 文字颜色为白色 */
 	text-decoration: none;
 	/* 去掉下划线 */
 	margin-left: 20px;
 	/* 左侧外边距 */
 }

 /* 鼠标悬停效果 */
 .left-nav a:hover,
 .right-nav a:hover {
 	text-decoration: underline;
 	/* 鼠标悬停时显示下划线 */
 }

 /* 头部样式 */
 header {
 	background-color: #8b2323;
 	color: white;
 	text-align: center;
 	padding: 10px 0;
 	margin-bottom: 10px;
 }

 header h1 {
 	font-size: 42px;
 	margin-bottom: 10px;
 }

 /* 传承人容器样式 */
 .inheritor-container {
 	display: grid;
 	grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
 	gap: 40px;
 	padding: 20px;
 	max-width: 1300px;
 	margin: 0 auto;
 }

 /* 传承人卡片样式 */
 .inheritor-card {
 	background: white;
 	border-radius: 15px;
 	padding: 30px;
 	text-align: center;
 	box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
 	transition: transform 0.3s, box-shadow 0.3s;
 }

 .inheritor-card:hover {
 	transform: translateY(-10px);
 	box-shadow: 0 12px 20px rgba(0, 0, 0, 0.15);
 }

 /* 传承人图片样式 */
 .inheritor-img {
 	width: 200px;
 	height: 200px;
 	border-radius: 50%;
 	object-fit: cover;
 	border: 4px solid #d81e06;
 	margin-bottom: 20px;
 }

 /* 标题样式 */
 h3 {
 	color: #333;
 	margin-bottom: 10px;
 	font-size: 24px;
 }

 /* 段落样式 */
 p {
 	color: #666;
 	font-size: 16px;
 	margin-bottom: 15px;
 }

 /* 页脚样式 */
 /* 页脚样式 */
 footer {
 	background-color: #8b2323;
 	color: white;
 	text-align: center;
 	padding: 1rem 0;
 	margin-top: 2rem;
 }

 /* 响应式设计 */
 @media (max-width: 768px) {
 	header h1 {
 		font-size: 2rem;
 	}

 	.banner h2 {
 		font-size: 1.5rem;
 	}

 	/* 如果有网格布局的功能区 */
 	.features {
 		grid-template-columns: 1fr;
 	}
 }

 /* 底部容器 */
 .footer-container {
 	background-color: #333;
 	/* 深色背景，贴合设计 */
 	color: #fff;
 	padding: 40px 20px;
 }

 .footer-inner {
 	max-width: 1200px;
 	/* 限制内容宽度，适配不同屏幕 */
 	margin: 0 auto;
 	display: flex;
 	flex-wrap: wrap;
 	/* 屏幕缩小时自动换行 */
 	justify-content: space-between;
 	gap: 30px;
 	/* 列之间的间距 */
 }

 /* 每一块区域（左侧介绍、快速链接等） */
 .footer-section {
 	flex: 1;
 	min-width: 220px;
 	/* 保证缩小时不会太窄 */
 }

 .footer-section h3 {
 	font-size: 18px;
 	margin-bottom: 15px;
 	color: #fff;
 	font-weight: 600;
 }

 /* 左侧logo区域 */
 .logo {
 	display: flex;
 	align-items: center;
 	margin-bottom: 10px;
 }

 .logo-icon {
 	width: 40px;
 	height: 40px;
 	background-color: #c72e2e;
 	/* 模拟红色圆形背景 */
 	border-radius: 50%;
 	display: flex;
 	justify-content: center;
 	align-items: center;
 	color: #fff;
 	font-size: 20px;
 	margin-right: 10px;
 }

 .logo-text {
 	font-size: 22px;
 	font-weight: bold;
 }

 .desc {
 	line-height: 1.6;
 	color: #ccc;
 }

 /* 链接列表 */
 .footer-section ul {
 	list-style: none;
 }

 .footer-section ul li {
 	margin-bottom: 8px;
 }

 .footer-section ul li a {
 	color: #ccc;
 	text-decoration: none;
 	transition: color 0.3s;
 }

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

 /* 订阅表单 */
 .subscribe-form {
 	display: flex;
 	margin-top: 10px;
 }

 .subscribe-form input {
 	flex: 1;
 	padding: 8px 12px;
 	border: none;
 	outline: none;
 	font-size: 14px;
 }

 .subscribe-form button {
 	padding: 0 18px;
 	background-color: #c72e2e;
 	color: #fff;
 	border: none;
 	cursor: pointer;
 	transition: background-color 0.3s;
 }

 .subscribe-form button:hover {
 	background-color: #a52525;
 }

 /* 底部版权 & 政策区域 */
 .footer-bottom {
 	max-width: 1200px;
 	margin: 20px auto 0;
 	padding-top: 20px;
 	border-top: 1px solid #555;
 	display: flex;
 	flex-wrap: wrap;
 	justify-content: space-between;
 	align-items: center;
 }

 .footer-bottom p {
 	color: #999;
 }

 .policy-links a {
 	color: #999;
 	text-decoration: none;
 	margin-left: 15px;
 	transition: color 0.3s;
 }

 .policy-links a:hover {
 	color: #fff;
 }