/* ========== 页面通用设置 ========== */
body, html {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
}

/* ========== 顶部导航栏 ========== */
.top-bar {
  background-color: #fff;
  padding: 4px 0;
  margin-top: 0px;
  margin-bottom: 0px;
  border-bottom: 4px solid darkblue; /* 蓝色粗线 */
}

.top-inner {
    width: 77%;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.middle-bar {
    width: 70%; /* 设置middle-bar宽度为70% */
    margin: 17px auto; /* 确保与周围有一定间距 */
    border-bottom: 1px solid grey; /* 保持原有底线 */
}

.middle-inner {
    display: flex;
    justify-content: space-between; /* 使链接均匀分布 */
    gap: 50px; /* 根据需求调整链接之间的间隙 */
    align-items: center; /* 确保链接在中间对齐 */
}

.middle-bar nav a {
    display: inline-block;
    color: darkblue; /* 设置链接颜色为蓝色 */
    font-size: 24px; /* 根据需求调整字体大小 */
    padding: 2px 15px; /* 增加上下内边距以确保与上下线的距离相等，左右内边距可根据间隙需求调整 */
    text-decoration: none; /* 去掉下划线 */
}

.middle-bar {
    border-bottom: 1px solid grey; /* Adjust bottom border thickness if needed */
}

.logo {
    height: 120px;
    margin-right: 10px; /* 控制logo和text-container之间的距离 */
}

.nav {
    display: flex;
    gap: 30px; /* 增大链接之间的间距 */
    align-items: center; /* 垂直居中对齐链接 */
    margin-left: auto; /* 确保导航链接在右侧 */
}

nav a {
    color: black;
    text-decoration: none;
    font-weight: bold;
    font-size: 23px;
    padding: 17px; /* 增加内边距以扩大点击区域 */
    font-family: 'Times New Roman', Times, serif;

}

nav a:hover {
    color: blue;  /* Changes the text color to blue on hover */
}

/*==============*/

.three-column-frame {
  width: 70%;
  margin: 17px auto;
  display: flex;
  gap: 20px;
  border-bottom: 1px solid grey; /* 蓝色粗线 */
  font-family: 'Times New Roman', Times, serif;
}

.left-column,
.center-column,
.right-column {
padding: 1px;
}

.left-column {
  width: 24%;
  padding: 0; /* 去掉内边距 */
}

.left-column img {
  width: 94%;
  height: auto;
  border-radius: 4px;
}

.center-column {
  width: 60%;
  font-size: 19px;
  line-height: 1.2;
  padding-left: 5px; /* 仅给左边留一点点空隙 */
  margin-top: 0px;
}

.right-column {
  width: 10%;
  font-size: 16px;
}

/*===about section==========*/


.about-section {
  width: 70%;
  margin: 1px auto;
  font-family: 'Times New Roman', Times, serif;
  font-size: 20px;
  line-height: 1.6;
  /*border-bottom: 1px solid grey; /* 蓝色粗线 */
}

.about-section h2 {
  font-size: 24px;
  font-weight: bold;
  border-bottom: 4px solid darkblue; /* 只在标题下加线 */
  display: inline-block; /* 让下划线宽度跟文字匹配 */
  margin-top: 5px;
  margin-bottom: 0px;
}

/* ========== 页脚样式 ========== */

/* award session */

.award-section {
  width: 85%;
  font-family: 'Times New Roman', Times, serif;
  margin-top: 0px;
  margin-bottom: 0px;
}

.award-section h2 {
  font-weight: bold;
  font-size: 20px;
  margin-top: 3px;
  margin-bottom: 10px;
  border-bottom: 3px solid grey; /* 只在标题下加线 */
}



.bullet {
  color: grey;
  font-size: 20px;
  vertical-align: middle;
  margin-right: 0px;
  margin-left: 10px;
}

.award-list {
  list-style: none; /* 去掉默认小圆点 */
  padding-left: 0;
  line-height: 1.3;
  margin-left: 10px;
  margin-top: 0px;
  font-size: 20px;
}

.award-list li {
  /*margin-bottom: 5px;*/
  font-size: 20px;
}

.award-list a {
  color: #1a5db2; /* 蓝色链接 */
  text-decoration: none;
  font-size: 20px;
}

.award-list a:hover {
  text-decoration: underline;
  font-size: 20px;
}

.Membership {
  /*list-style: none;           /* 去掉默认的圆点 */
  margin-top: 0;
  padding-left: 0;
  margin-left: 30px;
  line-height: 1.17;
  font-family: 'Times New Roman', Times, serif;
  font-size: 20px;
}

.Membership li {
  margin-bottom: 6px;
}

.Membership a {
  color: #1a5db2;
  text-decoration: none;
}

.Membership a:hover {
  text-decoration: underline;
}

.no-underline {
  /*border-bottom: none !important;*/
  border-bottom: grey;

}

.editor-title {
  font-size: 20px;
  font-weight: bold;
  display: inline-block;
  margin-left: 15px;
  padding: 0;
  border-bottom: 1px grey;
}

.site-footer {
  background-color: darkblue;
  color: white;
  padding: 15px 0;
  margin-top: 20px;
}

.footer-container {
  display: flex;
  justify-content: space-between;
  align-items: flex-start; /* 保持顶部对齐 */
  width: 60%;
  margin: 0 auto;
  gap: 10px;
}

.footer-section h3 {
  margin-top: 2px;
  font-size: 18px;

}

.footer-section p {
  margin: 0;
  font-size: 15px;
}
/* ========== Sponsors 样式 ========== */
.sponsor-logos {
  display: flex;
  gap: 10px;
  margin-top: 15px;
  align-items: flex-start;  /* 确保 sponsor logo 顶部对齐 */
}

.sponsor-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  color: white;
}

.sponsor-item img {
  height: 80px;
  width: auto;
  border-radius: 3px;
  background-color: white;
  padding: 1px;
  margin-top: 5px; /* 原来是5px，现在设为0确保紧贴顶部 */
}

.sponsor-item p {
  font-size: 14px;
  margin: 0;
}

.sponsor-item a {
    color: white; /* 默认链接颜色设置为白色 */
    text-decoration: none; /* 移除下划线 */
}
.sponsor-item a:hover {
    color: blue; /* 鼠标悬停时链接颜色变为蓝色 */
}

.section-title {
  font-size: 20px;
  font-weight: bold;
  display: inline-block;
  border-bottom: 4px solid grey;
  margin-left: 10px;
  margin-top: 10px;
  margin-bottom: 5px;
}

.main-section-title {
  font-size: 24px;
  font-weight: bold;
  border-bottom: 4px solid #005BAC;
  display: inline-block;
  margin-top: 5px;
  margin-bottom: 5px;
}

.gray-section-title {
  font-size: 20px;
  font-weight: bold;
  display: inline-block;
  border-bottom: 2px solid grey;
  margin-left: 10px;
  margin-top: 10px;
  margin-bottom: 5px;
}

/*publication*/
ol.publication-list {
    padding-left: 20px;
  }

  ol.publication-list li {
    margin-bottom: 11px; /* spacing between articles */
    margin-left: 10px;
  }

ol.publication-list li::marker {
    font-size: 20px; /* 控制编号大小 */
    font-weight: bold; /* 可选：加粗编号 */
    margin-left: 5px;
  }

  .paper-block p {
    margin-left: 5px;
    margin: 2px 0;
    line-height: 1.2;
    font-size: 20px;
  }
  .line1, .line3 {
    color: black;
  }

  .line2 {
    color: darkblue;
  }