/* Enhanced Base styles */
.headerDiv {
  /* Enhanced Research Grid */
  /* .research-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 2.5rem;
    padding: 2rem;
} */
  /* Contact Section */
  /* 在你的 styles.css 文件中添加 */
  /* 在您的 styles.css 文件中或 <style> 标签内添加/更新以下样式 */
  /* 重置链接的默认样式 */
  /* 悬停状态 */
  /* 隐藏子菜单 */
  /* 子菜单链接样式 */
  /* 显示子菜单 */
  /* @media (max-width: 768px) {
    .dropbtn::after {
        border-width: 6px; /* 在小屏幕上使用较小的箭头 */
  /* 新增的CSS样式 */
  /* @media (max-width: 960px) {
    .paper-gallery {
        flex-direction: column;
    }
    .paper-gallery a {
      width: 100%;
      margin-bottom: 30px;
    }
  } */
  /* 鼠标悬停动画效果 */
  /* 新增的CSS样式 */
  /* Hamburger Menu */
  /* 手机 */
  /* pc */
  /* Latest Research 部分样式 */
  /* 响应式调整 */
  /* 在index.css文件中添加以下样式 */
  /* 小屏幕适配 */
  /* 中等屏幕调整按钮间距 */
  /* 修改按钮容器在小屏幕上的布局 */
  /* 在超小屏幕上调整按钮大小 */
  /* 修改按钮容器在小屏幕上的布局 */
  /* 在超小屏幕上调整按钮大小 */
  /* 修改按钮容器在小屏幕上的布局 */
  /* 在超小屏幕上调整按钮大小 */
  /* 更具体的选择器确保优先级 */
  /* 黄必录视频部分 */
  /* 响应式调整 */
  /* 黄必录视频部分 - 小屏幕适配 */
  /* 在小屏幕上调整视频部分 */
  /* 在现有媒体查询中添加以下代码 */
  /* 版权信息样式优化 - 绿色主题 */
  /* 小屏幕适配 */
  /* 大屏幕适配 */
  /* 修改所有moreBtn按钮的悬停和点击效果 */
  /* 确保按钮有过渡效果 */
  /* 夜间模式切换按钮 */
  /* 夜间模式基础样式 */
  /* 夜间模式下的导航栏 */
  /* 夜间模式下的横幅 */
  /* 夜间模式下的个人介绍区域 */
  /* 夜间模式下的研究区域 */
  /* 夜间模式下的新闻区域 */
  /* 夜间模式下的合作区域 */
  /* 夜间模式下的页脚 */
  /* 夜间模式下的返回顶部按钮 */
  /* 夜间模式下的版权信息 */
  /* 高亮卡片在夜间模式下的调整 */
  /* 待续卡片在夜间模式下的调整 */
  /* 响应式调整 */
  /* 在index.css中添加 */
  /* 创建现代化的按钮系统 */
}
.headerDiv :root {
  --primary-color: #37883f;
  --secondary-color: #45a049;
  --accent-color: #e74c3c;
  --light-bg: #f8f9fa;
  --dark-bg: #37883f;
  --text-color: #333;
  --light-text: #fff;
}
.headerDiv body {
  font-family: 'Open Sans', inherit, sans-serif;
  line-height: 1.8;
  color: var(--text-color);
  margin: 0;
  background-color: #fff;
}
.headerDiv .research-item {
  background: var(--light-bg);
  /* padding: 2rem; */
  border-radius: 10px;
  transition: all 0.3s ease;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}
.headerDiv .research-item:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}
.headerDiv .research-item img {
  width: 100%;
  height: 250px;
  object-fit: cover;
  border-radius: 8px;
  margin-bottom: 1.5rem;
}
.headerDiv .research-item h3 {
  color: var(--primary-color);
  margin-bottom: 1rem;
  font-size: 1.5rem;
}
.headerDiv .team-member {
  width: 100%;
  max-width: 100%;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.headerDiv .member-description {
  padding: 0 15px;
  font-size: 14px;
  line-height: 1.5;
}
.headerDiv .member-title {
  font-size: 16px;
  margin: 10px 0;
}
.headerDiv .social-links {
  display: flex;
  /* justify-content: space-between; */
  /* gap: 1rem;
    margin-top: 1rem; */
  /* margin: 1rem 0; */
}
.headerDiv .social-links i {
  margin-right: 10px !important;
}
.headerDiv .social-links i:hover {
  color: var(--secondary-color);
}
.headerDiv .social-icon {
  color: #ffffff;
  font-size: 1.5rem;
  transition: color 0.3s ease;
}
.headerDiv .social-icon:hover {
  color: var(--secondary-color);
}
.headerDiv .wechat-container {
  position: relative;
  display: inline-block;
}
.headerDiv .qr-code {
  display: none;
  position: absolute;
  top: 90%;
  /* Position under the icon */
  left: 50%;
  transform: translateX(-50%);
  width: 100px;
  /* Smaller size */
  height: 100px;
  /* Smaller size */
  padding: 5px;
  background: white;
  border: 1px solid #ddd;
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  z-index: 1000;
  margin-top: 10px;
  /* Add some space between icon and QR code */
}
.headerDiv .wechat-container:hover .qr-code {
  display: block;
}
.headerDiv #contact {
  background: var(--light-bg);
  border-radius: 10px;
  padding: 3rem;
  margin-top: 4rem;
}
.headerDiv #contact p {
  text-align: center;
  margin-bottom: 1rem;
}
.headerDiv .button {
  display: inline-block;
  padding: 10px 20px;
  background-color: #e62874;
  /* 玫红色 */
  color: white;
  text-decoration: none;
  border-radius: 5px;
  transition: background-color 0.3s;
}
.headerDiv .button:hover {
  background-color: #DB0058;
  /* 玫红色 on hover */
}
.headerDiv a {
  transition: color 0.3s ease, text-decoration 0s ease;
  /* 平滑颜色和下划线的变化 */
}
.headerDiv a:hover {
  color: #4CAF50;
  /* 鼠标悬停时的颜色 */
  text-decoration: none;
  /* 确保悬停时没有下划线 */
}
.headerDiv a:active {
  color: #45a049;
  /* 点击时的颜色 */
}
.headerDiv a {
  color: #45a049;
  /* 设置链接颜色为绿色 */
  text-decoration: none;
  /* 移除下划线 */
  transition: color 0.3s ease;
  /* 平滑颜色变化，如果需要 */
}
.headerDiv a:hover {
  color: #37883f;
  /* 悬停时颜色保持三角梅玫红色 */
  text-decoration: none;
  /* 确保悬停时没有下划线 */
}
.headerDiv .dropdown-content {
  display: none;
  position: absolute;
  background-color: #37883f;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
}
.headerDiv .dropdown-content a {
  color: #ffffff;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}
.headerDiv .dropdown:hover .dropdown-content {
  display: block;
}
.headerDiv .dropbtn i {
  margin-left: 5px;
  /* 与文本间距 */
}
.headerDiv .video-container {
  text-align: center;
  /* 使视频容器居中 */
  margin: auto;
  /* 自动边距 */
  padding: 20px;
  /* 内边距 */
  max-width: 560px;
  /* 最大宽度 */
}
.headerDiv .video-container iframe {
  display: inline-block;
  /* 使iframe内联块级元素，以便居中显示 */
}
.headerDiv .photo-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  /* 创建三列的网格布局 */
  gap: 10px;
  /* 图片之间的间隔 */
  max-width: 1200px;
  /* 最大宽度 */
  margin: auto;
  /* 自动边距 */
  padding: 20px;
  /* 内边距 */
}
.headerDiv .photo-item {
  width: 100%;
  /* 图片宽度为网格列宽 */
  height: auto;
  /* 高度自适应 */
  object-fit: cover;
  /* 保持图片比例 */
}
.headerDiv .photo-item:hover {
  transform: scale(1.05);
  /* 鼠标悬停时放大 */
}
.headerDiv .paper-gallery {
  position: relative;
  width: 100%;
  /* 容器宽度为100% */
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
}
.headerDiv .paper-gallery a {
  width: 30%;
  height: 100%;
  box-shadow: 6px 6px 18px 0px rgba(0, 0, 0, 0.3);
}
.headerDiv .paper-gallery img {
  width: 100%;
  /* 图片宽度为网格列宽 */
  height: auto;
  /* 高度自适应 */
  object-fit: cover;
  /* 保持图片比例 */
  border-radius: 8px;
  /* 图片圆角 */
}
.headerDiv .paper-gallery img {
  width: 100%;
  /* 图片宽度为网格列宽 */
  height: auto;
  /* 高度自适应 */
  object-fit: cover;
  /* 保持图片比例 */
  border-radius: 8px;
  /* 图片圆角 */
  transition: transform 0.3s ease;
  /* 平滑变换效果 */
}
.headerDiv .logo-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  /* 创建两列的网格布局 */
  gap: 20px;
  /* 图片之间的间隔 */
  width: 100%;
  /* 容器宽度为100% */
  padding: 20px;
  /* 内边距 */
}
.headerDiv .logo-grid img {
  width: 100%;
  /* 图片宽度为网格列宽 */
  height: auto;
  /* 高度自适应 */
  object-fit: contain;
  /* 保持图片比例 */
  max-height: 100px;
  /* 设置最大高度 */
}
.headerDiv .hamburger-menu {
  display: none;
  cursor: pointer;
  padding: 15px;
  z-index: 1000;
}
.headerDiv .hamburger-menu span {
  display: block;
  width: 25px;
  height: 3px;
  background-color: white;
  margin: 5px 0;
  transition: all 0.4s ease-in-out;
}
.headerDiv .wechat-qr img {
  width: 115px;
  /* 设置二维码的宽度 */
  height: 115px;
  /* 高度自适应 */
  border: 1px solid #ddd;
  /* 可以添加边框，根据需求调整 */
  border-radius: 4px;
  /* 可以添加圆角，根据需求调整 */
}
.headerDiv .dd.animated.fadeInRight50 img {
  transition: all 0.8s;
}
.headerDiv .indexCont1 .cTab .dd {
  display: flex;
  align-items: center;
  height: 272px;
}
.headerDiv .banner .swiper-slide .link {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}
.headerDiv .le .list a:first-child {
  display: none;
}
.headerDiv .indexCont4 .d1 .til {
  background: none;
}
@keyframes fadeInUp50 {
  from {
    visibility: hidden;
    opacity: 0;
    transform: translateY(50px);
  }
  to {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
  }
}
.headerDiv .fadeInUp50 {
  animation-duration: 0.8s !important;
  animation-fill-mode: both !important;
}
.headerDiv * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
@media only screen and (max-width: 1000px) {
  .headerDiv .bannerText {
    font-size: 25px !important;
    color: #fff !important;
  }
  .headerDiv .txt_1 {
    font-size: 20px !important;
    margin: 20px 0 0px;
  }
  .headerDiv .txt_2 {
    font-size: 14px !important;
  }
  .headerDiv .research-grid {
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: space-between;
    /* border:1px solid red;  */
    /* padding: 2rem; */
    /* height: 1000px !important; */
  }
  .headerDiv .research-item {
    width: 100%;
    height: 100% !important;
    padding: 3% !important;
    margin-bottom: 10px;
    /* border:1px solid red; */
  }
  .headerDiv .research-item2 {
    margin-bottom: 0px;
  }
  .headerDiv .txt_3 {
    font-size: 18px !important;
    margin: 15px 0 10px !important;
  }
  .headerDiv #latest-research {
    padding: 20px !important;
    /* margin:0 !important; */
  }
  .headerDiv .up-to-date {
    text-align: center !important;
  }
}
@media only screen and (min-width: 1001px) {
  .headerDiv {
    /* .up-to-date:after {
                display: none !important;
            } */
  }
  .headerDiv .bannerText {
    font-size: 50px !important;
    color: #fff !important;
  }
  .headerDiv .txt_1 {
    font-size: 40px !important;
    margin: 33px 0 48px;
  }
  .headerDiv .txt_2 {
    font-size: 20px !important;
  }
  .headerDiv .research-grid {
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* border:1px solid red;  */
    /* padding: 2rem; */
    height: 700px !important;
  }
  .headerDiv .research-item {
    width: 49%;
    height: 100% !important;
    padding: 3% !important;
    /* border:1px solid red; */
  }
  .headerDiv .txt_3 {
    font-size: 24px !important;
    margin: 24px 0 16px !important;
  }
  .headerDiv .main {
    margin-top: 50px;
  }
}
.headerDiv #latest-research {
  padding: 20px;
  /* padding: 5rem 2rem; */
  max-width: 1200px;
  margin: 0 auto;
}
.headerDiv .research-layout {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
}
.headerDiv .research-image {
  flex: 1;
  min-width: 300px;
}
.headerDiv .research-image img {
  width: 100%;
  height: auto;
  border-radius: 8px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}
.headerDiv .research-content {
  flex: 1;
  min-width: 300px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (max-width: 1000px) {
  .headerDiv .research-layout {
    flex-direction: column;
  }
  .headerDiv .research-content {
    padding: 0 15px;
  }
  .headerDiv .research-title {
    font-size: 24px !important;
  }
  .headerDiv .research-subtitle {
    font-size: 18px !important;
  }
  .headerDiv .research-description {
    font-size: 16px !important;
  }
}
.headerDiv .research-image {
  flex: 0.4;
  /* 左边框占40% */
  min-width: 300px;
  margin-right: 40px;
  /* 与右边框的间距 */
}
.headerDiv .research-image img {
  width: 100%;
  /* 图片宽度占满父容器 */
  height: auto;
  /* 高度自适应，保持图片比例 */
  object-fit: cover;
  /* 保持图片比例并填充容器 */
  border-radius: 8px;
  /* 图片圆角 */
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
  /* 添加阴影效果 */
}
@media (max-width: 1000px) {
  .headerDiv .research-image {
    flex: 1;
    /* 在小屏幕上，左边框和右边框各占50% */
    margin-right: 0;
    /* 移除间距 */
  }
  .headerDiv .research-image img {
    width: 100%;
    /* 图片宽度占满父容器 */
    height: auto;
    /* 高度自适应，保持图片比例 */
    object-fit: cover;
    /* 保持图片比例并填充容器 */
    border-radius: 8px;
    /* 图片圆角 */
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    /* 添加阴影效果 */
  }
}
.headerDiv .research-layout {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  align-items: flex-start;
  /* 确保内容向上对齐 */
}
.headerDiv .research-content {
  flex: 1;
  min-width: 300px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  /* 确保内容向上对齐 */
}
@media (max-width: 1000px) {
  .headerDiv .research-layout {
    flex-direction: column;
    align-items: center;
    /* 在小屏幕上居中对齐 */
  }
  .headerDiv .research-content {
    padding: 0 15px;
  }
}
.headerDiv .moreBtn:hover {
  opacity: 0.9 !important;
}
.headerDiv .research-buttons {
  display: flex;
  gap: 20px;
  /* 按钮之间的间距 */
  flex-wrap: wrap;
  /* 允许在小屏幕上换行 */
}
@media (max-width: 480px) {
  .headerDiv .research-buttons {
    flex-direction: column;
    gap: 10px;
  }
  .headerDiv .research-buttons .moreBtn {
    width: 100% !important;
    /* 在小屏幕上按钮占满宽度 */
  }
}
@media (min-width: 481px) and (max-width: 768px) {
  .headerDiv .research-buttons {
    gap: 15px;
  }
}
@media (max-width: 480px) {
  .headerDiv .research-buttons {
    flex-direction: row !important;
    /* 强制水平排列 */
    justify-content: center;
    /* 居中对齐 */
    gap: 10px;
    /* 按钮间距 */
  }
  .headerDiv .research-buttons .moreBtn {
    width: auto !important;
    /* 自适应宽度 */
    min-width: 100px;
    /* 最小宽度 */
    padding: 0 10px;
    /* 左右内边距 */
  }
}
@media (max-width: 360px) {
  .headerDiv .research-buttons .moreBtn {
    min-width: 80px;
    /* 更小宽度 */
    font-size: 12px !important;
    /* 更小字号 */
  }
}
@media (max-width: 480px) {
  .headerDiv .research-buttons {
    flex-direction: row !important;
    /* 强制水平排列 */
    justify-content: flex-start !important;
    /* 改为左对齐 */
    gap: 10px;
    /* 按钮间距 */
  }
  .headerDiv .research-buttons .moreBtn {
    width: auto !important;
    /* 自适应宽度 */
    min-width: 100px;
    /* 最小宽度 */
    padding: 0 10px;
    /* 左右内边距 */
  }
}
@media (max-width: 360px) {
  .headerDiv .research-buttons .moreBtn {
    min-width: 80px;
    /* 更小宽度 */
    font-size: 12px !important;
    /* 更小字号 */
  }
}
@media (max-width: 480px) {
  .headerDiv .research-buttons {
    flex-direction: row !important;
    /* 强制水平排列 */
    justify-content: flex-start !important;
    /* 确保左对齐 */
    gap: 10px;
    /* 按钮间距 */
    width: 100%;
    /* 占据整个宽度 */
    padding-left: 15px;
    /* 添加左内边距确保与内容对齐 */
  }
  .headerDiv .research-buttons .moreBtn {
    width: auto !important;
    /* 自适应宽度 */
    min-width: 100px;
    /* 最小宽度 */
    padding: 0 10px;
    /* 左右内边距 */
    margin-right: 0 !important;
    /* 移除可能的右边距 */
  }
}
@media (max-width: 360px) {
  .headerDiv .research-buttons {
    padding-left: 10px;
    /* 减少内边距 */
  }
  .headerDiv .research-buttons .moreBtn {
    min-width: 80px;
    /* 更小宽度 */
    font-size: 12px !important;
    /* 更小字号 */
    padding: 0 8px;
    /* 减少内边距 */
  }
}
.headerDiv #latest-research .research-content .research-buttons {
  justify-content: flex-start !important;
}
.headerDiv #huang-video {
  padding: 5rem 2rem;
  max-width: 1200px;
  margin: 0 auto;
}
.headerDiv .video-layout {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
}
.headerDiv .video-container {
  flex: 1;
  min-width: 300px;
}
.headerDiv .video-info {
  flex: 1;
  min-width: 300px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.headerDiv .video-card {
  background: white;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
}
.headerDiv .video-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}
.headerDiv .video-thumbnail {
  position: relative;
  height: 300px;
  overflow: hidden;
}
.headerDiv .video-thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s;
}
.headerDiv .video-card:hover .video-thumbnail img {
  transform: scale(1.05);
}
.headerDiv .play-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 70px;
  height: 70px;
  background: rgba(55, 136, 63, 0.8);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.9;
  transition: all 0.3s;
}
.headerDiv .play-icon i {
  color: white;
  font-size: 30px;
  margin-left: 5px;
}
.headerDiv .video-card:hover .play-icon {
  background: #37883f;
  transform: translate(-50%, -50%) scale(1.1);
}
.headerDiv .video-meta {
  display: flex;
  gap: 20px;
  color: #777;
  font-size: 16px;
  margin: 15px 0;
}
.headerDiv .video-meta span {
  display: flex;
  align-items: center;
  gap: 5px;
}
@media (max-width: 1000px) {
  .headerDiv .video-layout {
    flex-direction: column;
  }
  .headerDiv .video-thumbnail {
    height: 250px;
  }
}
@media (max-width: 1000px) {
  .headerDiv #huang-video {
    padding: 2rem 1rem;
    /* 减少内边距 */
  }
  .headerDiv .video-layout {
    flex-direction: column;
    /* 垂直排列 */
    align-items: center;
    /* 居中对齐 */
  }
  .headerDiv .video-container {
    width: 100%;
    /* 视频容器宽度占满屏幕 */
    max-width: 560px;
    /* 最大宽度限制 */
    margin-bottom: 2rem;
    /* 添加间距 */
  }
  .headerDiv .video-info {
    width: 100%;
    /* 信息区域宽度占满屏幕 */
    max-width: 560px;
    /* 最大宽度限制 */
    text-align: center;
    /* 文本居中对齐 */
  }
  .headerDiv .video-info .research-title {
    margin-bottom: 1rem;
    /* 调整标题间距 */
  }
  .headerDiv .video-info .video-desc {
    margin-bottom: 1rem;
    /* 调整描述间距 */
  }
  .headerDiv .video-info .video-meta {
    margin-bottom: 1rem;
    /* 调整元数据间距 */
  }
  .headerDiv .video-info .moreBtn {
    width: 100%;
    /* 按钮宽度占满屏幕 */
    max-width: 200px;
    /* 最大宽度限制 */
    margin: 0 auto;
    /* 居中对齐 */
  }
}
@media only screen and (max-width: 1000px) {
  .headerDiv #huang-video {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
    margin-bottom: 0 !important;
  }
}
@media only screen and (max-width: 1000px) {
  .headerDiv #huang-video {
    padding: 20px !important;
    margin-bottom: 0 !important;
    /* 移除额外的底部间距 */
  }
  .headerDiv .video-layout {
    padding: 0 15px;
    /* 添加左右内边距 */
    gap: 20px;
    /* 减少元素间距 */
  }
  .headerDiv .video-container {
    width: 100%;
    /* 宽度占满 */
    max-width: none;
    /* 移除最大宽度限制 */
    margin: 0;
    /* 移除外边距 */
  }
  .headerDiv .video-card {
    border-radius: 8px;
    /* 调整圆角 */
    overflow: hidden;
    /* 确保内容不溢出 */
  }
  .headerDiv .video-thumbnail {
    height: 200px;
    /* 适当的高度 */
  }
  .headerDiv .video-thumbnail img {
    width: 100%;
    /* 宽度占满容器 */
    height: 100%;
    /* 高度占满容器 */
    object-fit: cover;
    /* 保持图片比例 */
  }
  .headerDiv .video-info {
    text-align: left;
    /* 文本左对齐 */
    padding: 0;
    /* 移除内边距 */
  }
  .headerDiv .video-meta {
    justify-content: flex-start;
    /* 元数据左对齐 */
    gap: 15px;
    /* 调整间距 */
    font-size: 14px;
    /* 适当字体大小 */
  }
  .headerDiv .video-link {
    display: inline-block;
    /* 确保按钮正确显示 */
    margin-top: 10px;
    /* 添加上边距 */
  }
}
@media only screen and (max-width: 1000px) {
  .headerDiv {
    /* 提高视频卡片高度，保持4:3比例 */
    /* 调整播放图标大小 */
    /* 确保视频卡片撑满宽度 */
    /* 调整信息区域布局 */
    /* 调整标题和描述文本大小 */
    /* 调整元数据布局 */
  }
  .headerDiv .video-thumbnail {
    height: auto;
    position: relative;
    padding-bottom: 75%;
    /* 4:3比例 (3/4=0.75) */
  }
  .headerDiv .video-thumbnail img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .headerDiv .play-icon {
    width: 50px;
    height: 50px;
  }
  .headerDiv .play-icon i {
    font-size: 24px;
  }
  .headerDiv .video-container {
    padding: 0;
    /* 移除内边距 */
    max-width: 100%;
    /* 最大宽度为100% */
  }
  .headerDiv .video-info {
    padding: 20px 0;
    /* 添加上下内边距 */
  }
  .headerDiv .video-info .research-title {
    font-size: 24px !important;
    margin-bottom: 15px !important;
  }
  .headerDiv .video-info .video-desc {
    font-size: 16px !important;
  }
  .headerDiv .video-meta {
    flex-direction: column;
    /* 垂直排列 */
    gap: 8px;
    margin: 15px 0;
  }
}
@media only screen and (max-width: 1000px) {
  .headerDiv #huang-video {
    padding-top: 30px !important;
    padding-bottom: 20px !important;
    margin-bottom: 0 !important;
  }
}
@media only screen and (max-width: 1000px) {
  .headerDiv {
    /* 调整视频描述、元数据和按钮之间的间距 */
  }
  .headerDiv #huang-video .video-desc {
    margin-bottom: 10px !important;
  }
  .headerDiv #huang-video .video-meta {
    margin: 10px 0 !important;
  }
  .headerDiv #huang-video .video-link {
    margin-top: 10px !important;
  }
  .headerDiv #huang-video .research-title {
    margin-bottom: 15px !important;
  }
}
@media only screen and (min-width: 1001px) {
  .headerDiv .video-thumbnail {
    height: 340px;
    /* 增加大屏幕上视频区域的高度 */
  }
}
.headerDiv .copyright-info {
  position: absolute;
  bottom: 15px;
  right: 15px;
  background: rgba(55, 136, 63, 0.85);
  /* 使用主题绿色，带透明度 */
  color: #fff;
  padding: 6px 12px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 400;
  transition: all 0.3s ease;
  backdrop-filter: blur(2px);
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.headerDiv .research-item:hover .copyright-info {
  background: rgba(55, 136, 63, 0.95);
  transform: translateY(-2px);
}
@media only screen and (max-width: 1000px) {
  .headerDiv .copyright-info {
    bottom: 10px;
    right: 10px;
    padding: 4px 8px;
    font-size: 11px;
  }
}
@media only screen and (min-width: 1001px) {
  .headerDiv .copyright-info {
    bottom: 15px;
    right: 15px;
    padding: 6px 12px;
    font-size: 12px;
  }
}
.headerDiv .moreBtn:hover {
  background: #4CAF50 !important;
  /* 浅绿色 */
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}
.headerDiv .moreBtn:active {
  background: #66BB6A !important;
  /* 更亮的浅绿色 */
  transform: translateY(0);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.headerDiv .moreBtn {
  transition: all 0.3s ease !important;
}
.headerDiv .txt_2 .highlight {
  color: #37883f;
  font-weight: 700;
  position: relative;
  padding: 0 2px;
}
.headerDiv .txt_2 .highlight::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 30%;
  background-color: rgba(55, 136, 63, 0.15);
  z-index: -1;
  transition: height 0.3s ease;
}
.headerDiv .txt_2 .highlight:hover::after {
  height: 100%;
  background-color: rgba(55, 136, 63, 0.1);
}
.headerDiv .theme-toggle {
  position: fixed;
  top: 100px;
  right: 20px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: linear-gradient(135deg, #408cc8, #40C782);
  border: none;
  color: white;
  font-size: 1.2rem;
  cursor: pointer;
  z-index: 1000;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}
.headerDiv .theme-toggle:hover {
  transform: scale(1.1);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
}
.headerDiv body.dark-mode {
  background: #0a0a0a;
  color: #e0e0e0;
}
.headerDiv body.dark-mode .navbar:not(.scrolled) {
  background: transparent;
}
.headerDiv body.dark-mode .navbar.scrolled {
  background: linear-gradient(135deg, #1a4a7a 0%, #1a7a4a 100%);
}
.headerDiv body.dark-mode .nav-links a {
  color: #e0e0e0;
}
.headerDiv body.dark-mode .banner {
  background: linear-gradient(135deg, #1a4a7a 0%, #1a7a4a 100%);
}
.headerDiv body.dark-mode .bilu-huang {
  background: transparent;
}
.headerDiv body.dark-mode .acuitas-advantage {
  color: #e0e0e0;
  background: linear-gradient(135deg, #408cc8, #40C782);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.headerDiv body.dark-mode .text-justify p {
  color: #b0b0b0;
}
.headerDiv body.dark-mode .research {
  background: #1a1a1a;
}
.headerDiv body.dark-mode .theme-card {
  background: #2a2a2a;
  color: #e0e0e0;
}
.headerDiv body.dark-mode .card-content h3 {
  color: #e0e0e0;
}
.headerDiv body.dark-mode .card-content p {
  color: #b0b0b0;
}
.headerDiv body.dark-mode .news-item {
  background: #2a2a2a;
}
.headerDiv body.dark-mode .news-item h3 {
  color: #e0e0e0;
}
.headerDiv body.dark-mode .news-item p {
  color: #b0b0b0;
}
.headerDiv body.dark-mode .collaboration-card {
  background: linear-gradient(135deg, #1a4a7a 0%, #1a7a4a 100%);
}
.headerDiv body.dark-mode footer {
  background: linear-gradient(135deg, #1a4a7a 0%, #1a7a4a 100%);
}
.headerDiv body.dark-mode #backToTop {
  background: linear-gradient(135deg, #1a4a7a, #1a7a4a);
}
.headerDiv body.dark-mode .copyright-info {
  background: rgba(42, 42, 42, 0.9);
  color: #888;
}
.headerDiv body.dark-mode .highlight-card {
  background: linear-gradient(135deg, #1a4a7a 0%, #1a7a4a 100%);
}
.headerDiv body.dark-mode .theme-card:last-child {
  background: #2a2a2a;
}
.headerDiv body.dark-mode .theme-card:last-child .card-content h3,
.headerDiv body.dark-mode .theme-card:last-child .card-content p {
  color: #e0e0e0;
}
@media (max-width: 768px) {
  .headerDiv .theme-toggle {
    top: 80px;
    right: 15px;
    width: 45px;
    height: 45px;
    font-size: 1.1rem;
  }
}
@media only screen and (min-width: 1001px) {
  .headerDiv .bannerText {
    font-size: 60px !important;
    color: #fff !important;
    top: 50% !important;
    left: 8% !important;
    transform: translateY(-50%) !important;
    width: 80% !important;
    line-height: 1.2 !important;
    text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.3) !important;
  }
}
.headerDiv .banner-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, rgba(55, 136, 63, 0.3) 0%, rgba(255, 255, 255, 0.1) 50%, rgba(55, 136, 63, 0.2) 100%);
  z-index: 1;
}
.headerDiv .banner-text-container {
  position: relative;
  z-index: 2;
  text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);
}
.headerDiv .bannerText {
  animation: fadeInUp 1.2s ease-out 0.5s both;
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(50px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.headerDiv .moreBtn {
  position: relative;
  overflow: hidden;
  border: none;
  font-weight: 600;
  letter-spacing: 0.5px;
  transition: all 0.4s ease;
  background: linear-gradient(135deg, #37883f 0%, #4CAF50 100%) !important;
}
.headerDiv .moreBtn::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
  transition: left 0.6s;
}
.headerDiv .moreBtn:hover::before {
  left: 100%;
}
.headerDiv .moreBtn:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 25px rgba(55, 136, 63, 0.4);
}
.headerDiv .moreBtn:active {
  transform: translateY(-1px);
}