/* ==========================================================================
   奖项栏目样式
   部署方式：整体覆盖服务端 cms.css（整页生效）
   作用域：除注释外，所有选择器统一以 .awards-page 前缀开头。
           对应《奖项模版.htm》根节点 <div class="newAwards awards-page">，
           避免通用类名（.banner/.row/.bold_border/.organizer_col …）外溢到
           父模版的页头 / 面包屑 / 页脚。
   基准：旧页皮肤 skin.css + 页面内联样式 + 页末覆盖块的「级联净生效值」。
   ========================================================================== */

/* ------------------------------- banner ------------------------------- */
.awards-page .banner {
  position: relative;
  height: 210px;
}
.awards-page .banner .bgImgBox {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
  background-repeat: repeat; /* 不平铺 */
  background-size: cover; /* 缩放至完全覆盖容器 */
  background-position: center; /* 图片居中 */
}
.awards-page .banner .bgImgBox img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* 填充容器并保持比例 */
  object-position: center; /* 居中裁剪 */
}
.awards-page .banner .bannerTitle {
  position: relative;
  top: calc(50% - 25px) !important;
}
.awards-page .banner .bannerTitle .title {
  font-family: 'Rubik Regular';
  font-weight: 400;
  font-size: 48px;
  line-height: 60px;
  letter-spacing: -2%;
  vertical-align: middle;
  color: #002e6c;
}

/* ------------------------------ 奖项简介 ------------------------------ */
.awards-page .frame-awards .title {
  font-family: 'Rubik Bolder';
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
  color: #333;
  padding: 50px 0 24px 0;
}
/* 富文本正文：数据 awardIntroContent 原样注入，其自带 <p class="awards-des"> 命中此规则；
   模版外层容器用的是无样式的 .awards-des-box，避免双层内边距 */
.awards-page .awards-des {
  font-family: 'Rubik Regular';
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  color: #333;
  padding-bottom: 32px;
}

/* ------------------------------ 奖项图片 ------------------------------ */
.awards-page .awards-pics.row {
  margin: 0;
  gap: 30px;
}
.awards-page img.col-4.col-md-2 {
  object-fit: contain;
  box-shadow: 0 20px 40px 0 #10182814;
  border-radius: 8px;
}
.awards-page .awards-pics img.col-4.col-md-2 {
  width: calc((100% - 5 * 30px) / 6);
}

/* -------------------------------- tab -------------------------------- */
/* margin-top:20px 来自旧页 skin.css 的 !important 覆盖，作用在 margin:50px auto 0 之上 */
.awards-page .frame-awards-tab {
  height: 60px;
  text-align: center;
  line-height: 60px;
  margin: 50px auto 0;
  margin-top: 20px !important;
}
.awards-page .frame-awards-tab ul {
  display: flex;
}
.awards-page .frame-awards-tab .middle-border {
  width: 1px;
  background-color: #00b9f2;
}
.awards-page .frame-awards-tab .middle-border:last-child {
  display: none;
}
.awards-page .frame-awards-tab ul li {
  width: 50%;
  height: 100%;
  box-sizing: border-box;
  border: 1px solid #d6d6d6;
  font-family: 'Rubik Bolder';
  font-weight: 500;
  font-size: 18px;
  color: #333;
  background-color: #fcfcfc;
  cursor: pointer;
}
.awards-page .frame-awards-tab ul li:first-child {
  border-right: 0;
  border-radius: 4px 0 0 4px;
}
.awards-page .frame-awards-tab ul li:last-child {
  border-left: none;
  border-radius: 0 4px 4px 0;
}
.awards-page .frame-awards-tab ul li.active {
  border-color: #00b9f2;
  color: #00b9f2;
  background-color: #fff;
}
.awards-page .frame-awards-tab ul li:first-child.active,
.awards-page .frame-awards-tab ul li:last-child.active {
  border: 1px solid #00b9f2;
}

/* ------------------------------ 奖项列表 ------------------------------ */
.awards-page .frame-awards-list {
  padding-bottom: 50px;
}
.awards-page .frame-awards-list .module-item-title {
  font-family: 'Rubik Bolder';
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
  color: #333;
  padding: 0 0 24px 0;
}
.awards-page .frame-awards-list .award-item-title {
  font-family: 'Rubik Bolder';
  font-weight: 500;
  font-size: 18px;
  line-height: 28px;
  color: #333;
  padding: 24px 0 8px 0;
}
.awards-page .frame-awards-list .award-item-small-title {
  font-family: 'Rubik Regular';
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  color: #333;
  padding-bottom: 8px;
}

/* ------------------------------ 奖项表格 ------------------------------ */
.awards-page .award_table_container {
  border-radius: 4px;
  overflow: hidden;
  border: 1px solid #d9d9d9;
}
.awards-page .award_table {
  width: 100%;
  table-layout: fixed;
  border: 1px solid #d9d9d9;
  border-collapse: collapse;
}
/* 去掉最左 / 最右列的外框线（外框由 .award_table_container 提供） */
.awards-page .award_table td:first-child,
.awards-page .award_table th:first-child {
  border-left: none;
}
.awards-page .award_table td:last-child,
.awards-page .award_table th:last-child {
  border-right: none;
}
.awards-page .award_table thead tr:first-child th:first-child {
  border-top-left-radius: 4px;
}
.awards-page .award_table thead tr:first-child th:last-child {
  border-top-right-radius: 4px;
}
.awards-page .award_table tbody tr:last-child td {
  border-bottom: none;
}
.awards-page .award_table th {
  padding: 20px 24px;
  text-align: left;
  background-color: #f2f2f2;
  font-family: 'Rubik Bolder';
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: 0%;
  color: #002e6c;
  vertical-align: middle;
  border-right: 1px solid #d9d9d9;
  border-bottom: 3px solid #d9d9d9;
}
.awards-page .award_table tr {
  margin-left: 32px;
  margin-right: 32px;
}
.awards-page .award_table td {
  font-family: 'Rubik Regular';
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: 0%;
  color: #333;
  vertical-align: middle;
  padding: 10px 24px;
  box-sizing: border-box;
  text-align: left;
  border-bottom: 1px solid #d9d9d9;
  border-right: 1px solid #d9d9d9;
}
/* 机构名 / 奖项名单元格：加粗字体族 + 上边框 3px（机构分组的分隔线） */
.awards-page .award_table .bold_text {
  font-family: 'Rubik Bolder';
  font-weight: 500;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: 0%;
  color: #333;
  vertical-align: middle;
  box-sizing: border-box;
  text-align: left;
  margin-bottom: 10px;
  width: 100% !important;
  padding-bottom: 0;
  border-top: 3px solid #d9d9d9;
}
.awards-page .award_table .award_item {
  padding-bottom: 0;
}
/* 年份列：旧页 .center_text 里的 text-align:center 是注释掉的（类名保留、实际左对齐），此处同样不加 */
.awards-page .award_table ul {
  margin: 0;
  padding-left: 20px;
}
.awards-page .award_table ul li {
  list-style: disc;
  font-family: 'Rubik Regular';
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: 0%;
  color: #333;
  vertical-align: middle;
  text-align: left;
  width: 100% !important;
}
/* 奖项名行与首行明细之间不画线（空年份格同理） */
.awards-page .award_table td.non_bottom_border,
.awards-page .award_table td:empty {
  border-bottom: none !important;
  border-top: 3px solid #d9d9d9;
}
.awards-page .organizer_col {
  width: 30%;
}
.awards-page .award_col {
  width: 56%;
}
.awards-page .year_col {
  width: 14%;
}
.awards-page .non_bottom_border {
  border-bottom: none !important;
}
.awards-page .non_top_border {
  border-top: none !important;
}
/* 每条奖项条目最后一行：2px 加粗底边 */
.awards-page .bold_border {
  border-bottom: 2px solid #d9d9d9 !important;
}
.awards-page ul.no_point li {
  list-style: none;
  margin-left: -20px;
}

/* =============================== 手机端 =============================== */
@media (max-width: 953px) {
  .awards-page .bannerTitle.banxin {
    margin: 0 !important;
  }
  .awards-page .banner .bannerTitle {
    position: absolute;
    top: 50% !important; /* 与桌面档同形选择器，靠顺序覆盖（加前缀不得抬特异性） */
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
  }
  .awards-page .banner {
    aspect-ratio: 25 / 12;
    width: 100%;
    height: auto;
  }
  .awards-page .banner .back {
    position: absolute;
    top: 27px;
    display: flex;
    align-items: center;
    font-family: 'Rubik Regular';
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0%;
    vertical-align: bottom;
    color: #002e6c;
  }
  .awards-page .banner .back img {
    width: 14px;
    margin-right: 3px;
    margin-left: 27px;
  }
  .awards-page .banner .bannerTitle .title {
    font-family: 'Rubik Regular';
    font-weight: 400;
    font-size: 30px;
    line-height: 36px;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
  }
  .awards-page .awards-pics.row {
    gap: 8px;
  }
  .awards-page .awards-pics img.col-4.col-md-2 {
    width: calc((100% - 2 * 8px) / 3);
  }

  .awards-page .frame-awards-tab {
    display: block;
    height: auto;
    margin: 0 auto 16px;
  }
  .awards-page .frame-awards-tab .middle-border {
    width: 0;
  }
  .awards-page .frame-awards-tab ul {
    gap: 10px;
  }
  .awards-page .frame-awards-tab ul li {
    padding: 10px 16px;
    border-radius: 4px;
    font-family: 'Rubik Regular';
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
  }
  .awards-page .frame-awards-tab ul li.active {
    background: #e5f8fe;
    border-right: 1px solid;
  }
  .awards-page .frame-awards-tab ul li:first-child {
    border-right: 1px solid #d6d6d6;
    border-radius: 4px;
  }
  .awards-page .frame-awards-tab ul li:last-child {
    border-left: 1px solid #d6d6d6;
    border-radius: 4px;
  }
  .awards-page .frame-awards-tab ul li:first-child.active,
  .awards-page .frame-awards-tab ul li:last-child.active {
    border: 1px solid #00b9f2;
    border-radius: 4px;
  }

  .awards-page .frame-awards .title {
    font-family: 'Rubik Bolder';
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #333;
    padding: 16px 0 24px 0;
  }
  .awards-page .awards-des {
    font-family: 'Rubik Regular';
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #333;
    padding-bottom: 24px;
  }

  .awards-page .award_table_container {
    width: 100vw;
    margin-left: calc(-50vw + 50%) !important;
    border: none;
  }
  .awards-page .award_table {
    width: 100%;
    table-layout: fixed;
    border: none;
    border-collapse: collapse;
  }
  .awards-page .award_table th {
    padding: 20px 10px;
  }
  /* 手机档不加 !important：否则会顶掉 .bold_text 的 padding-bottom:0 */
  .awards-page .award_table td {
    font-size: 16px;
    line-height: 24px;
    padding: 5px;
    word-wrap: break-word;
  }
  .awards-page .award_table th,
  .awards-page .award_table .bold_text,
  .awards-page .award_table ul li {
    font-size: 16px;
    line-height: 24px;
  }
}