/* 版本时间线组件
   原 v315/main_version.html 内联 .version-timeline* 抽取，作为单一事实来源（参照 v315_style_extraction_overview.md）。
   去 layui 后纯 CSS 复刻 layui timeline 视觉：白圆节点 + 橙色中心点 + 灰色竖线。
   按需求调整：时间线区整体字号下调一号（16px → 14px / --fs-base），背景改为 #fcfbf9（与页面暖灰底色一致）。 */

/* 页面级对齐：与 v315 其他版块同节奏（90vw / 最大1560px / 居中） */
.version-container {
  width: 90vw;
  max-width: 1560px;
  margin: 8px auto 0;
}

/* 时间线区：背景 #fcfbf9（页面暖灰底色），以带圆角与浅边框的面板呈现，形成清晰可辨的「时间线区」 */
.version-timeline {
  width: 98%;
  margin: 0 auto;
  padding: 1rem 1.25rem;
  background-color: #fcfbf9;
  /* border: 1px solid var(--border, #eceef1); */
  border-radius: 8px;
}

.version-timeline-item {
  position: relative;
  padding-bottom: 1.25rem;
  padding-left: 35px;
}

/* 竖向轴线：贯穿各节点中心（left:10px = 20px 节点水平中心） */
.version-timeline-item::before {
  content: '';
  position: absolute;
  left: 10px;
  top: 0;
  width: 1px;
  height: 100%;
  background-color: #e2e2e2;
}

/* 节点：白色圆 + 1px 浅灰边，内含橙色圆点（等价原 layui「白圆 + 橙色图标」） */
.version-timeline-axis {
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #fff;
  border: 1px solid #e2e2e2;
  z-index: 1;
}

.version-timeline-axis::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 8px;
  height: 8px;
  margin: -4px 0 0 -4px;
  border-radius: 50%;
  background-color: #ff6b35;
  /* 保留原 layui-timeline-axis 的橙色覆盖 */
}

/* 时间线区整体字号下调一号：16px(--fs-md) → 14px(--fs-base) */
.version-timeline-content {
  color: #333;
  font-size: var(--fs-base, 14px);
  line-height: 1.7;
}

.version-timeline-title {
  margin: 0 0 .4rem;
  font-size: var(--fs-base, 14px);
  font-weight: 700;
  color: #333;
}

/* 列表项：小圆点前缀（与截图一致） */
.version-timeline-content ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

.version-timeline-content ul li {
  position: relative;
  padding-left: 1.2em;
  margin-bottom: .25rem;
  font-size: var(--fs-sm, 13px);
}

.version-timeline-content ul li::before {
  content: '•';
  position: absolute;
  left: 0;
  color: #666;
  font-size: 0.9em;
}