/* 首页 01 时光长廊：标题行固定在图片外框上方，并与其他板块标题系统对齐。 */
.final-carousel-preview-page .dark-timeline-band {
  padding-top: 56px !important;
}

.final-carousel-preview-page .dark-timeline-band > .dark-timeline-head {
  position: static !important;
  display: grid !important;
  grid-template-columns: auto auto 1fr !important;
  align-items: end !important;
  gap: clamp(12px, 1.1vw, 16px) !important;
  width: 100% !important;
  max-width: 1480px !important;
  margin: 0 auto 20px !important;
  transform: none !important;
  pointer-events: auto !important;
}

.final-carousel-preview-page .dark-timeline-band > .dark-timeline-head em {
  justify-self: end !important;
}

/* 桌面端将 01 的编号和标题左沿与 02—04 的标题行精确对齐。 */
@media (min-width: 821px) {
  .final-carousel-preview-page .dark-timeline-band > .dark-timeline-head > .dark-timeline-index {
    width: auto !important;
    min-width: 0 !important;
    margin-right: 0 !important;
    transform: none !important;
  }

  .final-carousel-preview-page .dark-timeline-band > .dark-timeline-head > .dark-timeline-index > i:first-child {
    margin-right: 0 !important;
  }

  .final-carousel-preview-page .dark-timeline-band > .dark-timeline-head > strong {
    left: 12px !important;
  }
}

@media (min-width: 821px) and (max-width: 1199px) {
  .final-carousel-preview-page .dark-timeline-band > .dark-timeline-head {
    width: var(--container) !important;
  }
}

@media (max-width: 820px) {
  .final-carousel-preview-page .dark-timeline-band {
    padding: 44px 20px !important;
  }

  .final-carousel-preview-page .dark-timeline-band > .dark-timeline-head {
    grid-template-columns: auto auto 1fr !important;
    align-items: baseline !important;
    gap: 7px !important;
    width: 100% !important;
    margin-bottom: 20px !important;
  }

  .final-carousel-preview-page .dark-timeline-band > .dark-timeline-head em {
    display: block !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
}