.bg-dashboard {
  background-image: url('../images/chunking/dashboard.jpeg');
  /* 替换为你的图片路径 */
  background-size: cover;
  /* 确保图片覆盖整个div */
  background-position: center;
  /* 将图片中心对齐到div中心 */
  background-repeat: no-repeat;
  /* 防止图片重复 */
  /* width: 100%;
    height: 100%; 设置div的高度 */
}

.people-banner {
  background-image: url('../images/chunking/banner-people.jpg');
  /* 替换为你的图片路径 */
  background-size: cover;
  /* 确保图片覆盖整个div */
  background-position: top;
  /* 将图片中心对齐到div中心 */
  background-repeat: no-repeat;
  /* 防止图片重复 */

}

.welcome-banner {
  background-image: url('../images/chunking/1106173622148.jpg');
  /* 替换为你的图片路径 */
  background-size: cover;
  /* 确保图片覆盖整个div */
  background-position: top;
  /* 将图片中心对齐到div中心 */
  background-repeat: no-repeat;
  /* 防止图片重复 */

}

.campus-banner {
  background-image: url('../images/chunking/campus-banner.jpeg');
  /* 替换为你的图片路径 */
  background-size: cover;
  /* 确保图片覆盖整个div */
  background-position: top;
  /* 将图片中心对齐到div中心 */
  background-repeat: no-repeat;
  /* 防止图片重复 */

}

.schoollife-banner {
  background-image: url('../images/chunking/7121735535031.jpg');
  /* 替换为你的图片路径 */
  background-size: cover;
  /* 确保图片覆盖整个div */
  background-position: top;
  /* 将图片中心对齐到div中心 */
  background-repeat: no-repeat;
  /* 防止图片重复 */

}

.admission-banner {
  background-image: url('../images/chunking/10891736219503.jpg');
  /* 替换为你的图片路径 */
  background-size: cover;
  /* 确保图片覆盖整个div */
  background-position: top;
  /* 将图片中心对齐到div中心 */
  background-repeat: no-repeat;
  /* 防止图片重复 */

}

.recruitment-banner {
  background-image: url('../images/chunking/admissionbg.jpeg');
  /* 替换为你的图片路径 */
  background-size: cover;
  /* 确保图片覆盖整个div */
  background-position: top;
  /* 将图片中心对齐到div中心 */
  background-repeat: no-repeat;
  /* 防止图片重复 */

}

.mission-banner {
  background-image: url('../images/chunking/mm-banner.jpg');
  /* 替换为你的图片路径 */
  background-size: cover;
  /* 确保图片覆盖整个div */
  background-position: top;
  /* 将图片中心对齐到div中心 */
  background-repeat: no-repeat;
  /* 防止图片重复 */

}

.alumni-banner {
  background-image: url('../images/chunking/2e9c3787a99192e24d13226cdb67866.jpg');
  /* 替换为你的图片路径 */
  background-size: cover;
  /* 确保图片覆盖整个div */
  background-position: top;
  /* 将图片中心对齐到div中心 */
  background-repeat: no-repeat;
  /* 防止图片重复 */

}

.curriculum-banner {
  background-image: url('../images/chunking/curriculumBanner.jpg');
  /* 替换为你的图片路径 */
  background-size: cover;
  /* 确保图片覆盖整个div */
  background-position: top;
  /* 将图片中心对齐到div中心 */
  background-repeat: no-repeat;
  /* 防止图片重复 */

}
.faqs-banner {
  background-image: url('../images/chunking/13141736315154.jpg');
  /* 替换为你的图片路径 */
  background-size: cover;
  /* 确保图片覆盖整个div */
  background-position: top;
  /* 将图片中心对齐到div中心 */
  background-repeat: no-repeat;
  /* 防止图片重复 */

}
.contact-banner {
  background-image: url('../images/chunking/1343173632225.jpg');
  /* 替换为你的图片路径 */
  background-size: cover;
  /* 确保图片覆盖整个div */
  background-position: top;
  /* 将图片中心对齐到div中心 */
  background-repeat: no-repeat;
  /* 防止图片重复 */

}

.dashboard {
  height: 90vh;
}

.full {
  height: 100vh;
}

.bg-primary-custom {
  background-color: #b91c1c;
}

.hover\:bg-red-dark:hover {
  --tw-border-opacity: 1;
  background-color: #8a1919;
}

.advantage-image {
  position: relative;
  /* 确保伪元素相对于这个元素定位 */
  background: url('../images/chunking/NBCKcoreadvantages2.jpeg') no-repeat center center;
  background-size: cover;
  background-position: center;
  /* 将图片中心对齐到div中心 */
  width: 100%;
  /* height: 750px; */
}

.registration-image {
  position: relative;
  /* 确保伪元素相对于这个元素定位 */
  background: url('../images/chunking/20241130090530.jpg') no-repeat center center;
  background-size: cover;
  background-position: top;
  /* 将图片中心对齐到div中心 */
  width: 100%;
  /* height: 750px; */
}

.advantage-image::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(39, 37, 52, 0.5);
  /* 黑色半透明蒙层 */
  z-index: 1;
  /* 确保蒙层在背景之上，内容之下 */
}

/* 确保你的内容有更高的z-index */
.advantage-image .content {
  position: relative;
  z-index: 2;
}

.image-container {
  position: relative;
  width: 100%;
  padding-top: 66.67%;
  /* 这将作为高度，是容器宽度的50% */
}

.image-container img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  /* 或者根据需要选择其他值 */
}

.inset-shadow {
  box-shadow: inset 0 0 10px 10px rgba(0, 0, 0, 0.3);
}

.incenter {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.button-letter-space {
  letter-spacing: 3px;
}

.timeline {
  display: flex;
}

.step {
  text-align: center;
  margin-top: 20px;
}

.icon {
  height: 58px;
  width: 58px;
  border-radius: 80px;
  background-color: #f3f3f3;
  margin: 10px auto;
  line-height: 58px;
  font-weight: 800;
  font-size: 18px;
  color: #b91c1c;
}

table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 20px;
  border: 1px solid #b8b8b8;
  /* 外部边框颜色为灰色 */
}

th,
td {
  padding: 10px;
  text-align: left;
  border: 1px solid #b8b8b8;
  /* 内部单元格边框颜色为灰色 */
}

thead th {
  background-color: #b91c1c;
  color: white;
}

/* Optional: Alternate row colors for better readability */
tbody tr:nth-child(even) {
  background-color: #f9f9f9;
}

.welfare-list {
  justify-content: space-around;
}

.welfare {
  background-color: #b91c1c;
  width: 280px;
  height: 280px;
  margin-top: 20px;
  border-radius: 8px;
  color: #ffffff;
}



.clubs {
  background-color: #b91c1c;
  width: 280px;
  height: 350px;
  margin-top: 20px;
  border-radius: 8px;
  color: #ffffff;
  padding: 50px;
}

.clubs-type {
  font-size: 25px;
  font-weight: 700;
  margin: 10px 0;
}
.clubs-item{
  list-style-type: disc;
  padding-left: 20px;
  font-size: 14px;
}

.clubs-item-pic{
  position: relative;
/* width: 280px; */
margin: 20px auto;
border-radius: 8px;

}
.clubs-image{
  width: 280px;
}
.clubs-desc{
  bottom: 0;
  position: absolute;
  text-align: center;
  background-color: #00000077;
  width: 100%;
  color:#ffffff;
  height: 30px;
  line-height: 30px;
}


/* Ensure list items have a dot as the bullet point */
.dot-list {
  list-style-type: disc;
  /* 确保使用圆点作为项目符号 */
  padding-left: 20px;
  /* 给列表项一些左边距以容纳项目符号 */
  color: gray;
}

.dot-list li {
  margin-bottom: 5px;
  /* 在列表项之间添加一点间距 */
}

/* Add custom smaller dot before each list item */
.dot-list li::before {
  content: '';
  /* 必须有内容才能显示 */
  position: absolute;
  left: 0;
  top: 0.6em;
  /* 调整垂直位置 */
  width: 0.4em;
  /* 圆点的直径 */
  height: 0.4em;
  /* 圆点的直径 */
  background-color: black;
  /* 圆点的颜色 */
  border-radius: 50%;
  /* 将其变成圆形 */
}

.transparent-button {
  border: 3px solid #ffffff;    /* 白色边框，宽度为2像素 */

}

.accordion {
  background-color: #b91c1c;
  color: #ffffff;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
  margin:3px 0px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  span{
    flex:1;
  }
}
.active, .accordion:hover {
  background-color: #b91c1c;
}
.panel {
  text-align: left;
  padding: 10px 18px;
  display: none;
  background-color: #f0f0f0;
  overflow: hidden;
}