/* ------------------- 1. 基础重置（Reset） ------------------- */
* {margin: 0;padding: 0;box-sizing: border-box; /* 盒模型：width = 内容 + padding + border */}
body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, form, input, textarea, button {
  margin: 0;
  padding: 0;
  font-family: "微软雅黑", "Microsoft YaHei", Arial, sans-serif; /* 优先使用中文字体 */
}
ul, ol {list-style: none; /* 去掉默认列表样式 */}
a {text-decoration: none; /* 去掉默认下划线 */color: inherit; /* 继承父元素颜色 */}
/* ------------------- 2. 盒模型与布局基础 ------------------- */
.container {max-width: 1200px; /* 最大宽度（适配PC端） */
margin: 0 auto; /* 水平居中 */
padding: 0 15px; /* 左右内边距（适配小屏幕） */
}

/* ------------------- 3. 字体与行高（提升可读性） ------------------- */
body {
  font-size: 16px; /* 基础字体大小（适配PC端） */
  line-height: 1.6; /* 行高（建议1.5-1.7） */
  color: #333; /* 基础文字色（深灰色，比纯黑更柔和） */
  background-color: #fff; /* 基础背景色（白色） */
}

h1 { font-size: 2.5rem; }
h2 { font-size: 2rem; }
h3 { font-size: 1.75rem; }
h4 { font-size: 1.5rem; }
h5 { font-size: 1.25rem; }
h6 { font-size: 1rem; }

/* 标题统一设置（可选） */
h1, h2, h3, h4, h5, h6 {
  margin-bottom: 1rem; /* 标题下方间距 */
  font-weight: 700; /* 标题加粗 */
  color: #222; /* 标题文字色（比基础色更深） */
}

/* ------------------- 4. 颜色方案（主题色定义） ------------------- */
:root {
  --primary-color: #007bff; /* 主色（ Bootstrap 蓝色，可替换为品牌色） */
  --secondary-color: #6c757d; /* 辅助色（浅灰色） */
  --success-color: #28a745; /* 成功色（绿色） */
  --danger-color: #dc3545; /* 危险色（红色） */
  --warning-color: #ffc107; /* 警告色（黄色） */
  --info-color: #17a2b8; /* 信息色（青色） */
  --light-color: #f8f9fa; /* 浅灰色（背景用） */
  --dark-color: #343a40; /* 深灰色（文字用） */
}

/* 主题色应用（示例） */
a {
  color: var(--primary-color); /* 链接默认用主色 */
}

a:hover {
  color: darken(var(--primary-color), 10%); /*  hover时主色加深（需用预处理器如Sass，此处用实际色值替代） */
  color: #0056b3; /* 替代方案：直接写加深后的色值 */
  text-decoration: underline; /* hover时加下划线 */
}

/* ------------------- 5. 响应式基础（适配移动端） ------------------- */
/* 图片自适应（避免溢出容器） */
img {
  max-width: 100%; /* 最大宽度不超过父容器 */
  height: auto; /* 高度自动，保持比例 */
  display: block; /* 去掉图片下方默认空隙 */
}

/* 视频自适应（可选） */
video {
  max-width: 100%;
  height: auto;
  display: block;
}

/* 小屏幕（≤768px）调整 */
@media (max-width: 768px) {
  body {
    font-size: 14px; /* 小屏幕字体缩小（更适合手机阅读） */
  }
  
  .container {
    padding: 0 10px; /* 小屏幕容器内边距减小 */
  }
  
  h1 { font-size: 2rem; }
  h2 { font-size: 1.75rem; }
  h3 { font-size: 1.5rem; }
  /* 标题字体大小随屏幕缩小 */
}

/* ------------------- 6. 可复用基础组件 ------------------- */
/* 按钮（基础样式） */
.btn {
  display: inline-block; /*  inline-block 让按钮可以设置宽高 */
  padding: 0.75rem 1.5rem; /* 内边距（上下0.75rem，左右1.5rem） */
  border: none; /* 无边框 */
  border-radius: 0.25rem; /* 圆角（ Bootstrap 风格） */
  font-size: 1rem; /* 字体大小 */
  font-weight: 500; /* 字体加粗 */
  cursor: pointer; /* 鼠标指针变为手型 */
  transition: background-color 0.3s ease; /* 背景色过渡动画 */
}

/* 主按钮（用主色） */
.btn-primary {
  background-color: var(--primary-color);
  color: #fff; /* 文字白色 */
}

.btn-primary:hover {
  background-color: #0056b3; /*  hover时主色加深 */
}

/* 辅助按钮（用辅助色） */
.btn-secondary {
  background-color: var(--secondary-color);
  color: #fff;
}

.btn-secondary:hover {
  background-color: #5a6268; /*  hover时辅助色加深 */
}

/* 输入框（基础样式） */
.input {
  width: 100%; /* 宽度占满父容器 */
  padding: 0.75rem 1rem; /* 内边距 */
  border: 1px solid var(--light-color); /* 边框用浅灰色 */
  border-radius: 0.25rem; /* 圆角 */
  font-size: 1rem; /* 字体大小 */
  color: var(--dark-color); /* 文字颜色 */
}

.input::placeholder {
  color: var(--secondary-color); /* placeholder 颜色（浅灰色） */
}

.input:focus {
  outline: none; /* 去掉默认聚焦边框 */
  border-color: var(--primary-color); /* 聚焦时边框用主色 */
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); /* 聚焦时阴影（ Bootstrap 风格） */
}

/* 列表（基础样式，可选） */
.list {
  padding-left: 1.5rem; /* 左边距 */
}

.list-item {
  margin-bottom: 0.5rem; /* 列表项下方间距 */
  color: var(--dark-color); /* 文字颜色 */
}

.list-item::before {
  content: "•"; /* 列表项前面的圆点（可选） */
  color: var(--primary-color); /* 圆点用主色 */
  margin-right: 0.5rem; /* 圆点与文字间距 */
}

/* ------------------- 7. 其他细节（提升体验） ------------------- */
/* 清除浮动（可选） */
.clearfix::after {
  content: "";
  display: table;
  clear: both;
}

/* 隐藏元素（可选） */
.hidden {
  display: none !important; /* 强制隐藏 */
}

/* 文本居中（可选） */
.text-center {
  text-align: center;
}

/* 文本右对齐（可选） */
.text-right {
  text-align: right;
}

/* 导航栏基础样式 */
.navbar {
	padding: 0px;
	box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); /* 轻微阴影 */
}

/* 品牌 logo 对齐 */
.navbar-brand img {
	height: 32px; /* 调整 logo 高度 */
	margin-right: 10px;
}

.navbar-brand span {
	font-size: 1.1rem;
	font-weight: 600;
	color: #333;
}

/* 导航链接样式 */
.nav-link {
	color: #555;
	padding: 0.5rem 1.2rem;
	margin: 0 0.25rem;
	transition: color 0.3s ease;
}

.nav-link:hover, .nav-link.active {
	color: #dc3545; /*  hover/激活态用红色（符合 logo 颜色） */
}

/* 更多导航下拉菜单 */
.dropdown-menu {
	border: none;
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
	margin-top: 0.75rem; /* 下拉菜单与导航项间距 */
}

.dropdown-item {
	color: #555;
	padding: 0.75rem 1.5rem;
	transition: background-color 0.3s ease;
}

.dropdown-item:hover {
	background-color: #f8f9fa;
	color: #dc3545;
}

/* 搜索框样式 */
.form-inline .input-group {
	width: 300px; /* PC 端搜索框宽度 */
}

.form-control {
	border: 1px solid #eee;
	border-right: none;
	border-radius: 0.375rem 0 0 0.375rem;
	padding: 0.75rem 1rem;
	font-size: 0.9rem;
}

.form-control::placeholder {
	color: #999;
}

.input-group-append .btn {
	border: 1px solid #eee;
	border-left: none;
	border-radius: 0 0.375rem 0.375rem 0;
	background-color: #fff;
	color: #666;
	transition: background-color 0.3s ease;
}

.input-group-append .btn:hover {
	background-color: #f8f9fa;
	color: #dc3545;
}

/* 手机版/公众号样式 */
.navbar .nav-link[href*="手机版"] {
	color: #666;
	font-size: 0.9rem;
}

.wechat-icon {
	font-size: 1.3rem;
	padding: 0.6rem;
	background-color: #28a745; /* 微信绿 */
	color: #fff;
	border-radius: 50%;
	transition: background-color 0.3s ease;
}

.wechat-icon:hover {
	background-color: #218838; /*  hover 加深绿色 */
}

/* 移动端适配（≤991px） */
@media (max-width: 991px) {
	/* 导航栏垂直排列 */
	.navbar-collapse {
		margin-top: 1rem;
	}

	.nav-item {
		margin: 0.25rem 0;
	}

	/* 搜索框占满宽度 */
	.form-inline .input-group {
		width: 100%;
		margin: 0.75rem 0;
	}

	/* 手机版/公众号垂直排列 */
	.d-flex.align-items-center {
		flex-direction: column;
		align-items: flex-start !important;
	}

	.navbar .nav-link[href*="手机版"] {
		margin: 0.5rem 0;
	}

	.wechat-icon {
		margin-top: 0.5rem;
	}
}
/* 顶部信息栏 */
.top-bar {
	padding: 0.8rem 0;
	border-bottom: 1px solid #eee; /* 顶部下划线（可选，根据截图调整） */
}

/* Logo 区域 */
.logo-section {
	display: flex;
	align-items: center;
}

.logo-section img {
	height: 60px; /* Logo 高度（根据实际调整） */
}

.logo-text {
	margin-left: 15px;
}

.logo-text h5 {
	font-size: 1.1rem;
	font-weight: bold;
	color: #333;
	margin-bottom: 0.2rem;
}

.logo-text p {
	font-size: 0.85rem;
	color: #666;
	margin-bottom: 0;
}

/* 联系信息 + 预约按钮 */
.contact-section {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex-wrap: wrap;
}

.contact-info {
	display: flex;
	align-items: center;
	margin-right: 2rem; /* 与预约按钮的间距 */
	font-size: 0.85rem;
	color: #333;
}

.contact-info i {
	color: #e30019; /* 电话图标用领科红 */
	font-size: 1.1rem;
	margin-right: 0.5rem;
}

.contact-info strong {
	font-size: 1rem;
	color: #333;
}

/* 预约按钮（直角、领科红） */
.btn-appointment {
	background-color: #e30019;
	border-color: #e30019;
	color: #fff;
	padding: 0.5rem 1.2rem;
	font-size: 0.9rem;
	border-radius: 0; /* 直角按钮 */
}

.btn-appointment:hover {
	background-color: #c82333; /* Hover 加深红色 */
	border-color: #c82333;
	color: #fff;
}

/* 红色导航栏 */
.red-navbar {
	background-color: #e30019; /* 导航栏领科红 */
}

.red-navbar .navbar-nav .nav-link {
	color: #fff;
	padding: 1rem 1.2rem; /* 增加导航项高度，提升点击区域 */
	font-size: 0.95rem;
}

.red-navbar .navbar-nav .nav-link:hover,
.red-navbar .navbar-nav .active .nav-link {
	background-color: #c82333; /* Hover/激活项背景色（更深红） */
}

/* 移动端导航栏调整 */
@media (max-width: 991px) {
	/* 顶部信息栏：Logo 居左，联系信息与预约按钮换行居右 */
	.top-bar .container {
		flex-direction: column;
		align-items: flex-start;
	}

	.contact-section {
		width: 100%;
		justify-content: space-between; /* 移动端联系信息与预约按钮两端对齐 */
		margin-top: 1rem;
	}

	.contact-info {
		margin-right: 0; /* 移动端取消联系信息与按钮的间距 */
	}

	/* 导航栏：移动端折叠后，导航项垂直排列 */
	.red-navbar .navbar-nav .nav-link {
		padding: 0.8rem 1rem; /* 移动端导航项 padding 调整 */
	}
}
/* 轮播基础样式 */
.carousel-container {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.carousel-item {
	height: 500px; /* 轮播图高度 */
	background-position: center;
	background-size: cover;
}

/* 渐变背景覆盖 */
.carousel-overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(90deg, rgba(227,0,25,0.7) 0%, rgba(227,0,25,0.4) 30%, rgba(227,0,25,0.1) 100%);
	z-index: 1;
}

/* 左侧学校信息卡片 */
.school-info-card {
	position: absolute;
	top: 50%;
	left: 10%;
	transform: translateY(-50%);
	z-index: 2;
	color: white;
	max-width: 500px;
}

.logo-container {
	width: 160px;
	height: 160px;
	background-color: white;
	border-radius: 15px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 20px;
	box-shadow: 0 5px 15px rgba(0,0,0,0.2);
}

.logo-container img {
	max-width: 100px;
	max-height: 100px;
}

.school-info-card h1 {
	font-size: 2.5rem;
	font-weight: bold;
	margin-bottom: 20px;
	text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}

.course-info {
	margin-bottom: 25px;
}

.course-info p {
	font-size: 1.1rem;
	line-height: 1.6;
}

.course-info span {
	color: #ffd700; /* 金色文字 */
	font-weight: 500;
}

/* 黄色咨询按钮 */
.consult-btn {
	background-color: #ffcc00;
	color: #333;
	border: none;
	padding: 12px 30px;
	font-size: 1.2rem;
	font-weight: bold;
	border-radius: 30px;
	box-shadow: 0 4px 8px rgba(0,0,0,0.2);
	transition: all 0.3s ease;
	display: inline-flex;
	align-items: center;
}

.consult-btn i {
	margin-left: 8px;
	font-size: 1.4rem;
}

.consult-btn:hover {
	background-color: #ffd700;
	transform: translateY(-3px);
	box-shadow: 0 6px 12px rgba(0,0,0,0.3);
}

/* 右侧开放日卡片 */
.open-day-card {
	position: absolute;
	top: 50%;
	right: 10%;
	transform: translateY(-50%);
	z-index: 2;
	background-color: #e30019; /* 领科红 */
	padding: 20px;
	border-radius: 8px;
	width: 280px;
	box-shadow: 0 8px 16px rgba(0,0,0,0.3);
}

.open-day-header {
	background-color: #ffc107; /* 金色标题背景 */
	color: #333;
	text-align: center;
	padding: 8px 0;
	font-weight: bold;
	margin: -20px -20px 15px -20px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}

.date-info {
	background-color: rgba(255,255,255,0.2);
	padding: 15px;
	margin-bottom: 15px;
	border-radius: 5px;
}

.date-info h3 {
	color: white;
	font-size: 1.5rem;
	margin-bottom: 8px;
}

.date-info p {
	color: rgba(255,255,255,0.9);
	margin-bottom: 0;
}

.participants {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 15px;
	color: white;
}

.participants span {
	font-weight: bold;
}

.visit-btn {
	background-color: #ffc107;
	color: #333;
	border: none;
	padding: 8px 0;
	width: 100%;
	font-weight: bold;
	border-radius: 4px;
	margin-bottom: 15px;
	transition: all 0.3s ease;
}

.visit-btn:hover {
	background-color: #ffd700;
}

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

.period-btn {
	background-color: rgba(255,255,255,0.2);
	color: white;
	border: none;
	padding: 5px 15px;
	border-radius: 15px;
	display: flex;
	align-items: center;
	transition: all 0.3s ease;
}

.period-btn:hover {
	background-color: rgba(255,255,255,0.3);
}

.period-btn i {
	margin-right: 5px;
}

/* 学段导航 */
.school-levels {
	display: flex;
	justify-content: space-between;
	margin-top: 20px;
}

.level-btn {
	display: flex;
	flex-direction: column;
	align-items: center;
	color: white;
	background: none;
	border: none;
	cursor: pointer;
}

.level-btn i {
	font-size: 1.8rem;
	margin-bottom: 8px;
}

.level-btn span {
	font-size: 0.9rem;
}

/* 轮播导航按钮 */
.carousel-nav-btn {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	background-color: rgba(0,0,0,0.3);
	color: white;
	border: none;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 3;
	transition: all 0.3s ease;
}

.carousel-nav-btn.prev {
	left: 30px;
}

.carousel-nav-btn.next {
	right: 30px;
}

.carousel-nav-btn:hover {
	background-color: rgba(0,0,0,0.5);
	transform: translateY(-50%) scale(1.1);
}

/* 轮播指示器 */
.carousel-indicators {
	position: absolute;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 3;
	list-style: none;
	display: flex;
	padding: 0;
}

.carousel-indicator {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: rgba(255,255,255,0.5);
	margin: 0 5px;
	cursor: pointer;
	transition: all 0.3s ease;
}

.carousel-indicator.active {
	background-color: white;
	transform: scale(1.3);
}

/* 响应式调整 */
@media (max-width: 1200px) {
	.school-info-card {
		left: 5%;
	}
	
	.open-day-card {
		right: 5%;
	}
}

@media (max-width: 991px) {
	.carousel-item {
		height: 600px;
	}
	
	.school-info-card, .open-day-card {
		position: static;
		transform: none;
		margin: 20px auto;
	}
	
	.carousel-content {
		display: flex;
		flex-direction: column;
		justify-content: center;
		height: 100%;
		padding: 40px 20px;
	}
}

@media (max-width: 576px) {
	.carousel-item {
		height: auto;
		min-height: 700px;
	}
	
	.school-info-card h1 {
		font-size: 1.8rem;
	}
	
	.logo-container {
		width: 120px;
		height: 120px;
	}
	
	.consult-btn {
		font-size: 1rem;
		padding: 10px 20px;
	}
	
	.open-day-card {
		width: 100%;
		max-width: 300px;
	}
	
}
/* 顶部栏 */
.ls-header {
	background-color: #fff;
	box-shadow: 0 2px 4px rgba(0,0,0,0.1);
	padding: 1rem 0;
}

.ls-title {
	font-size: 1.8rem;
	font-weight: bold;
	color: #e30019; /* 领科红（原样式） */
	margin: 0;
}

/* 顶部按钮 */
.ls-header-btn {
	padding: 0.6rem 1.2rem;
	border-radius: 0;
	margin-left: 0.8rem;
	font-size: 0.95rem;
}

.ls-btn-red {
	background-color: #e30019;
	border-color: #e30019;
	color: #fff;
}

.ls-btn-red:hover {
	background-color: #c00017; /* 加深红色（原样式） */
	border-color: #c00017;
}

.ls-btn-blue {
	background-color: #007bff;
	border-color: #007bff;
	color: #fff;
}

.ls-btn-blue:hover {
	background-color: #0056b3; /* 加深蓝色（原样式） */
	border-color: #0056b3;
}

.ls-btn-yellow {
	background-color: #ffc107;
	border-color: #ffc107;
	color: #000;
}

.ls-btn-yellow:hover {
	background-color: #e0a800; /* 加深黄色（原样式） */
	border-color: #d39e00;
}

/* 基本信息区 */
.ls-info-section {
	padding: 2rem 0;
}

/* 信息项（图标+文字） */
.ls-info-item {
	display: flex;
	align-items: center;
	margin-right: 2rem;
	margin-bottom: 1rem;
	font-size: 0.95rem;
}

.ls-info-item i {
	font-size: 1.1rem;
	color: #e30019; /* 图标红（原样式） */
	margin-right: 0.6rem;
}

/* 学校简介 */
.ls-intro {
	margin-top: 1.5rem;
	font-size: 0.95rem;
	line-height: 1.7;
	color: #666;
}

/* 查看详情链接 */
.ls-read-more {
	color: #e30019; /* 红色链接（原样式） */
	text-decoration: none;
	font-weight: 500;
}

.ls-read-more:hover {
	text-decoration: underline;
}

/* 咨询表单 */
.ls-consult-form {
	background-color: #fff3cd; /* 浅黄色背景（原样式） */
	border-radius: 8px;
	padding: 1.5rem;
	margin-top: 1.5rem; /* 移动端堆叠时的间距 */
}

/* 表单标题 */
.ls-form-title {
	display: flex;
	align-items: center;
	font-size: 1.1rem;
	font-weight: bold;
	color: #e30019; /* 标题红（原样式） */
	margin-bottom: 1.5rem;
}

.ls-form-title i {
	font-size: 1.2rem;
	margin-right: 0.8rem;
}

/* 表单输入框 */
.ls-form-input {
	padding: 0.8rem;
	font-size: 0.95rem;
	border-radius: 0;
	margin-bottom: 1rem;
}

/* 表单按钮 */
.ls-form-btn {
	background-color: #e30019;
	border-color: #e30019;
	color: #fff;
	padding: 0.8rem;
	font-size: 0.95rem;
	border-radius: 0;
}

.ls-form-btn:hover {
	background-color: #c00017;
	border-color: #c00017;
}

/* 学校优势标签 */
.ls-advantages {
	padding: 2rem 0;
}

.ls-advantage-tag {
	padding: 0.7rem 1.5rem;
	border-radius: 4px;
	font-size: 0.95rem;
	font-weight: bold;
	margin-right: 1rem;
	margin-bottom: 1rem;
}

.ls-adv-red {
	background-color: #e30019;
	color: #fff;
}

.ls-adv-yellow {
	background-color: #ffc107;
	color: #000;
}

.ls-adv-blue {
	background-color: #007bff;
	color: #fff;
}

/* 响应式调整（移动端） */
@media (max-width: 991px) {
	/* 顶部栏：按钮堆叠 */
	.ls-header .row {
		flex-direction: column;
		align-items: flex-start;
	}

	.ls-header .col-auto:last-child {
		margin-top: 1rem;
	}

	.ls-header-btn {
		margin-left: 0;
		margin-right: 0.8rem;
		margin-bottom: 0.8rem;
	}

	/* 基本信息：左右堆叠 */
	.ls-info-section .row {
		flex-direction: column;
	}

	/* 信息项：垂直排列 */
	.ls-info-item {
		margin-right: 0;
		width: 100%;
	}

	/* 咨询表单：顶部间距 */
	.ls-consult-form {
		margin-top: 2rem;
	}

	/* 优势标签：占满宽度 */
	.ls-advantage-tag {
		width: 100%;
		text-align: center;
		margin-right: 0;
	}
}

/* 基础容器 */
.admission-container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 1rem;
}

/* 顶部标题栏 */
.admission-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 2rem;
	padding-bottom: 1rem;
	border-bottom: 1px solid #eee;
}

.admission-title {
	font-size: 1.3rem;
	font-weight: bold;
	position: relative;
	padding-left: 1rem;
	margin: 0;
}

/* 标题左侧红色小竖条（还原图片细节） */
.admission-title::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 0.25rem;
	height: 100%;
	background-color: #dc3545; /* 领科红 */
}

.admission-more {
	color: #666;
	text-decoration: none;
	font-size: 0.9rem;
}

.admission-more:hover {
	color: #dc3545;
	text-decoration: underline;
}

/* 课程列表容器 */
.admission-course-list {
	gap: 2rem;
}

/* 课程项（PC端 flex 布局，移动端堆叠） */
.admission-course-item {
	background-color: #fff;
	border-radius: 0.5rem;
	box-shadow: 0 0 15px rgba(0,0,0,0.05); /* 轻微阴影，还原图片质感 */
	overflow: hidden;
	transition: box-shadow 0.3s ease;
}

.admission-course-item:hover {
	box-shadow: 0 0 20px rgba(0,0,0,0.1); /*  hover 增强阴影 */
}

/* 课程图片（响应式） */
.admission-course-img img {
	width: 100%;
	height: 200px; /* PC端固定高度，保持统一 */
	object-fit: cover; /* 裁剪图片，避免拉伸 */
}

/* 课程信息区域 */
.admission-course-info {
	padding: 1.5rem;
}

/* 课程名称 */
.admission-course-name {
	font-size: 1.2rem;
	font-weight: bold;
	margin-bottom: 0.5rem;
	color: #333;
}

/* 高中部标签（黄色背景，黑字） */
.admission-badge {
	font-size: 0.8rem;
	padding: 0.3rem 0.6rem;
	border-radius: 0.2rem;
	background-color: #ffc107;
	color: #000;
}

/* 课程详情列表（信息项） */
.admission-course-details {
	margin-top: 1.5rem;
	font-size: 0.9rem;
	color: #666;
}

.admission-detail-item {
	display: flex;
	align-items: center;
	margin-bottom: 0.8rem;
}

/* 信息项图标（领科红，与标题竖条颜色一致） */
.admission-detail-item i {
	font-size: 1.1rem;
	color: #dc3545;
	margin-right: 0.8rem;
}

/* 操作按钮区域（PC端垂直居中，移动端横向排列） */
.admission-course-buttons {
	padding: 1.5rem;
	background-color: #f8f9fa; /* 浅灰背景，区分按钮区域 */
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 1rem;
}

/* 按钮基础样式 */
.admission-btn {
	padding: 0.7rem 1.2rem;
	border-radius: 0.2rem;
	font-size: 0.9rem;
	transition: all 0.3s ease;
}

/* 次要按钮（课程详情/查看详情：橙色边框+文字） */
.admission-btn-secondary {
	border: 1px solid #fd7e14; /* 橙色边框 */
	color: #fd7e14; /* 橙色文字 */
	background-color: #fff;
}

.admission-btn-secondary:hover {
	background-color: #fd7e14; /* hover 反转颜色 */
	color: #fff;
}

/* 主要按钮（报名咨询：领科红背景） */
.admission-btn-primary {
	background-color: #dc3545; /* 领科红 */
	color: #fff;
	border: none;
}

.admission-btn-primary:hover {
	background-color: #bb2d3b; /* hover 加深红色 */
}

/* ------------------- 响应式调整（移动端） ------------------- */
@media (max-width: 767px) {
	/* 顶部标题栏：堆叠排列 */
	.admission-header {
		flex-direction: column;
		align-items: flex-start;
		gap: 1rem;
	}

	/* 课程项：堆叠显示（图片→信息→按钮） */
	.admission-course-item {
		flex-direction: column;
	}

	/* 课程图片：移动端自适应高度 */
	.admission-course-img img {
		height: auto;
	}

	/* 操作按钮区域：移动端横向排列 */
	.admission-course-buttons {
		flex-direction: row;
		flex-wrap: wrap;
		gap: 0.5rem;
		padding: 1rem;
	}

	/* 按钮：移动端占满宽度（或半宽） */
	.admission-btn {
		flex: 1 1 calc(50% - 0.5rem); /* 两个按钮一行 */
		text-align: center;
	}

	/* 主要按钮：移动端占满宽度 */
	.admission-btn-primary {
		flex: 1 1 100%;
	}
}

/* 基础容器 */
.openday-container {
	margin: 2rem auto;
	max-width: 1200px;
}

/* 头部样式 */
.openday-header {
	padding-bottom: 0px;
	border-bottom: 1px solid #eee;
	margin-bottom: 0px;
}

.openday-title {
	font-size: 1.3rem;
	font-weight: bold;
	position: relative;
	padding-left: 1rem;
	margin-bottom: 0.3rem;
}

/* 标题左侧蓝色竖条（还原图片细节） */
.openday-title::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 0.25rem;
	height: 100%;
	background-color: #007bff; /* 领科蓝 */
}

.openday-subtitle {
	font-size: 0.9rem;
	color: #666;
	margin-left: 1rem;
	display: block;
}

.openday-more {
	color: #666;
	text-decoration: none;
	font-size: 0.9rem;
}

.openday-more:hover {
	color: #007bff;
	text-decoration: underline;
}

/* 时间线容器 */
.openday-timeline-col {
	position: relative;
	padding-left: 2rem; /* 为时间点/虚线留空间 */
}

/* 时间线虚线（连接红色圆点） */
.openday-timeline::before {
	content: '';
	position: absolute;
	left: 0.75rem; /* 对齐红色圆点中心 */
	top: 0;
	width: 1px;
	height: 100%;
	border-left: 1px dashed #dc3545; /* 红色虚线 */
}

/* 时间线项（每个开放日） */
.openday-timeline-item {
	position: relative;
	margin-bottom: 2rem;
}

/* 时间点红色圆点 */
.openday-timeline-item::before {
	content: '';
	position: absolute;
	left: -0.75rem; /* 超出时间线列的padding */
	top: 0;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background-color: #dc3545; /* 红色圆点 */
	border: 2px solid #fff; /* 白色边框突出圆点 */
}

/* 时间点内容（日期/星期/提示） */
.openday-timeline-time {
	position: absolute;
	left: -1.5rem; /* 时间点居左 */
	top: 0;
	width: 1.5rem;
	text-align: center;
}

.openday-date {
	font-size: 1.2rem;
	font-weight: bold;
	color: #dc3545; /* 红色日期 */
}

.openday-weekday {
	font-size: 0.9rem;
	color: #666; /* 灰色星期 */
	display: block;
}

.openday-remind {
	font-size: 0.8rem;
	color: #999; /* 浅灰提示 */
	display: block;
}

/* 开放日信息块（白色背景+阴影） */
.openday-timeline-content {
	background-color: #fff;
	padding: 1rem;
	border-radius: 0.5rem;
	box-shadow: 0 2px 4px rgba(0,0,0,0.05); /* 轻微阴影 */
}

.openday-event-title {
	font-size: 1.1rem;
	font-weight: bold;
	margin-bottom: 0.5rem;
	color: #333;
}

.openday-event-desc {
	font-size: 0.9rem;
	color: #666;
	margin-bottom: 1rem;
}

/* 预约操作栏（按钮+已预约人数） */
.openday-event-actions {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.openday-btn-free {
	border: 1px solid #dc3545; /* 红色边框 */
	color: #dc3545; /* 红色文字 */
	background-color: #fff;
	padding: 0.3rem 1rem;
	border-radius: 0.25rem;
	font-size: 0.9rem;
	cursor: pointer;
}

.openday-btn-free:hover {
	background-color: #dc3545; /*  hover 反转颜色 */
	color: #fff;
	transition: all 0.3s ease;
}

.openday-booked {
	font-size: 0.9rem;
	color: #666; /* 灰色已预约人数 */
}

/* 右侧校园图片 */
.openday-image {
	border-radius: 0.5rem;
	box-shadow: 0 2px 4px rgba(0,0,0,0.1); /* 图片阴影 */
	margin-top: 1rem; /* PC端与时间线顶部对齐 */
}

/* 底部加载提示 */
.openday-loading {
	margin-top: 2rem;
	padding: 1rem;
	background-color: #f8f9fa; /* 浅灰背景 */
	border-radius: 0.5rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.openday-loading-text {
	font-size: 0.9rem;
	color: #666;
	margin-bottom: 0;
}

.openday-btn-early {
	background-color: #ffc107; /* 橙色背景 */
	color: #000; /* 黑色文字 */
	border: none;
	padding: 0.5rem 1.5rem;
	border-radius: 0.25rem;
	font-size: 0.9rem;
	cursor: pointer;
}

.openday-btn-early:hover {
	background-color: #e0a800; /*  hover 加深橙色 */
	transition: all 0.3s ease;
}

/* ------------------- 响应式调整（移动端≤767px） ------------------- */
@media (max-width: 767px) {
	/* 头部堆叠 */
	.openday-header {
		flex-direction: column;
		align-items: flex-start;
	}

	.openday-header .text-right {
		margin-top: 1rem;
		text-align: left !important;
	}

	/* 时间线列减少padding */
	.openday-timeline-col {
		padding-left: 1.5rem;
	}

	/* 时间线虚线调整 */
	.openday-timeline::before {
		left: 0.5rem;
	}

	/* 时间点圆点调整 */
	.openday-timeline-item::before {
		left: -0.5rem;
	}

	/* 时间点内容左移 */
	.openday-timeline-time {
		left: -1rem;
		width: 1rem;
	}

	.openday-date {
		font-size: 1rem;
	}

	.openday-weekday {
		font-size: 0.8rem;
	}

	.openday-remind {
		font-size: 0.7rem;
	}

	/* 信息块 padding 调整 */
	.openday-timeline-content {
		padding: 0.8rem;
	}

	.openday-event-title {
		font-size: 1rem;
	}

	.openday-event-desc {
		font-size: 0.8rem;
	}

	/* 预约操作栏堆叠 */
	.openday-event-actions {
		flex-direction: column;
		align-items: flex-start;
	}

	.openday-btn-free {
		margin-bottom: 0.5rem;
		width: 100%; /* 按钮占满宽度 */
	}

	/* 右侧图片堆叠至时间线下方 */
	.openday-image-col {
		margin-top: 2rem;
	}
}
 /* 基础容器 */
.campus-life-container {
	padding: 0 0;
	max-width: 1200px;
	margin: 0 auto;
}

/* 标题栏样式 */
.campus-life-header {
	align-items: center;
	margin-bottom: 1.5rem;
}

.campus-life-main-title {
	font-size: 1.3rem;
	font-weight: bold;
	color: #333;
	margin-bottom: 0.2rem;
}

.campus-life-subtitle {
	font-size: 0.9rem;
	color: #999;
	margin-left: 0.5rem;
}

.campus-life-more-link {
	color: #666;
	text-decoration: none;
	font-size: 0.9rem;
}

.campus-life-more-link:hover {
	color: #007bff;
	text-decoration: underline;
}

/* 导航栏样式 */
.campus-life-nav {
	align-items: center;
	margin-bottom: 2rem;
}

.campus-life-nav-title {
	font-size: 1.1rem;
	font-weight: bold;
	color: #333;
	margin-bottom: 0;
}

.campus-life-env-group {
	display: flex;
	align-items: center;
}

.campus-life-env-title {
	font-size: 1.1rem;
	font-weight: bold;
	color: #333;
	margin-right: 0.5rem;
}

.campus-life-env-more {
	color: #666;
	text-decoration: none;
	font-size: 0.9rem;
}

.campus-life-env-more:hover {
	color: #007bff;
	text-decoration: underline;
}

/* 卡片列表样式 */
.campus-life-card-list {
	gap: 0px;
}

/* 卡片基础样式 */
.campus-life-card {
	border: none;
	border-radius: 0.5rem;
	overflow: hidden;
	box-shadow: 0 2px 4px rgba(0,0,0,0.05);
	transition: box-shadow 0.3s ease;
	background-color: #fff;
}

.campus-life-card:hover {
	box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

/* 卡片图片样式 */
.campus-life-card-img {
	width: 100%;
	height: 200px;
	object-fit: cover;
}

/* 卡片文字样式 */
.campus-life-card-text {
	text-align: center;
	padding: 1rem 0;
	font-size: 0.95rem;
	color: #666;
	margin-bottom: 0;
}

/* 视频播放按钮样式 */
.campus-life-play-btn {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	cursor: pointer;
	padding: 1rem;
	border-radius: 50%;
	background-color: rgba(0,0,0,0.5);
	transition: background-color 0.3s ease;
}

.campus-life-play-btn i {
	font-size: 2rem;
	color: #fff;
}

.campus-life-play-btn:hover {
	background-color: rgba(0,0,0,0.7);
}

/* ------------------- 响应式调整（Bootstrap 4.6 断点） ------------------- */
/* 平板电脑（md: 768px） */
@media (max-width: 991px) {
	.campus-life-card-img {
		height: 180px;
	}
}

/* 手机（sm: 576px） */
@media (max-width: 767px) {
	/* 标题栏：堆叠对齐 */
	.campus-life-header {
		flex-direction: column;
		align-items: flex-start;
	}

	.campus-life-header .col-auto {
		margin-top: 1rem;
	}

	/* 导航栏：堆叠对齐 */
	.campus-life-nav {
		flex-direction: column;
		align-items: flex-start;
	}

	.campus-life-nav .col-auto.ml-auto {
		margin-top: 0.5rem;
	}

	/* 卡片：每行2个 */
	.campus-life-card-list .col-sm-6 {
		flex: 0 0 50%;
		max-width: 50%;
	}

	.campus-life-card-img {
		height: 160px;
	}
}

@media (max-width: 575px) {
	/* 卡片：每行1个 */
	.campus-life-card-list .col-sm-6 {
		flex: 0 0 100%;
		max-width: 100%;
	}

	.campus-life-card-img {
		height: 200px;
	}
}

/* 基础容器 */
.school-dynamic-container {
	max-width: 1200px;
	margin: 2rem auto;
	padding: 0 1rem;
}

/* 顶部标题栏 */
.school-dynamic-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 5px;
	padding-bottom: 1rem;
	border-bottom: 1px solid #eee;
}

.school-dynamic-title {
	position: relative;
	font-size: 1.3rem;
	font-weight: 700;
	color: #333;
	margin-bottom: 0.3rem;
	padding-left: 1rem;
}

.school-shetuan{
	margin-left:30px;
}

/* 标题左侧蓝色竖条（还原图片细节） */
.school-dynamic-title::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 4px;
	height: 24px;
	background-color: #2196F3; /* 领科蓝 */
}

.school-dynamic-subtitle {
	font-size: 0.9rem;
	color: #999;
	margin-left: 1rem;
}

.school-dynamic-more {
	color: #666;
	text-decoration: none;
	font-size: 0.9rem;
}

.school-dynamic-more:hover {
	color: #2196F3;
	text-decoration: underline;
}

/* 中间内容区（PC端三列布局） */
.school-dynamic-content {
	display: flex;
	gap: 0px;
	flex-wrap: wrap;
}

/* 精彩视频模块（左列） */
.school-dynamic-video {
	flex: 0 0 25%; /* PC端占25%宽度 */
	max-width: 25%;
}

.school-dynamic-video-card {
	border: none;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 2px 4px rgba(0,0,0,0.1);
	transition: box-shadow 0.3s ease;
}

.school-dynamic-video-card:hover {
	box-shadow: 0 4px 8px rgba(0,0,0,0.15);
}

.school-dynamic-video-img {
	width: 100%;
	height: 200px;
	object-fit: cover; /* 保持图片比例，裁剪填充 */
}

/* 播放按钮（绝对定位，居中） */
.school-dynamic-play-btn {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 48px;
	height: 48px;
	background-color: rgba(0,0,0,0.5);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

.school-dynamic-play-btn i {
	font-size: 1.5rem;
	color: #fff;
}

.school-dynamic-video-text {
	font-size: 0.95rem;
	color: #666;
	text-align: center;
	padding: 1rem 0;
	margin-bottom: 0;
}

/* 学校新闻模块（中列） */
.school-dynamic-news {
	flex: 0 0 30%; /* PC端占30%宽度 */
	max-width: 30%;
}

.school-dynamic-news-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 1.5rem;
}

.school-dynamic-news-title {
	font-size: 1.1rem;
	font-weight: 700;
	color: #333;
	margin-bottom: 0;
}

.school-dynamic-news-list {
	list-style: none;
	padding-left: 0;
}

.school-dynamic-news-item {
	font-size: 0.95rem;
	color: #666;
	margin-bottom: 1rem;
	line-height: 1.4;
	position: relative;
	padding-left: 1.2rem; /* 为圆点留空间 */
}

/* 新闻条目前的蓝色圆点（还原图片细节） */
.school-dynamic-news-item::before {
	content: "•";
	position: absolute;
	left: 0;
	top: 0;
	font-size: 1.2rem;
	color: #2196F3;
	margin-right: 0.5rem;
}

/* 在线提问模块（右列） */
.school-dynamic-question {
	flex: 0 0 40%; /* PC端占40%宽度 */
	max-width: 40%;
	background-color: #FFF3E0; /* 浅橙色背景（还原图片） */
	border-radius: 8px;
	padding: 1.5rem;
}

.school-dynamic-question-header {
	display: flex;
	align-items: center;
	margin-bottom: 1.5rem;
}

/* 提问模块图标（问号+对话框） */
.school-dynamic-question-icon {
	font-size: 1.2rem;
	color: #FF9800; /* 橙色图标 */
	margin-right: 0.5rem;
}

.school-dynamic-question-title {
	font-size: 1.1rem;
	font-weight: 700;
	color: #333;
	margin-bottom: 0;
}

/* 提问表单样式 */
.school-dynamic-question-form .form-control {
	border: 1px solid #eee;
	border-radius: 4px;
	padding: 0.7rem;
	margin-bottom: 1rem;
}

.school-dynamic-question-checkbox {
	font-size: 0.9rem;
	color: #666;
	margin-bottom: 1.5rem;
}

.school-dynamic-question-btn {
	width: 100%;
	background-color: #FF9800; /* 橙色提交按钮 */
	color: #fff;
	border: none;
	border-radius: 4px;
	padding: 0.7rem;
	font-size: 0.95rem;
	cursor: pointer;
}

.school-dynamic-question-btn:hover {
	background-color: #F57C00; /* Hover加深橙色 */
	transition: background-color 0.3s ease;
}

/* 隐私说明样式（极小灰色字） */
.school-dynamic-question-note {
	font-size: 0.8rem;
	color: #999;
	line-height: 1.3;
	margin-top: 1.5rem;
}

/* ------------------- 响应式调整（移动端≤767px） ------------------- */
@media (max-width: 767px) {
	/* 顶部标题栏：堆叠对齐 */
	.school-dynamic-header {
		flex-direction: column;
		align-items: flex-start;
		gap: 1rem;
	}

	/* 中间内容区：堆叠显示（占100%宽度） */
	.school-dynamic-video,
	.school-dynamic-news,
	.school-dynamic-question {
		flex: 0 0 100%;
		max-width: 100%;
		margin-bottom: 2rem;
	}

	/* 视频图片高度调整（适应移动端） */
	.school-dynamic-video-img {
		height: 180px;
	}

	/* 提问模块 padding 调整（减少移动端拥挤） */
	.school-dynamic-question {
		padding: 1rem;
	}
}

/* ------------------- 基础样式 ------------------- */
.footer-container {
	background-color: #eee;
	border-top: 1px solid #eee;
	padding: 2rem 0;
	font-family: "微软雅黑", sans-serif;
}

.footer-content {
	margin-bottom: 1.5rem;
}

/* ------------------- 左侧导航 ------------------- */
.footer-nav {
	padding-right: 1.5rem;
}

.footer-nav-row {
	margin: 0 -0.5rem;
}

.footer-nav-column {
	padding: 0 0.5rem;
}

.footer-nav-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.footer-nav-item {
	margin-bottom: 0.6rem;
}

.footer-nav-link {
	color: #666;
	text-decoration: none;
	font-size: 0.95rem;
}

.footer-nav-link:hover {
	color: #007bff;
	text-decoration: underline;
}

/* ------------------- 中间社交 ------------------- */
.footer-social {
	padding: 0 1.5rem;
}

.footer-social-title {
	font-size: 1rem;
	font-weight: 700;
	color: #333;
	margin-bottom: 1rem;
}

.footer-social-list {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	gap: 1rem;
}

.footer-social-item {
	display: inline-block;
}

.footer-social-link {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	color: #fff;
	text-decoration: none;
	font-size: 1.3rem;
	transition: background-color 0.3s ease;
}

/* 社交图标颜色（还原图片） */
.footer-social-douyin { background-color: #67C23A; } /* 抖音绿 */
.footer-social-wechat { background-color: #67C23A; } /* 微信绿 */
.footer-social-heart { background-color: #FF9800; } /* 爱心橙 */
.footer-social-xiaohongshu { background-color: #FF6600; } /* 小红书橙 */
.footer-social-account { background-color: #E60023; } /* 公众号红 */

.footer-social-link:hover {
	opacity: 0.8;
}

/* ------------------- 右侧联系 ------------------- */
.footer-contact {
	padding-left: 1.5rem;
}

.footer-hotline {
	font-size: 0.95rem;
	color: #666;
	margin-bottom: 0.8rem;
}

.footer-hotline-number {
	display: block;
	font-size: 1.4rem;
	font-weight: 700;
	color: #000;
	margin-top: 0.3rem;
}

.footer-service-time {
	font-size: 0.9rem;
	color: #666;
	margin: 0.5rem 0;
}

.footer-complaint {
	font-size: 0.9rem;
	color: #666;
}

/* ------------------- 底部版权 ------------------- */
.footer-copyright {
	border-top: 1px solid #eee;
	padding-top: 1.2rem;
	text-align: center;
}

.footer-copyright-text {
	font-size: 0.8rem;
	color: #999;
	margin: 0;
	line-height: 1.5;
}

/* ------------------- 响应式调整（移动端） ------------------- */
@media (max-width: 767px) {
	/* 容器内边距调整 */
	.footer-container {
		padding: 1.5rem 0;
	}

	/* 左侧导航：两列保持，但间距减小 */
	.footer-nav {
		padding-right: 0;
		margin-bottom: 1.5rem;
	}

	.footer-nav-column {
		padding: 0 0.3rem;
	}

	.footer-nav-link {
		font-size: 0.9rem;
	}

	/* 中间社交：居中对齐 */
	.footer-social {
		padding: 0;
		margin-bottom: 1.5rem;
		text-align: center;
	}

	.footer-social-list {
		justify-content: center;
		gap: 0.8rem;
	}

	.footer-social-link {
		width: 36px;
		height: 36px;
		font-size: 1.1rem;
	}

	/* 右侧联系：居中对齐 */
	.footer-contact {
		padding-left: 0;
		text-align: center;
	}

	.footer-hotline-number {
		font-size: 1.2rem;
	}

	/* 底部版权：字体缩小 */
	.footer-copyright-text {
		font-size: 0.75rem;
	}
}

/* ------------------- 小屏手机调整（≤575px） ------------------- */
@media (max-width: 575px) {
	.footer-nav-column {
		flex: 0 0 50%;
		max-width: 50%;
	}

	.footer-social-list {
		gap: 0.6rem;
	}

	.footer-social-link {
		width: 32px;
		height: 32px;
		font-size: 1rem;
	}

	.footer-hotline-number {
		font-size: 1.1rem;
	}
}
/* 页面容器：上下留白 */
.page-container {
	max-width: 1200px;
	margin: 2rem auto;
	padding: 0 15px;
}

/* 活动条目：边框、圆角、内边距、 hover阴影 */
.activity-item {
	border: 1px solid #f0f0f0;
	border-radius: 8px;
	padding: 0px;
	margin-bottom: 5px;
	transition: box-shadow 0.3s ease;
}

.activity-item:hover {
	box-shadow: 0 2px 10px rgba(0,0,0,0.05); /* 轻微阴影，提升交互 */
}

/* 文字区：信息层级调整 */
.activity-info h5 {
	font-size: 1.1rem;
	font-weight: 700;
	margin-bottom: 0.5rem;
	color: #333;
}

.activity-info .subtitle {
	font-size: 0.95rem;
	color: #666;
	margin-bottom: 0.8rem;
}

.activity-info .date {
	font-size: 0.85rem;
	color: #999;
}

/* 图片区：保持比例，圆角 */
.activity-img img {
	width: 100%;
	height: auto;
	border-radius: 6px;
	object-fit: cover; /* 图片裁剪，避免变形 */
}

/* 移动端适配（屏幕≤767px） */
@media (max-width: 767px) {
	/* 活动条目：减少内边距 */
	.activity-item {
		padding: 1rem;
	}

	/* 文字区：调整字体大小 */
	.activity-info h5 {
		font-size: 1rem;
	}

	.activity-info .subtitle {
		font-size: 0.9rem;
	}

	/* 图片区：增加顶部间距（堆叠时与文字区分隔） */
	.activity-img {
		margin-top: 1rem;
	}
}

/* 容器样式：上下 margin，居中显示 */
.qa-container {
	max-width: 1000px; /* 限制最大宽度，避免PC端内容过宽 */
	margin: 2rem auto;
	padding: 0 15px;
}

/* 问答行样式：上下间距 */
.qa-row {
	margin-bottom: 1.5rem;
}

/* 图标通用样式（问/答共用） */
.qa-icon {
	width: 50px;
	height: 50px;
	font-size: 1.5rem;
	font-weight: 700;
	color: #fff;
	background-color: #007bff; /* 蓝色，与图片一致 */
	border-radius: 50%; /* 圆形 */
	display: flex;
	align-items: center;
	justify-content: center;
}

/* 问题模块样式 */
.question-col {
	display: flex;
	align-items: flex-start; /* 图标与问题顶部对齐 */
}

.question-content {
	flex: 1;
	background-color: #fff;
	border: 1px solid #ddd; /* 灰色边框 */
	border-radius: 0.5rem; /* 圆角 */
	padding: 1rem; /* 内边距 */
	margin-left: 1rem; /* PC端与图标间距 */
}

/* 回答模块样式 */
.answer-col {
	display: flex;
	align-items: flex-start; /* 图标与回答顶部对齐 */
	justify-content: flex-end; /* 回答内容居左，图标居右（PC端） */
}

.answer-content {
	flex: 1;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 0.5rem;
	padding: 1rem;
	margin-right: 1rem; /* PC端与图标间距 */
}

/* 移动端适配（屏幕≤767px） */
@media (max-width: 767px) {
	/* 缩小图标尺寸 */
	.qa-icon {
		width: 40px;
		height: 40px;
		font-size: 1.2rem;
	}

	/* 减小问题/回答与图标间距 */
	.question-content {
		margin-left: 0.5rem;
	}

	.answer-content {
		margin-right: 0.5rem;
	}

	/* 回答模块：小屏幕下保持左右结构（图标居右） */
	.answer-col {
		justify-content: flex-start; /* 小屏幕下回答内容居左，图标居右 */
	}
}

/*  hover 交互效果（可选，提升体验） */
.question-content:hover, .answer-content:hover {
	border-color: #007bff; /* 边框变蓝 */
	background-color: #f8f9fa; /* 背景变浅 */
	transition: all 0.3s ease; /* 动画过渡 */
}
/* ------------------------------
 * 信息项模块（BEM命名：块-元素）
 * ------------------------------ */
.info-item {
	border: 1px solid #e9ecef; /* 浅灰色边框 */
	border-radius: 0.5rem; /* 圆角 */
	background-color: #fff; /* 白色背景 */
	transition: all 0.3s ease; /* 过渡动画 */
	margin-bottom: 0px; /* 项间距 */
}
.info-item:hover {
	border-color: #007bff; /*  hover时边框变蓝（Bootstrap主题色） */
	box-shadow: 0 0.125rem 0.25rem rgba(0,0,0,0.075); /* 轻微阴影 */
}
/* 信息项-图标 */
.info-item__icon {
	font-size: 1.25rem; /* 图标大小 */
	color: #007bff; /* 图标颜色（Bootstrap主题色） */
	min-width: 2rem; /* 固定图标宽度，保持文字对齐 */
	margin-right: 1rem; /* 图标与文字间距 */
}
/* 信息项-文字 */
.info-item__text {
	font-size: 1rem; /* 文字大小 */
	color: #343a40; /* 文字颜色（深灰色） */
	line-height: 1.5; /* 行高 */
}

/* ------------------------------
 * 描述模块（BEM命名：块）
 * ------------------------------ */
.description {
	border-top: 1px solid #e9ecef; /* 顶部分隔线 */
	padding-top: 1.5rem; /* 顶部内边距 */
	margin-top: 1.5rem; /* 与信息项的间距 */
}
/* 描述-文字 */
.description__content {
	font-size: 1rem; /* 文字大小 */
	color: #6c757d; /* 文字颜色（浅灰色） */
	line-height: 1.75; /* 行高（提升阅读体验） */
}
/* 描述-查看详情链接 */
.description__link {
	font-weight: 500; /* 字体加粗 */
	color: #007bff; /* 链接颜色（Bootstrap主题色） */
	text-decoration: none; /* 去除下划线 */
}
.description__link:hover {
	text-decoration: underline; /* hover时显示下划线 */
}
/* 自定义轮播图高度（根据需求调整） */
.carousel-item {
	height: 400px; /* 固定高度，适配不同屏幕 */
}
/* 轮播图图片样式（保持比例并填满容器） */
.carousel-item img {
	width: 100%;
	height: 100%;
	object-fit: cover; /* 图片裁剪填充，避免拉伸 */
}
/* 轮播图标题栏样式（增强可读性） */
.carousel-caption {
	background-color: rgba(0, 0, 0, 0.5); /* 半透明黑色背景 */
	border-radius: 5px; /* 圆角 */
	padding: 15px; /* 内边距 */
}