.xindongda_company_milestones {
  position: relative;
  width: 100%;
  background-color: #0A0A0A;
  padding: 3.75rem 0;
  overflow: hidden;
  --milestone-progress: 0;
}

/* 背景装饰 */
.xindongda_company_milestones .xindongda_company_milestones_bg_decoration {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 0;
}

.xindongda_company_milestones .xindongda_company_milestones_blur {
  position: absolute;
  border-radius: 50%;
  opacity: 0.7;
}

.xindongda_company_milestones .xindongda_company_milestones_blur_1 {
  width: 18.75rem;
  height: 18.75rem;
  background: linear-gradient(135deg, #42FF4B 0%, #279935 100%);
  filter: blur(10.125rem);
  top: -6.25rem;
  left: -3.125rem;
}

.xindongda_company_milestones .xindongda_company_milestones_blur_2 {
  width: 15.625rem;
  height: 15.625rem;
  background: rgba(5, 213, 119, 0.7);
  filter: blur(9.375rem);
  top: 20%;
  right: -4.6875rem;
}

.xindongda_company_milestones .xindongda_company_milestones_blur_3 {
  width: 14.0625rem;
  height: 14.0625rem;
  background: rgba(115, 255, 0, 0.4);
  filter: blur(9.375rem);
  bottom: 10%;
  left: 10%;
}

.xindongda_company_milestones .container {
  position: relative;
  z-index: 1;
}

/* 标题区域 */
.xindongda_company_milestones .xindongda_company_milestones_header {
  text-align: center;
  margin-bottom: 3.75rem;
}

.xindongda_company_milestones .xindongda_company_milestones_title {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 2.125rem;
  line-height: 1.21;
  color: #EFEFEF;
  margin: 0 0 0.625rem;
  text-transform: capitalize;
}

.xindongda_company_milestones .xindongda_company_milestones_title em {
  color: #3ACB76;
}

.xindongda_company_milestones .xindongda_company_milestones_subtitle {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 0.6875rem;
  line-height: 1.59;
  color: #EFEFEF;
  opacity: 0.7;
  margin: 0 auto;
  max-width: 27.9375rem;
}

/* 时间线容器 */
.xindongda_company_milestones .xindongda_company_milestones_timeline {
  position: relative;
}

/* 中间竖线 */
.xindongda_company_milestones .xindongda_company_milestones_line {
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 0;
  width: 0.09375rem;
  background: linear-gradient(180deg,
      rgba(255, 255, 255, 0.12) 0%,
      rgba(255, 255, 255, 0.3) calc((var(--milestone-progress, 0) * 100%) - 18%),
      rgba(255, 255, 255, 1) calc(var(--milestone-progress, 0) * 100%),
      rgba(255, 255, 255, 0.3) calc((var(--milestone-progress, 0) * 100%) + 18%),
      rgba(255, 255, 255, 0.12) 100%);
  transform: translateX(-50%);
  z-index: 0;
}

/* 时间线两端圆点 */
.xindongda_company_milestones .xindongda_company_milestones_endpoint {
  position: absolute;
  left: 50%;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  transform: translateX(-50%);
  z-index: 1;
  pointer-events: none;
}

/* 顶端圆点：progress=0 时最亮，0.18 后衰减到底色；圆点位于线的上方，下边缘与线顶端相切 */
.xindongda_company_milestones .xindongda_company_milestones_endpoint_top {
  top: 0;
  transform: translate(-50%, -100%);
  background: rgba(255, 255, 255, clamp(0.12, calc(1 - var(--milestone-progress, 0) * 4.89), 1));
}

/* 底端圆点：progress=1 时最亮；圆点位于线的下方，上边缘与线底端相切 */
.xindongda_company_milestones .xindongda_company_milestones_endpoint_bottom {
  bottom: 0;
  transform: translate(-50%, 100%);
  background: rgba(255, 255, 255, clamp(0.12, calc(var(--milestone-progress, 0) * 4.89 - 3.89), 1));
}

/* 里程碑列表 */
.xindongda_company_milestones .xindongda_company_milestones_list {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}

/* 里程碑项 */
.xindongda_company_milestones .xindongda_company_milestones_item {
  position: relative;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  opacity: 0.7;
  transition: all 0.6s ease;
}

.xindongda_company_milestones .xindongda_company_milestones_item.active {
  opacity: 1;
}

/* 左侧内容 */
.xindongda_company_milestones .xindongda_company_milestones_item_left {
  display: flex;
  justify-content: start;
}

/* 右侧内容 */
.xindongda_company_milestones .xindongda_company_milestones_item_right {
  display: flex;
  justify-content: end;
}

/* 文字内容 */
.xindongda_company_milestones .xindongda_company_milestones_content {
  max-width: 92%;
  padding: 0.625rem 0;
  border-bottom: 1px solid #EFEFEF;
}

.xindongda_company_milestones .xindongda_company_milestones_content_title {
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 0.8125rem;
  line-height: 1.21;
  color: #EFEFEF;
  margin: 0 0 0.875rem;
}

.xindongda_company_milestones .xindongda_company_milestones_content_desc {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 0.6875rem;
  line-height: 1.59;
  color: #EFEFEF;
  opacity: 0.7;
  margin: 0;
}

/* 年份和图片：占满整格，年份贴中线侧、图片贴外侧 */
.xindongda_company_milestones .xindongda_company_milestones_year_image {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.625rem 0;
}

/* 奇数项 year_image 在右格：年份在左（让出圆点位置）、图片在右（贴容器外侧）*/
.xindongda_company_milestones .xindongda_company_milestones_item:nth-child(odd) .xindongda_company_milestones_year_image {
  padding-left: 4.5rem;
}

/* 偶数项 year_image 在左格：图片在左（贴容器外侧）、年份在右（让出圆点位置），用 row-reverse */
.xindongda_company_milestones .xindongda_company_milestones_item:nth-child(even) .xindongda_company_milestones_year_image {
  flex-direction: row-reverse;
  padding-right: 4.5rem;
}

.xindongda_company_milestones .xindongda_company_milestones_year {
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.2;
  color: #EFEFEF;
  flex-shrink: 0;
}

.xindongda_company_milestones .xindongda_company_milestones_image {
  width: 71%;
  aspect-ratio: 407/320;
  object-fit: cover;
  border-radius: 0.3125rem;
  display: block;
}

/* 圆点容器：宽度为 0，作为中线锚点，连线与圆点都相对它绝对定位 */
.xindongda_company_milestones .xindongda_company_milestones_dot_wrapper {
  position: relative;
  width: 0;
  align-self: stretch;
  z-index: 1;
}

/* 横向连线：从中线向"内容侧"延伸，中线端亮、向外渐隐，激活时淡入
   - 奇数项（1、3、5...）：内容在右，连线指向右
   - 偶数项（2、4...）：内容在左，连线指向左
*/
.xindongda_company_milestones .xindongda_company_milestones_dot_wrapper::before {
  content: '';
  position: absolute;
  top: 50%;
  height: .125rem;
  width: 3rem;
  transform: translateY(-50%);
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.6s ease;
}

/* 奇数项：连线指向右，左端（中线）亮 → 右端（圆点）淡 */
.xindongda_company_milestones .xindongda_company_milestones_item:nth-child(odd) .xindongda_company_milestones_dot_wrapper::before {
  left: 50%;
  background: linear-gradient(90deg, rgba(239, 239, 239, 0.8) 0%, rgba(239, 239, 239, 0) 100%);
}

/* 偶数项：连线指向左，右端（中线）亮 → 左端（圆点）淡 */
.xindongda_company_milestones .xindongda_company_milestones_item:nth-child(even) .xindongda_company_milestones_dot_wrapper::before {
  right: 50%;
  background: linear-gradient(270deg, rgba(239, 239, 239, 0.8) 0%, rgba(239, 239, 239, 0) 100%);
}

.xindongda_company_milestones .xindongda_company_milestones_item.active .xindongda_company_milestones_dot_wrapper::before {
  opacity: 1;
}

/* 圆点本体：压在连线外端尽头 */
.xindongda_company_milestones .xindongda_company_milestones_dot {
  position: absolute;
  top: 50%;
  width: .8125rem;
  height: .8125rem;
  border-radius: 50%;
  background: linear-gradient(180deg, #3ACB76 0%, #42E686 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  z-index: 2;
  transition: opacity 0.6s ease, transform 0.6s ease, box-shadow 0.6s ease;
}

/* 奇数项：圆点在右端（中线 + 连线长度）*/
.xindongda_company_milestones .xindongda_company_milestones_item:nth-child(odd) .xindongda_company_milestones_dot {
  left: calc(50% + 3rem);
  transform: translate(-50%, -50%) scale(0.6);
}

/* 偶数项：圆点在左端 */
.xindongda_company_milestones .xindongda_company_milestones_item:nth-child(even) .xindongda_company_milestones_dot {
  left: calc(50% - 3rem);
  transform: translate(-50%, -50%) scale(0.6);
}

.xindongda_company_milestones .xindongda_company_milestones_item.active .xindongda_company_milestones_dot {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
  /* 绿色光晕 */
  box-shadow:
    0 0 0.5rem rgba(58, 203, 118, 0.6),
    0 0 1rem rgba(58, 203, 118, 0.45),
    0 0 1.75rem rgba(66, 230, 134, 0.35);
}

/* 圆点内的高光（白色光点）*/
.xindongda_company_milestones .xindongda_company_milestones_dot_inner {
  width: 0.25rem;
  height: 0.25rem;
  border-radius: 50%;
  background: #FFFFFF;
  filter: blur(0.125rem);
  opacity: 0.9;
}

/* 响应式：移动端改为单列布局 */
@media screen and (max-width: 768px) {
  .xindongda_company_milestones {
    padding: 1.875rem 0;
  }

  .xindongda_company_milestones .xindongda_company_milestones_header {
    margin-bottom: 1.875rem;
  }

  /* 移动端改为 flex 纵向堆叠，不再用 grid */
  .xindongda_company_milestones .xindongda_company_milestones_item {
    display: flex;
    flex-direction: column;
    gap: 0;
    position: relative;
    padding-left: 2rem;
  }

  /* 竖线/圆点区域：绝对定位到左侧 */
  .xindongda_company_milestones .xindongda_company_milestones_dot_wrapper {
    position: absolute;
    left: 0.625rem;
    top: 0.625rem;
    width: auto;
    height: auto;
  }

  /* 左右两侧内容都显示，顺序统一为：年份图片 → 文字 */
  .xindongda_company_milestones .xindongda_company_milestones_item_left,
  .xindongda_company_milestones .xindongda_company_milestones_item_right {
    padding: 0;
    justify-content: flex-start;
  }

  /* 奇数项：right 在上（包含 year_image），left 在下（包含 content）*/
  .xindongda_company_milestones .xindongda_company_milestones_item:nth-child(odd) .xindongda_company_milestones_item_right {
    order: 1;
  }

  .xindongda_company_milestones .xindongda_company_milestones_item:nth-child(odd) .xindongda_company_milestones_item_left {
    order: 2;
  }

  /* 偶数项：left 在上（包含 year_image），right 在下（包含 content）*/
  .xindongda_company_milestones .xindongda_company_milestones_item:nth-child(even) .xindongda_company_milestones_item_left {
    order: 1;
  }

  .xindongda_company_milestones .xindongda_company_milestones_item:nth-child(even) .xindongda_company_milestones_item_right {
    order: 2;
  }

  /* 竖线和端点圆点移到左列中央 */
  .xindongda_company_milestones .xindongda_company_milestones_line,
  .xindongda_company_milestones .xindongda_company_milestones_endpoint {
    left: 0.625rem;
  }

  /* 移动端去掉连接线 */
  .xindongda_company_milestones .xindongda_company_milestones_item:nth-child(odd) .xindongda_company_milestones_dot_wrapper::before,
  .xindongda_company_milestones .xindongda_company_milestones_item:nth-child(even) .xindongda_company_milestones_dot_wrapper::before {
    display: none;
  }

  /* 激活的绿色圆点：绝对定位，left/top 固定位置（相对 dot_wrapper）*/
  .xindongda_company_milestones .xindongda_company_milestones_item:nth-child(odd) .xindongda_company_milestones_dot,
  .xindongda_company_milestones .xindongda_company_milestones_item:nth-child(even) .xindongda_company_milestones_dot {
    left: 0;
    top: 0;
    transform: translate(-50%, -50%) scale(0.6);
  }

  .xindongda_company_milestones .xindongda_company_milestones_item.active .xindongda_company_milestones_dot {
    transform: translate(-50%, -50%) scale(1);
  }

  .xindongda_company_milestones .xindongda_company_milestones_content {
    max-width: 100%;
    padding: 0.625rem 0;
    border: none;
  }

  .xindongda_company_milestones .xindongda_company_milestones_item:nth-child(odd) .xindongda_company_milestones_year_image,
  .xindongda_company_milestones .xindongda_company_milestones_item:nth-child(even) .xindongda_company_milestones_year_image {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
    padding: 0 0 0.9375rem;
  }

  .xindongda_company_milestones .xindongda_company_milestones_image {
    width: 100%;
    max-width: 100%;
    height: auto;
    aspect-ratio: 264 / 180;
  }
}