.module .module-content-wraper {
  width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-direction: column; /* 使子元素上下排列 */
  margin-bottom: 40px; /* 添加底部边距确保与下方内容不重叠 */
  overflow: hidden; /* 确保内容不会溢出 */
}

.module .module-intro {
  width: 100%; /* 确保模块总介绍占据整个宽度 */
  background-color: #fff;
  padding: 30px;
  margin-bottom: 30px;
  margin-top: 10px;
  border-radius: 8px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}

.module .module-intro h1 {
  color: #333;
  font-size: 28px;
  margin-bottom: 20px;
  font-weight: bold;
}

.module .module-intro p {
  color: #666;
  line-height: 1.8;
  font-size: 16px;
  text-indent: 2em;
}

.module .module-cards {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 2%;
  margin-bottom: -30px; /* 抵消最后一行的margin-bottom */
  overflow: hidden; /* 确保内容不会溢出 */
}

.module .module-card {
  width: 32%;
  margin-bottom: 30px;
  background-color: #fff;
  border-radius: 8px;
  overflow: hidden;
  transition: all 0.3s ease;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  cursor: pointer;
  display: flex; /* 使整个卡片成为flex容器 */
  flex-direction: column; /* 垂直排列子元素 */
}

/* 修改占位模块样式 */
.module .module-card.placeholder {
  box-shadow: none;
  pointer-events: none;
  background: transparent;
  margin-bottom: 30px; /* 保持与实际模块相同的边距 */
  height: 0; /* 确保占位模块不会影响实际内容的显示 */
  min-height: 0; /* 覆盖可能继承的最小高度 */
  padding: 0; /* 移除所有内边距 */
  border: none; /* 移除所有边框 */
}

.module .module-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

.module .card-img {
  width: 100%;
  height: auto; /* 确保图片与上端对齐 */
}

.module .card-content {
  padding: 10px;
  display: flex;
  flex-direction: column;
  flex-grow: 1; /* 占据剩余高度 */
  justify-content: space-between; /* 确保内容和footer之间的空间均匀分配 */
}

.module .card-content h3 {
  font-size: 18px;
  color: #333;
  margin-bottom: 10px;
  font-weight: bold;
}

.module .card-content p {
  font-size: 14px;
  color: #666;
  line-height: 1.5;
  margin-bottom: 12px;
}

.module .card-footer {
  padding: 10px;
  background-color: #f9f9f9;
  text-align: right;
  /* 不需要margin-top: auto; 因为card-content已经占据剩余高度 */
}

.module .card-footer a {
  color: #1e9fff;
  font-size: 14px;
}

/* 为 .module 内部的 .content 增加上下 40px 的空隙，解决取消面包屑导航后标题和内容之间没有空隙的问题 */
.module .content {
  margin-top: 40px;
  margin-bottom: 40px;
}