.history-timeline-section-2 .history-content {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--grid-gap-large);
}

.history-timeline-section-2 .history-item {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--grid-gap-medium);
}
.history-timeline-section-2 .history-item.reverse {
  flex-direction: row-reverse;
}

.history-timeline-section-2 .history-item-left,
.history-timeline-section-2 .history-item-right {
  flex: none;
  width: calc((100% - calc(var(--icon-medium) * 2) - var(--grid-gap-medium) * 2) / 2);
}

.history-timeline-section-2 .history-item-left {
  text-align: end;
  flex-direction: column;
  text-align: end;
}
.history-timeline-section-2 .history-item-right {
  text-align: start;
}

.history-timeline-section-2 .history-item.reverse .history-item-left {
  text-align: start;
}
.history-timeline-section-2 .history-item.reverse .history-item-right {
  text-align: end;
}

.history-timeline-section-2 .history-item-icon {
  flex: 0 0 auto;
  width: calc(var(--icon-medium) * 2);
  height: calc(var(--icon-medium) * 2);
  background-color: var(--title-text-color);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.history-timeline-section-2 .history-item-icon i {
  color: var(--bg-color);
  font-size: var(--icon-medium);
}

@media (max-width: 991px) {
  .history-timeline-section-2 .history-item {
    flex-direction: row !important;
    flex-wrap: wrap;
    align-items: center;
  }

  /* 使用 order 和宽度控制布局：图标和日期在第一行，内容在第二行 */
  .history-timeline-section-2 .history-item-icon {
    order: 1;
    flex: none;
  }

  .history-timeline-section-2 .history-item-right {
    order: 2;
    flex: 1;
    text-align: start !important;
  }

  .history-timeline-section-2 .history-item-left {
    order: 3;
    flex: none;
    width: 100%;
    text-align: start !important;
  }
}