/* ========== 学习路径时间轴修复 ========== */
/* 小白提示：修复桌面端时间轴布局问题，实现标准的左右交替显示 */
@media (min-width: 769px) {
  /* 时间轴容器添加中央线 */
  #learning-path .timeline {
    position: relative;
    /* 小白提示：把时间轴容器设为基准叠层，避免伪元素压住子元素 */
    z-index: 0;
  }
  
  /* 中央垂直线 */
  #learning-path .timeline::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    width: 2px;
    background: linear-gradient(to bottom, transparent, #3b82f6, transparent);
    transform: translateX(-50%);
    /* 小白提示：将中线放在最底层，避免挡住圆点与文字 */
    z-index: 0;
    pointer-events: none;
  }
  
  /* 时间轴项目基础样式 */
  #learning-path .timeline-item {
    position: relative !important;
    margin: 4rem 0 !important;
    /* 小白提示：清除全局时间轴为奇偶项设置的 50% 填充，避免内容被挤开 */
    padding: 0 !important;
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    /* 小白提示：提升每一项的层级，使其位于中线之上 */
    z-index: 1;
  }
  
  /* 奇数项布局：内容-圆点-空白 */
  #learning-path .timeline-item:nth-child(odd) {
    justify-content: flex-start !important;
    /* 小白提示：取消全局的右对齐，交由内部内容元素控制 */
    text-align: initial !important;
  }
  
  #learning-path .timeline-item:nth-child(odd) > div[class*="md:w-1/2"] {
    width: 45% !important;
    text-align: right !important;
    padding-right: 2rem !important;
    order: 1 !important;
  }
  
  
  
  /* 偶数项布局：空白-圆点-内容 */
  #learning-path .timeline-item:nth-child(even) {
    justify-content: flex-end !important;
    /* 小白提示：取消全局的左对齐，交由内部内容元素控制 */
    text-align: initial !important;
  }
  
  
  #learning-path .timeline-item:nth-child(even) > div[class*="md:w-1/2"] {
    width: 45% !important;
    text-align: left !important;
    padding-left: 2rem !important;
    order: 3 !important;
  }
  
  /* 时间轴圆点样式：绝对居中到中线 */
  #learning-path .timeline-item > .timeline-dot {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    margin: 0 !important;
    /* 小白提示：圆点置于最高层，确保不被中线覆盖 */
    z-index: 2 !important;
  }
}