/* ---------------- 首屏 Hero ---------------- */
.hero {
  position: relative;
  width: 1920px;
  height: 1170px;
  overflow: hidden;
}

.hero-slider {
  position: absolute;
  inset: 0;
}

.hero-slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity .8s ease;
  pointer-events: none;
}

.hero-slide.active {
  opacity: 1;
  pointer-events: auto;
}

.hero-bg {
  position: absolute;
  left: 0;
  top: 85px;
  width: 1920px;
  height: 1085px;
  object-fit: cover;
}

.hero-caption {
  position: absolute;
  left: 406px;
  top: 0;
  width: 1120px;
  padding-top: 208px;
  text-align: left;
}

.hero-title-en {
  font-family: AlibabaPuHuiTiB;
  font-size: 126px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 126px;
  color: var(--blue-text);
}

.hero-title {
  font-family: PingFang-SC-Medium;
  font-size: 56px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 56px;
  color: #fff;
  margin-top: 0;
}

.hero-sub {
  margin-top: 10px;
  font-family: PingFang-SC-Medium;
  font-size: 19px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 19px;
  color: #fff;
}

.hero-meta {
  margin-top: 190px;
  color: #fff;
  font-family: PingFang-SC-Medium;
  font-size: 27px;
}

.hero-meta .meta-ic {
  vertical-align: -6px;
  margin-right: 10px;
}

.hero-date,
.hero-place {
  display: flex;
  align-items: center;
}

.hero-date img {
  display: block;
  width: 24px;
  margin-right: 10px;
}

.hero-place img {
  display: block;
  width: 22px;
  margin-right: 12px;
}

.hero-place {
  margin-top: 10px;
}

.hero-btns {
  margin-top: 53px;
  display: flex;
  gap: 35px;
}

.hero-btn {
  width: 196px;
  height: 75px;
  border-radius: 40px;
  font-family: OPPOSans-R;
  font-weight: normal;
  font-size: 29px;
}

.hero-btn-main {
  background: var(--gold-soft);
  color: var(--ink);
}

.btn-outline {
  background: transparent;
  color: var(--ink);
  border: 3px solid var(--navy-2);
}

.btn-outline:hover {
  background: rgba(255, 255, 255, .14);
}

.hero-arrow {
  position: absolute;
  top: 620px;
  width: 30px;
  height: 53px;
  z-index: 5;
  opacity: .92;
  transition: opacity .25s, transform .25s;
}

.hero-arrow:hover {
  opacity: 1;
  transform: translateY(-3px);
}

.hero-arrow-left {
  left: 128px;
}

.hero-arrow-right {
  right: 128px;
}

.hero-arrow img {
  width: 30px;
  height: 53px;
}

.hero-dots {
  position: absolute;
  left: 50%;
  bottom: 66px;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  gap: 24px;
}

/* ---------- 环形进度条组件 ---------- */
.hero-dots .dot {
  position: relative;
  width: 46px;
  height: 46px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* 内部白色实心圆点 (常态) */
.hero-dots .dot::after {
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  background: #fff;
  border-radius: 50%;
  transition: all 0.3s;
}

/* ---------- 激活态 (外圈环形倒计时) ---------- */
/* 
   利用 SVG 实现平滑的圆形描边动画
   通过 JS 控制 stroke-dashoffset 或者直接用 CSS 动画
*/
.hero-dots .dot svg {
  position: absolute;
  left: 0;
  top: 0;
  width: 46px;
  height: 46px;
  transform: rotate(-90deg);
  /* 让起点回到 12 点钟方向 */
  display: none;
}

.hero-dots .dot svg circle {
  fill: none;
  stroke-width: 2;
}

/* 底部轨道线 (青蓝色) */
.hero-dots .dot svg circle.track {
  stroke: rgba(255, 255, 255, 0.2);
}

/* 进度圈 (白色) */
.hero-dots .dot svg circle.progress {
  stroke: #009fa8;
  /* 圆半径 r=22, 周长=2*PI*22 ≈ 138.2 */
  stroke-dasharray: 138.2;
  stroke-dashoffset: 138.2;
}

/* 激活时显示 svg 环 */
.hero-dots .dot.active svg {
  display: block;
}

/* 环形进度动画 */
.hero-dots .dot.active svg circle.progress {
  animation: circle-progress 5s linear forwards;
}

/* 激活时的内部中心圆点 */
.hero-dots .dot.active::after {
  width: 10px;
  height: 10px;
  background: #fff;
}

@keyframes circle-progress {
  0% {
    stroke-dashoffset: 138.2;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

/* ---------------- 关于论坛 ---------------- */
.about {
  position: relative;
  width: 1920px;
  height: 2384px;
  overflow: visible;
  /* ? 改为 visible，允许背景溢出到下方 */
  z-index: 1;
}

.about-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 1928px;
  height: 3446px;
  max-width: none;
}

.about-inner {
  position: absolute;
  left: 0;
  top: 0;
  width: 1920px;
  padding: 60px 0 0 189px;
  z-index: 2;
}

.about-tag {
  display: inline-flex;
  align-items: center;
  gap: 34px;
  font-family: AlibabaPuHuiTiR;
  font-size: 33px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 33px;
  letter-spacing: 0px;
  color: #e8c495;
}

.about-tag .sq {
  width: 15px;
  height: 15px;
  background: var(--gold-soft);
}

.about-title {
  margin-top: 30px;
  font-family: AlibabaPuHuiTiB;
  font-size: 83px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 83px;
  letter-spacing: 0px;
  color: var(--navy-2);
}

/* ---- 关键修改：英文标题 + 装饰线 左右相对 ---- */
.about-en-line-wrapper {
  display: flex;
  align-items: center;
  gap: 60px;
  /* 英文与线之间的间距 */
  margin-top: 15px;
  /* 与上方标题拉开距离，保留呼吸 */
  width: 100%;
  max-width: 1536px;
  /* 与正文宽度对齐，视觉更平衡 */
}

.about-en {
  font-family: AlibabaPuHuiTiR;
  font-size: 33px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 33px;
  letter-spacing: 0px;
  color: #000000;
  /* 保持英文单行 */
  flex-shrink: 0;
  /* 不被压缩 */
}

.about-line {
  flex: 1;
  /* 占据剩余空间 */
  height: 2px;
  background: #425190;
  /* 深蓝线 */
  min-width: 40px;
  /* 防止过窄 */
  align-self: center;
}

.about-text {
  margin-top: 40px;
  width: 1536px;
  font-family: AlibabaPuHuiTiR;
  font-size: 28px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #0b162c;
  /* white-space: pre-line; */
  /* 保留换行 */
  text-align: justify;
  /* 两端对齐 */
  text-justify: inter-ideograph;
  /* 优化中文两端对齐 */
}

/* 每个段落（由换行符分隔）之间增加 1.25 倍行距的间距 */
.bout-text br {
  display: none;
  /* 隐藏 <br>，使用换行符分割段落 */
}

/* 这里直接在 .about-text 上设置，让内部的换行产生段落间距 */
.about-text::before {
  display: none;
}

.about-text p {
  margin-bottom: 50px;
  /*0.05倍行距为段间距 */
  text-indent: 0;
  /* 取消首行缩进 */
}

.about-text p:last-child {
  margin-bottom: 0;
}


/* ---------------- 三大平衡轴 ---------------- */
.axes {
  position: relative;
  width: 1920px;
  height: 600px;
  background: transparent;
  /* 透明背景 */
  overflow: hidden;
  /* 防止英文溢出 */
  z-index: 3;
  /* 在 about 内容之上 */
}

.axes-head {
  position: relative;
  width: 1920px;
  /* 给标题区域固定高度 */
  text-align: center;
  padding-top: 60px;
  background: transparent;
  /* 背景透明 */
  z-index: 1;
}


/* ===== 英文标题：作为背景装饰，与中文交错 ===== */
.axes-en-bg {
  position: absolute;
  left: 50%;
  /* top: 15%;*/
  transform: translate(-50%, -50%);
  /* 金色 */
  font-family: AlibabaPuHuiTiL;
  font-size: 104px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 104px;
  letter-spacing: 0px;
  color: #e8c495;
  text-transform: uppercase;
  white-space: nowrap;
  z-index: 0;
  /* 在中文下方 */
  opacity: 0.5;
  /* 初始透明度，配合渐变 */

  /* ===== 从下到上的渐变透明效果（更顺滑） ===== */
  background: linear-gradient(to top,
      rgba(195, 121, 21, 0.0) 0%,
      /* 底部：微微透明（几乎不透明） */
      rgba(195, 121, 21, 0.1) 20%,
      /* 逐渐变实 */
      rgba(195, 121, 21, 0.68) 50%,
      /* 接近完全不透明 */
      rgba(195, 121, 21, 1) 80%,
      /* 完全不透明 */
      rgba(195, 121, 21, 1) 100%
      /* 顶部：完全不透明 */
    );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;

  /* 让文字略微偏移，与中文交错 */
  margin-top: -15px;
  /* 向上偏移，与中文形成交错 */
  letter-spacing: 0.15em;
}

/* 为了兼容不支持 background-clip: text 的浏览器，保留 fallback */
@supports not (background-clip: text) {
  .axes-en-bg {
    opacity: 0.15;
    color: #d4af37;
  }
}

/* ===== 中文标题：在上层，与英文交错 ===== */
.axes-cn {
  position: relative;
  z-index: 1;
  /* 在英文之上 */
  margin-top: 0;
  font-family: AlibabaPuHuiTiB;
  font-size: 63px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 63px;
  letter-spacing: 0px;
  color: #0a2141;
}

/* 副标题 */
.axes-sub {
  position: relative;
  z-index: 1;
  margin-top: 10px;
  font-family: AlibabaPuHuiTiR;
  font-size: 31px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 31px;
  letter-spacing: 0px;
  color: #000000;
}


.axes-cards {
  position: absolute;
  left: 187px;
  top: 218px;
  display: flex;
  gap: 33px;
  z-index: 2;
}

.axis-card {
  position: relative;
  width: 485px;
  height: 383px;
  overflow: hidden;
  background-color: #0a2141;
  border: solid 2px #e8c495;
}

.axis-icon {
  position: absolute;
  left: 94px;
  top: 68px;
  width: 112px;
  height: 97px;
  z-index: 2;
}

.axis-name {
  position: absolute;
  left: 80px;
  top: 211px;
  font-family: AlibabaPuHuiTiM;
  font-size: 40px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 40px;
  letter-spacing: 0px;
  color: #e8c495;
  z-index: 2;
}

.axis-desc {
  position: absolute;
  left: 80px;
  top: 268px;
  width: 300px;
  font-family: AlibabaPuHuiTiM;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 30px;
  letter-spacing: 0px;
  color: #ffffff;
  z-index: 2;
}

/* 三张卡片图标/文字水平偏移微调（保持与设计稿一致） */
.axis-card:nth-child(1) .axis-name,
.axis-card:nth-child(1) .axis-desc {
  left: 80px;
}

.axis-card:nth-child(2) .axis-icon {
  left: 96px;
}

.axis-card:nth-child(2) .axis-name {
  left: 80px;
}

.axis-card:nth-child(2) .axis-desc {
  left: 80px;
  width: 340px;
}

.axis-card:nth-child(3) .axis-icon {
  left: 76px;
  top: 63px;
  width: 113px;
  height: 111px;
}

.axis-card:nth-child(3) .axis-name {
  left: 80px;
}

.axis-card:nth-child(3) .axis-desc {
  left: 80px;
  width: 395px;
}

/* ---------------- 活动资讯 ---------------- */
.news {
  position: relative;
  width: 1920px;
  height: 963px;
  background: #fff;
}

.news-head {
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  /* 居中偏移 */
  width: 100%;
  text-align: center;
  /*  内容居中 */
  padding-top: 40px;
  /* 顶部间距 */
  z-index: 2;
}

.news-en {
  position: absolute;
  left: 50%;
  /* top: 15%;*/
  transform: translate(-50%, -50%);
  font-family: AlibabaPuHuiTiL;
  font-size: 104px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 104px;
  letter-spacing: 0px;
  color: #e8c495;
  white-space: nowrap;
  z-index: 0;
  /* 在中文下方 */
  opacity: 0.5;
  /* 初始透明度，配合渐变 */
  /* ===== 从下到上的渐变透明效果（更顺滑） ===== */
  background: linear-gradient(to top,
      rgba(195, 121, 21, 0.0) 0%,
      /* 底部：微微透明（几乎不透明） */
      rgba(195, 121, 21, 0.1) 20%,
      /* 逐渐变实 */
      rgba(195, 121, 21, 0.68) 50%,
      /* 接近完全不透明 */
      rgba(195, 121, 21, 1) 80%,
      /* 完全不透明 */
      rgba(195, 121, 21, 1) 100%
      /* 顶部：完全不透明 */
    );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  /* 让文字略微偏移，与中文交错 */
  margin-top: -15px;
}

.news-cn {
  position: relative;
  z-index: 1;
  /* 在英文之上 */
  margin-top: 0;
  font-family: AlibabaPuHuiTiB;
  font-size: 63px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 63px;
  letter-spacing: 0px;
  color: #0a2141;
}

.news-sub {
  position: relative;
  z-index: 1;
  margin-top: 10px;
  font-family: AlibabaPuHuiTiR;
  font-size: 31px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 31px;
  letter-spacing: 0px;
  color: #000000;
}

.news-left {
  position: absolute;
  left: 185px;
  top: 349px;

}

.report-head {

  position: relative;
  height: 110px;

  position: absolute;
  left: 0px;
  top: 0;
}

.report-cn {
  font-family: AlibabaPuHuiTiB;
  font-size: 63px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 63px;
  letter-spacing: 0px;
  color: var(--navy-2);
}

.report-en {
  margin-top: 5px;
  font-family: AlibabaPuHuiTiR;
  font-size: 58px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 58px;
  letter-spacing: 0px;
  color: var(--gold-soft);
}

.report-line {
  position: absolute;
  left: 440px;
  top: 111px;
  width: 36px;
  height: 3px;
  background: #1E317D;
}


.news-cards {
  margin-top: 189px;
  display: flex;
  gap: 37px;
}

.news-card {
  width: 210px;
}

.news-card a {
  display: block;
}

.news-photo {
  width: 208px;
  height: 150px;
  overflow: hidden;
  border-radius: 5px;
}

.news-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.news-card-title {
  margin-top: 10px;
  font-family: AlibabaPuHuiTiR;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 24px;
  letter-spacing: 0px;
  color: #333333;
}

.news-ctrl {
  margin-top: 170px;
  display: flex;
  align-items: center;
}

.news-ctrl .n-dot {
  width: 7px;
  height: 8px;
  border-radius: 50%;
  background: #DEDEDE;
  margin-right: 5px;
  flex-shrink: 0;
}

.news-ctrl .n-dot.on {
  background: #c1986d;
}

.news-ctrl .n-line {
  /* width: 617px; */
  height: 2px;
  background: #707070;
  margin-left: 1px;
  flex: 1;
  min-width: 0;
}

.news-ctrl .n-arrow {
  width: 47px;
  height: 48px;
  border-radius: 50%;
  background: #EFEFEF;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: 2px;
  transition: background .25s;
  flex-shrink: 0;
}

.news-ctrl .n-arrow:hover {
  background: var(--gold);
}

.news-ctrl .n-arrow img {
  width: 20px;
  height: 11px;
}

.news-more {
  position: absolute;
  left: 0;
  top: 480px;
}

.news-video {
  position: absolute;
  left: 973px;
  top: 487px;
  width: 755px;
  height: 475px;
  border-radius: 10px;
  display: block;
  overflow: hidden;
}

.nv-photo {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.news-video::after {
  content: '';
  position: absolute;
  left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    height: 5rem;
}

.nv-badge {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 104px;
  height: 42px;
  border-radius: 0 10px 0 10px;

  /* 1. 改为垂直渐变 (180deg 从上到下) 
       中间(50%)亮，向顶部(0%)和底部(100%)变暗，形成上下浮雕凸起 */
  background: linear-gradient(180deg, #59a1e9 0%, #1a6dd4 50%, #3d97f1 100%);

  /* 2. 白色文字，增加一点向下和向上的微妙阴影增强立体感 */
  font-family: AlibabaPuHuiTiB;
  font-size: 23px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 42px;
  letter-spacing: 0px;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
}

.nv-play {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 70px;
  height: 69px;
  border-radius: 50%;
  background: rgba(0, 0, 0, .8);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
}

.nv-play img {
  display: block;
  width: 17px;
  height: 20px;
}

.news-video .tx {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  padding: 0 20px 25px 20px;
}

.news-video .tx h3 {
  font-size: 20px;
  text-align: center;
  color: #fff;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

/* ---------------- 一对一专访 ---------------- */
.talks {
  position: relative;
  width: 1920px;
  height: 1434px;
  background: #fff;
}

.talks-head {
  position: absolute;
  left: 175px;
  top: 0;
}

.talks-cn {
  font-family: AlibabaPuHuiTiB;
  font-size: 63px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 63px;
  letter-spacing: 0px;
  color: var(--navy-2);
}

.talks-en {
  font-family: AlibabaPuHuiTiR;
  font-size: 58px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 58px;
  letter-spacing: 0px;
  color: var(--gold-soft);
}

.talks-line {
  position: absolute;
  left: 244px;
  top: 108px;
  width: 36px;
  height: 3px;
  background: #1E317D;
}

.talks-grid {
  position: absolute;
  left: 164px;
  top: 177px;
  width: 1572px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px 50px;
}

.talk-card {
  position: relative;
  width: 757px;
  height: 478px;
  display: block;
  border-radius: 10px;
  overflow: hidden;
}

.talk-card::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .5);
  border-radius: 10px;
  transition: background .5s;
}

.talk-card .tx {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  padding: 12px 40px;
  background: linear-gradient(to right, #e8c495, transparent);
}

.talk-card .tx h3 {
  font-family: AlibabaPuHuiTiR;
  font-size: 37px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 37px;
  letter-spacing: 0px;
  color: #0a2141;
}

.talk-card .tx p {
  font-family: AlibabaPuHuiTiR;
  font-size: 24px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 24px;
  letter-spacing: 0px;
  color: #0a2141;
  margin-top: 5px;
}

.talk-photo {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.talk-badge {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 122px;
  height: 55px;
  border-radius: 0 0 0 14px;

  /* 1. 改为垂直渐变 (180deg 从上到下) 
       中间(50%)亮，向顶部(0%)和底部(100%)变暗，形成上下浮雕凸起 */
  background: linear-gradient(180deg, #59a1e9 0%, #1a6dd4 50%, #3d97f1 100%);

  /* 2. 白色文字，增加一点向下和向上的微妙阴影增强立体感 */
  color: #fff;
  font-size: 25px;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4),
    0 1px 1px rgba(255, 255, 255, 0.1);

  /* 3. 徽章本体的上下立体浮雕效果 */
  box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.4),
    /* 顶部内阴影：让顶部看起来凹进去 */
    inset 0 -2px 3px rgba(0, 0, 0, 0.4);
  /* 底部内阴影：让底部看起来凹进去 */

  display: flex;
  align-items: center;
  justify-content: center;
}

.talk-card:nth-child(2) .talk-play {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 72px;
  height: 72px;
  border-radius: 50%;
  background: rgba(0, 0, 0, .8);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
}

.talk-play img {
  width: 17px;
  height: 20px;
}

.talk-bar {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 117px;
  background: linear-gradient(90deg, rgba(231, 195, 149, .9) 0%, rgba(231, 195, 149, .6) 100%);
  padding: 15px 0 0 28px;
}

.talk-bar h4 {
  font-size: 20px;
  font-weight: 600;
  color: var(--navy-2);
}

.talk-bar p {
  margin-top: 6px;
  font-size: 20px;
  color: var(--navy-2);
}

.talk-card:hover::after {
  background: none;
}

.talks-ctrl {
  position: absolute;
  left: 167px;
  top: 1384px;
  width: 1572px;
  display: flex;
  align-items: center;
}

.talks-ctrl .t-dot {
  width: 7px;
  height: 8px;
  border-radius: 50%;
  background: #DEDEDE;
  margin-right: 5px;
  flex-shrink: 0;
}

.talks-ctrl .t-dot.on {
  background: #C1976D;
}

.talks-ctrl .t-line {
  /* width: 1485px; */
  height: 2px;
  background: #707070;
  margin-left: 1px;
  flex: 1;
  min-width: 0;
}

.talks-ctrl .t-arrow {
  width: 47px;
  height: 48px;
  border-radius: 50%;
  background: #EFEFEF;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: background .25s;
  flex-shrink: 0;
}

.talks-ctrl .t-arrow:hover {
  background: var(--gold);
}

.talks-ctrl .t-arrow img {
  width: 20px;
  height: 11px;
}

.talks-more {
  position: absolute;
  left: 163px;
  top: 1305px;
}


/* ---------------- 数据亮点 ---------------- */
.highlights {
  position: relative;
  width: 1920px;
  height: 923px;
  background: #fff;
}

.hl-head {
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  /* 居中偏移 */
  width: 100%;
  text-align: center;
  /*  内容居中 */
  padding-top: 40px;
  /* 顶部间距 */
  z-index: 2;
}

.hl-en {
  position: absolute;
  left: 50%;
  /* top: 15%;*/
  transform: translate(-50%, -50%);
  font-family: AlibabaPuHuiTiL;
  font-size: 104px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 104px;
  letter-spacing: 0px;
  color: #e8c495;
  text-transform: uppercase;
  white-space: nowrap;
  z-index: 0;
  /* 在中文下方 */
  opacity: 0.5;
  /* 初始透明度，配合渐变 */
  /* ===== 从下到上的渐变透明效果（更顺滑） ===== */
  background: linear-gradient(to top,
      rgba(195, 121, 21, 0.0) 0%,
      /* 底部：微微透明（几乎不透明） */
      rgba(195, 121, 21, 0.1) 20%,
      /* 逐渐变实 */
      rgba(195, 121, 21, 0.68) 50%,
      /* 接近完全不透明 */
      rgba(195, 121, 21, 1) 80%,
      /* 完全不透明 */
      rgba(195, 121, 21, 1) 100%
      /* 顶部：完全不透明 */
    );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  /* 让文字略微偏移，与中文交错 */
  margin-top: -15px;

}

.hl-cn {
  position: relative;
  z-index: 1;
  /* 在英文之上 */
  margin-top: 0;
  font-family: AlibabaPuHuiTiB;
  font-size: 63px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 63px;
  letter-spacing: 0px;
  color: #0a2141;
  color: var(--navy-2, #1a2a4a);
}

.hl-sub {
  position: relative;
  z-index: 1;
  margin-top: 10px;
  font-family: AlibabaPuHuiTiR;
  font-size: 31px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 31px;
  letter-spacing: 0px;
  color: #000000;
}

/* 深色面板（6291-6815） */
.hl-panel {
  position: absolute;
  left: 183px;
  top: 399px;
  width: 1549px;
  height: 524px;
  background: var(--navy);
}

/* 金色条带（6136-6470，覆盖在深色面板之上，向上延伸到面板之外） */
.hl-gold {
  position: absolute;
  left: 73px;
  top: -155px;
  width: 1403px;
  height: 334px;
  background: var(--gold);
  border-radius: 10px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  box-shadow: 0 10px 30px rgba(9, 33, 65, .18);
}

.hl-divider {
  position: absolute;
  top: 0;
  width: 1px;
  height: 334px;
  background: rgba(10, 33, 65, 0.3);
}

.hl-divider::after {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -2px;
  width: 4px;
  height: 36px;
  background: rgba(10, 33, 65, 1);
}

.hl-divider:nth-of-type(1) {
  left: 346px;
}

.hl-divider:nth-of-type(2) {
  left: 696px;
}

.hl-divider:nth-of-type(3) {
  left: 1046px;
}

.hl-stat {
  position: relative;
  /* 必须为 relative，作为图标的定位基准 */
  text-align: left;
  padding-left: 45px;
  padding-right: 20px;
  /* 右边设为0，让图标能贴边 */
  padding-top: 45px;
  box-sizing: border-box;
}

.hl-stat-top {
  position: relative;
  display: inline-flex;
  align-items: baseline;
}

.hl-num {
  font-family: AlibabaPuHuiTiM;
  font-size: 85px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 85px;
  letter-spacing: 0px;
  color: var(--navy-2);
}

.hl-plus {
  font-family: AlibabaPuHuiTiM;
  font-size: 85px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 85px;
  letter-spacing: 0px;
  color: var(--navy-2);
  margin-left: 2px;
}


.hl-label {
  margin-top: 60px;
  font-family: AlibabaPuHuiTiB;
  font-size: 30px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 30px;
  letter-spacing: 0px;
  color: var(--navy-2);
}

.hl-desc {
  margin-top: 10px;
  margin-right: 20px;
  margin-right: 40px;
  font-family: AlibabaPuHuiTiR;
  font-size: 24px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 26px;
  letter-spacing: 0px;
  color: var(--navy-2);
}


/*.hl-ic { position: absolute; right: -52px; top: 6px; width: 30px; height: 30px; }*/


/* 3. 图标容器：六边形边框线、右侧贴边对齐、内部透明 */
.hl-ic {
  position: absolute;
  right: 30px;
  top: 23%;
  transform: translateY(-50%);
  width: 53px;
  height: 61px;
  /* 去掉原来的实心背景和 clip-path */
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.15));
  /* 阴影 */
}



/* 三个价值主张（深色面板上） */
.hl-feats {
  position: relative;
  left: 0;
  top: 258px;
  display: flex;
  align-items: stretch;
  gap: 200px;
  justify-content: center;
  align-content: center;
  flex-wrap: nowrap;
}

.hl-feat {
  text-align: center;
  width: 300px;
}

.hl-feat-ic {
  display: inline-block;
}

.hl-feat h4 {
  margin-top: 34px;
  font-family: AlibabaPuHuiTiB;
  font-size: 30px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 30px;
  letter-spacing: 0px;
  color: var(--gold-soft);
}


/* ---------------- 重磅嘉宾 ---------------- */
.speakers {
  position: relative;
  width: 1920px;
  height: 900px;
  background: #fff;
}

.sp-head {
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  /* 居中偏移 */
  width: 100%;
  text-align: center;
  /*  内容居中 */
  padding-top: 40px;
  /* 顶部间距 */
  z-index: 2;
}

.sp-en {
  position: absolute;
  left: 50%;
  /* top: 15%;*/
  transform: translate(-50%, -50%);
  /* 金色 */
  font-family: AlibabaPuHuiTiL;
  font-size: 104px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 104px;
  letter-spacing: 0px;
  color: #e8c495;
  z-index: 0;
  /* 在中文下方 */
  opacity: 0.5;
  /* 初始透明度，配合渐变 */
  /* ===== 从下到上的渐变透明效果（更顺滑） ===== */
  background: linear-gradient(to top,
      rgba(195, 121, 21, 0.0) 0%,
      /* 底部：微微透明（几乎不透明） */
      rgba(195, 121, 21, 0.1) 20%,
      /* 逐渐变实 */
      rgba(195, 121, 21, 0.68) 50%,
      /* 接近完全不透明 */
      rgba(195, 121, 21, 1) 80%,
      /* 完全不透明 */
      rgba(195, 121, 21, 1) 100%
      /* 顶部：完全不透明 */
    );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  /* 让文字略微偏移，与中文交错 */
  margin-top: -15px;
  /* 向上偏移，与中文形成交错 */
  letter-spacing: 0.15em;

}

.sp-cn {
  position: relative;
  z-index: 1;
  /* 在英文之上 */
  margin-top: 0;
  font-family: AlibabaPuHuiTiB;
  font-size: 63px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 63px;
  letter-spacing: 0px;
  color: var(--navy-2, #1a2a4a);
}

.sp-sub {
  position: relative;
  z-index: 1;
  margin-top: 10px;
  font-family: AlibabaPuHuiTiR;
  font-size: 31px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 31px;
  letter-spacing: 0px;
  color: #000000;
}

.sp-grid {
  position: absolute;
  left: 145px;
  top: 350px;
  width: 1642px;
  display: grid;
  grid-template-columns: repeat(5, 300px);
  gap: 88px 40px;
}

.sp-card {
  width: 300px;
  height: 460px;
  position: relative;
}

.sp-card-in {
  position: absolute;
  left: 0;
  top: 0;
  width: 300px;
  height: 579px;
}

/* 照片卡浅灰底（283x440） */
.sp-card-in::after {
  content: "";
  position: absolute;
  left: 8px;
  top: 13px;
  width: 283px;
  height: 440px;
  background: #EDEDED;
  z-index: 0;
  border-radius: 0 120px 0 0;
  box-shadow: inset 0 0 0 2px #e8c494;
}

/* 左侧橙色竖向姓名条 */
.sp-card-in::before {
  content: "";
  position: absolute;
  left: 17px;
  top: 0;
  width: 45px;
  height: 440px;
  background: linear-gradient(to bottom, #FDBD6D 0%, rgba(253, 189, 109, 0) 50%);
  z-index: 1;
}

.sp-photo {
  position: absolute;
  left: 20px;
  top: 29px;
  width: 247px;
  height: 329px;
  object-fit: cover;
  z-index: 2;
}

.sp-name {
  position: absolute;
  left: 26px;
  top: 58px;
  writing-mode: vertical-rl;
  font-family: AlibabaPuHuiTiR;
  font-size: 31px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 32px;
  letter-spacing: 3px;
  color: #010101;
  z-index: 3;
}

.sp-dots {
  position: absolute;
  left: 164px;
  top: 380px;
  width: 136px;
  height: 160px;
  z-index: 4;
  pointer-events: none;
}

.sp-dots img {
  width: 136px;
  height: 160px;
}


.sp-info {
  position: absolute;
  left: 0;
  top: 308px;
  width: 299px;
  height: 148px;
  background: var(--navy);
  padding: 20px 0 0 26px;
  z-index: 3;
  clip-path: polygon(0 0, 100% 55%, 100% 100%, 0 100%);
}

.sp-info::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 14px;
  height: 148px;
  background: #e8c494;
}

/* 3. 右侧交错的金色梯形（使用 ::after，逃出 clip-path） */
.sp-info-bg {
  position: absolute;
  left: 0;
  top: 338px;
  width: 286px;
  height: 120px;
  background: #e8c494;
  padding: 20px 0 0 26px;
  z-index: 2;
  /* 放在蓝色梯形和左侧金线的最底层 */

  /* 同一个形状，但向右和向下延展，从而形成“交错”露出 */
  clip-path: polygon(0 45%, 100% 0, 100% 100%, 0 100%);
  transform: translateX(12px);
  /* 整体向右移12px，完美露出右侧边缘 */
}

.sp-info b {
  font-family: AlibabaPuHuiTiR;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 1.25;
  color: #fff;
  white-space: pre-line;
  margin-top: 50px;
  display: block;
  white-space: pre-line;
  word-break: break-word;
  overflow-wrap: break-word;
}




/* ---------------- 日程议程 ---------------- */
.agenda {
  position: relative;
  width: 1920px;
  height: 3700px;
  background: #fff;
  overflow: hidden;
}

.agenda-strip {
  position: absolute;
  left: -689px;
  top: -84px;
  width: 2766px;
  height: 379px;
  max-width: none;
  object-fit: cover;
  z-index: 2;
}

.agenda-panel {
  position: absolute;
  left: 0;
  top: 76px;
  width: 1920px;
  height: 3700px;
  background: var(--navy-2);
  overflow: hidden;
}

.agenda-strip2 {
  position: absolute;
  left: -617px;
  bottom: -208px;
  width: 2766px;
  height: 631px;
  max-width: none;
  object-fit: cover;
  opacity: .8;
  z-index: 2;
}

.agenda-head {
  position: absolute;
  top: 140px;
  transform: translateX(-50%);
  /* 居中偏移 */
  width: 100%;
  text-align: center;
  /*  内容居中 */
  padding-top: 40px;
  /* 顶部间距 */
  z-index: 2;
}

.agenda-en {
  position: absolute;
  left: 50%;
  /* top: 15%;*/
  transform: translate(-50%, -50%);
  font-family: AlibabaPuHuiTiL;
  font-size: 104px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 104px;
  letter-spacing: 0px;
  color: #e8c495;
  /* 金色 */
  font-family: var(--font-sans, 'Inter', sans-serif);
  text-transform: uppercase;
  white-space: nowrap;
  z-index: 0;
  /* 在中文下方 */
  opacity: 0.5;
  /* 初始透明度，配合渐变 */
  /* ===== 从下到上的渐变透明效果（更顺滑） ===== */
  background: linear-gradient(to top, rgba(195, 121, 21, 0.0) 0%,
      /* 底部：微微透明（几乎不透明） */
      rgba(195, 121, 21, 0.1) 20%,
      /* 逐渐变实 */
      rgb(210 158 88) 50%,
      /* 接近完全不透明 */
      rgb(226 209 128) 80%,
      /* 完全不透明 */
      rgb(255 242 225) 100%
      /* 顶部：完全不透明 */
    );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  /* 让文字略微偏移，与中文交错 */
  margin-top: -15px;
}

.agenda-cn {
  position: relative;
  z-index: 1;
  /* 在英文之上 */
  margin-top: 0;
  font-family: AlibabaPuHuiTiB;
  font-size: 63px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 63px;
  letter-spacing: 0px;
  color: #ffffff;
}

.agenda-sub {
  position: relative;
  z-index: 1;
  margin-top: 10px;
  font-family: AlibabaPuHuiTiR;
  font-size: 31px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 31px;
  letter-spacing: 0px;
  color: #ffffff;
}

.agenda-tabs {
  position: absolute;
  left: 138px;
  top: 447px;
  width: 1644px;
  height: 103px;
  background: rgba(9, 59, 149, .42);
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
}

.ag-tab {
  width: 521px;
  height: 78px;
  border-radius: 37px;
  background: transparent;
  font-family: AlibabaPuHuiTiR;
  font-size: 31px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 31px;
  letter-spacing: 0px;
  color: #e8c495;
  transition: all .3s;
}

.ag-tab.active {
  background: #e8c495;
  color: var(--navy-2);
}

.agenda-body {
  position: absolute;
  left: 0;
  top: 760px;
  width: 1920px;
}


.ag-day {
  position: relative;
  display: none;
}

.ag-day.active {
  display: block;
}


/* 每一行的排版 */
.ag-row {
  position: relative;
  height: 780px;
  padding-left: 299px;
  padding-right: 180px;
  overflow: hidden;
  /* 必须加上：防止线溢出行外 */
}

.ag-row::after {
  content: "";
  position: absolute;
  left: 790px;
  /* 764(节点左) + 31(半径) = 795，完美对齐圆心 */
  top: 59px;
  /* 28(节点top) + 31(半径) = 59，从圆心出发 */
  bottom: 0;
  /* 延伸到该行的最底端 */
  width: 3px;
  background: #30cc86;
  z-index: 0;
}

/* 最后一行隐藏线 */
.ag-row:last-child::after {
  display: none;
}

/* 时间文字 */
.ag-time {
  position: absolute;
  left: 299px;
  top: 0px;
  font-family: AlibabaPuHuiTiR;
  font-size: 69px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 69px;
  letter-spacing: 0px;
  color: #d5ff60;
  background: linear-gradient(345deg, #00aaff 0%, #60fff9 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* 圆形节点（透明背景，确保线能穿过圆心） */
.ag-node {
  position: absolute;
  left: 764px;
  top: 0px;
  width: 58px;
  height: 58px;
  border-radius: 50%;
  background: transparent;
  border: 2px solid #30cc86;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  /* 圆点要盖住绿线，但因为是透明的，所以刚好中间透出绿线 */
}

/* 中心实体小圆点 */
.ag-node i {
  width: 30px;
  height: 29px;
  border-radius: 50%;
  background: #30cc86;
}

/* 右侧内容区域 */
.ag-content {
  position: relative;
  margin-left: 606px;
  padding-top: 0px;
  z-index: 2;
  /* 防止文字被线覆盖 */
}

/* 左侧标签 */
.ag-tagbox {
  position: relative;
  display: inline-block;
  min-width: 316px;
  height: 81px;
  padding: 0 30px;
  padding-left: 55px;
  border-radius: 15px;
  background: linear-gradient(345deg, #00aaff 0%, #60fff9 100%);
  color: var(--navy-2);
  font-family: AlibabaPuHuiTiR;
  font-size: 50px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  line-height: 81px;
  text-align: left;
  box-shadow: 0 4px 10px rgba(0, 170, 255, 0.3);
  clip-path: polygon(40px 0, 100% 0, 100% 100%, 40px 100%, 0 50%);
  /*  letter-spacing: 0.1em;*/
  white-space: pre-line;
}


.ag-content h4 {
  margin-top: 30px;
  font-family: AlibabaPuHuiTiR;
  font-size: 40px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 1.25;
  letter-spacing: 0px;
  color: #ffffff;
  white-space: pre-line;
}

.ag-content p {
  margin-top: 10px;
  font-family: AlibabaPuHuiTiR;
  font-size: 37px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 47px;
  letter-spacing: 0px;
  color: #ffffff;
  white-space: pre-line;
}

.ag-content p.gold {
  font-family: AlibabaPuHuiTiR;
  font-size: 30px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 1.25;
  letter-spacing: 0px;
  color: var(--gold-soft);
  white-space: pre-line;
}

.ag-content p+p {
  margin-top: 15px;
}

/* ---------------- 分论坛 ---------------- */
.tracks {
  position: relative;
  width: 1920px;
  height: 1800px;
  background: #fff;
}

.tr-head {
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  /* 居中偏移 */
  width: 100%;
  text-align: center;
  /*  内容居中 */
  padding-top: 40px;
  /* 顶部间距 */
  z-index: 2;
}

.tr-en {
  position: absolute;
  left: 50%;
  /* top: 15%;*/
  transform: translate(-50%, -50%);
  font-family: AlibabaPuHuiTiL;
  font-size: 104px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 104px;
  letter-spacing: 0px;
  text-transform: uppercase;
  white-space: nowrap;
  z-index: 0;
  /* 在中文下方 */
  opacity: 0.5;
  /* 初始透明度，配合渐变 */
  /* ===== 从下到上的渐变透明效果（更顺滑） ===== */
  background: linear-gradient(to top,
      rgba(195, 121, 21, 0.0) 0%,
      /* 底部：微微透明（几乎不透明） */
      rgba(195, 121, 21, 0.1) 20%,
      /* 逐渐变实 */
      rgba(195, 121, 21, 0.68) 50%,
      /* 接近完全不透明 */
      rgba(195, 121, 21, 1) 80%,
      /* 完全不透明 */
      rgba(195, 121, 21, 1) 100%
      /* 顶部：完全不透明 */
    );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  /* 让文字略微偏移，与中文交错 */
  margin-top: -15px;
}

.tr-cn {
  position: relative;
  z-index: 1;
  /* 在英文之上 */
  margin-top: 0;
  font-family: AlibabaPuHuiTiB;
  font-size: 63px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 63px;
  letter-spacing: 0px;
  color: var(--navy-2, #1a2a4a);
}

.tr-sub {
  position: relative;
  z-index: 1;
  margin-top: 10px;
  font-family: AlibabaPuHuiTiR;
  font-size: 31px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 31px;
  letter-spacing: 0px;
  color: #000000;
}

.tr-grid {
  position: absolute;
  left: 107px;
  top: 294px;
  width: 1705px;
  display: grid;
  grid-template-columns: repeat(3, 545px);
  gap: 75px 38px;
}

.tr-card {
  position: relative;
  width: 543px;
  height: 353px;
  background-color: #f7f7f7;
  border-radius: 20px;
  border: solid 5px #eae8dc;
  padding: 47px 20px 18px 36px;
  cursor: pointer;
  box-sizing: border-box;
}

/* ================= 鼠标悬浮（悬停）即变金色 ================= */
.tr-card:hover {
  background: #e8c495;
  color: var(--navy-2, #092141);

  /* 添加平滑过渡动画，让变化更丝滑 */
  transition: all 0.3s ease;
}

/* 鼠标悬停时，编号变成深蓝色 */
.tr-card:hover .tr-no {
  color: var(--navy-2, #092141);
}

/* 鼠标悬停时，标题变成深蓝色 */
.tr-card:hover h4 {
  color: var(--navy-2, #092141);
}

/* 鼠标悬停时，分割线 / 也变成深蓝色 */
.tr-card:hover .tr-no::after {
  color: var(--navy-2, #092141);
}

/* ================= 如果卡片点击选中（active）也保持金色（备用） ================= */
.tr-card.active {
  background: var(--gold, #d4af37);
  box-shadow: inset 0 0 0 2px var(--navy-2, #092141);
  color: var(--navy-2, #092141);
}

.tr-card.active .tr-no {
  color: var(--navy-2, #092141);
}

.tr-card.active {
  background: var(--gold, #d4af37);
}


/* 选中时，编号变成深蓝色 */
.tr-card.active .tr-no {
  color: var(--navy-2, #092141);
}

.tr-card.tr-gold {
  background: var(--gold);
  box-shadow: inset 0 0 0 2px #d4af37;
}


.tr-no {
  position: absolute;
  top: 40px;
  left: 37px;
  font-family: AlibabaPuHuiTiB;
  font-size: 33px;
  letter-spacing: 0px;
  color: #e8c495;
  font-family: var(--font-num);
}

/* 新增：在后面添加 / 分割线 */
.tr-no::after {
  content: "/";
  margin-left: 15px;
  /* 和前面的数字拉开一点距离 */
  color: #e8c495;
  /* 保持同色 */
  font-weight: 400;
  /* 斜杠稍微细一点，显得更精致（可选） */
  font-size: 21px;
}

.tr-card.tr-gold .tr-no {
  color: #fff;
}


.tr-card h4 {
  margin-top: 60px;
  font-family: AlibabaPuHuiTiB;
  font-size: 36px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 36px;
  letter-spacing: -1px;
  color: var(--navy-2);
}

.tr-card p {
  margin-top: 10px;
  font-family: AlibabaPuHuiTiR;
  font-size: 25px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 30px;
  letter-spacing: -1px;
  color: #0a2141;
}

.tr-btn {
  position: absolute;
  right: 24px;
  bottom: 18px;
  height: 51px;
  padding: 0 12px 0 38px;
  border-radius: 25px;
  color: var(--navy-2);
  font-family: AlibabaPuHuiTiM;
  font-size: 21px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 21px;
  letter-spacing: 0px;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  border: solid 2px rgba(232, 196, 149, 0.49);
  transition: box-shadow .25s, transform .25s;
}

.tr-card.tr-gold .tr-btn {
  background: #fff;
  border: none;
}

.tr-card:hover .tr-btn {
  background-color: #fff;
  border-color: #fff;
}

.tr-arr {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background: #e8c495;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.tr-arr img {
  width: 7px;
  height: 12px;
}

/* ---------------- 举办地点 ---------------- */
.venue {
  position: relative;
  width: 1920px;
  height: 991px;
  background: var(--navy);
  overflow: hidden;
}

.venue-inner {
  position: relative;
  width: 1920px;
  height: 991px;
}

.venue-info {
  position: absolute;
  left: 149px;
  top: 121px;
  width: 700px;
}

.venue-tag {
  display: inline-flex;
  align-items: center;
  gap: 34px;
  font-family: AlibabaPuHuiTiL;
  font-size: 33px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 33px;
  letter-spacing: 0px;
  color: #e8c495;
}

.venue-tag .sq {
  width: 15px;
  height: 15px;
  background: var(--gold-deep);
}

.venue-title {
  margin-top: 35px;
  font-family: AlibabaPuHuiTiB;
  font-size: 83px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 83px;
  letter-spacing: 0px;
  color: #fff;
}

.venue-item {
  margin-top: 54px;
}

.venue-item h4 {
  font-family: AlibabaPuHuiTiR;
  font-size: 33px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 33px;
  letter-spacing: 0px;
  color: #fff;
  position: relative;
  padding-left: 30px;
  margin-bottom: 30px;
}

.venue-item h4::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 10px;
  height: 29px;
  background: var(--gold);
}

.venue-item p {
  margin-top: 12px;
  font-family: AlibabaPuHuiTiR;
  font-size: 33px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #fff;
  padding-left: 30px;
}

.venue-item p.light {
  margin-top: 8px;
  color: rgba(255, 255, 255, .85);
}

.venue-tip {
  margin-top: 28px;
  font-family: AlibabaPuHuiTiR;
  font-size: 25px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 30px;
  letter-spacing: 0px;
  color: #e8c495;
  color: var(--gold-soft);
  padding-left: 30px;
}

.venue-map {
  position: absolute;
  left: 1026px;
  top: 187px;
  width: 758px;
  height: 648px;
  border-radius: 10px;
  overflow: hidden;
}

.vm-photo {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* ---------------- 报名入口 ---------------- */
.register {
  position: relative;
  width: 1920px;
  height: 225px;
  background: #fff;
}

/* 只保留定位、圆角和排列方式 */
.rg-box {
  position: absolute;
  left: 586px;
  top: 26px;
  width: 766px;
  height: 175px;
  border-radius: 18px;
  background: transparent;
  overflow: hidden;
  cursor: pointer;

  /* 改成 flex 居中排列，让图片自然并排 */
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}

/* 主 Banner 图片：完整显示，绝不裁剪 */
.rg-box img.rg-banner {
  display: block;
  width: auto;
  /* 保持原尺寸，不强制拉伸 */
  height: auto;
  /* 高度也保持原尺寸 */
  max-width: 100%;
  /* 超出盒子时自动缩小，绝不裁切 */
  max-height: 100%;
  /* 高度超出时自动缩小，绝不裁切 */
  object-fit: contain;
  /* 核心：保证图片内容完整，不变形 */
}

/* 副图（比如箭头） */
.rg-box img.rg-arrow {
  display: block;
  width: auto;
  height: auto;
  max-width: 30px;
  /* 根据你的实际尺寸微调 */
  max-height: 30px;
  object-fit: contain;
}

/* 给图片加鼠标悬浮效果 */
.rg-box img:hover {
  transform: scale(1.02);
  transition: transform 0.3s ease;
}

/* ---------------- 区块纵向间距（对齐设计稿坐标） ---------------- */
.about {
  margin-top: 65px;
}

/* 1235 - 1170 */
.news {
  margin-top: 222px;
}

/* 3142 - 2920 */
.talks {
  margin-top: 168px;
}

/* 4273 - 4105 */
.highlights {
  margin-top: 185px;
}

/* 5892 - 5707 */
.speakers {
  margin-top: 208px;
}

/* 7023 - 6815 */
.agenda {
  margin-top: 55px;
}

/* 10150 - 10095 */
.tracks {
  margin-top: 179px;
}

/* 13041 - 13050（与议程底部重叠） */
.venue {
  margin-top: 210px;
}

/* 14963 - 14753 */
.register {
  margin-top: 153px;
}

/* 16107 - 15954 */
.site-footer {
  margin-top: 143px;
}

/* 16475 - 16332 */

/* ---------------- 底部补充 ---------------- */
.site-footer .footer-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* ---------------- 响应式 ---------------- */
@media (max-width: 1920px) {

  .hero,
  .about,
  .axes,
  .news,
  .talks,
  .highlights,
  .speakers,
  .agenda,
  .tracks,
  .venue,
  .register {
    transform-origin: top center;
  }
}