/* ============================================================
   更新日志：时间线布局
   条目按版本倒序，左侧竖线串起来。
   ============================================================ */

.log { max-width: 76ch; padding-block: clamp(28px, 4vw, 48px); }

.log-entry {
  position: relative;
  padding-inline-start: 26px;
  padding-bottom: 38px;
}
/* 竖线：最后一条不再往下延伸 */
.log-entry::before {
  content: "";
  position: absolute;
  left: 4px;
  top: 22px;
  bottom: 0;
  width: 1px;
  background: var(--rule);
}
.log-entry:last-child::before { display: none; }
/* 节点 */
.log-entry::after {
  content: "";
  position: absolute;
  left: 0;
  top: 9px;
  width: 9px; height: 9px;
  border-radius: 50%;
  background: var(--paper);
  border: 2px solid var(--rule-2);
}
.log-entry.is-current::after { border-color: var(--brand); background: var(--brand); }

.log-head { display: flex; align-items: baseline; gap: 12px; flex-wrap: wrap; }
.log-ver {
  font-family: var(--display);
  font-weight: 600;
  font-size: var(--step-2);
  letter-spacing: -.01em;
}
.log-date {
  font-family: var(--mono);
  font-size: 11.5px;
  letter-spacing: .06em;
  color: var(--ink-3);
  font-variant-numeric: tabular-nums;
}
.log-tag {
  font-family: var(--mono);
  font-size: 10.5px;
  letter-spacing: .1em;
  text-transform: uppercase;
  padding: 2px 8px;
  border-radius: 100px;
  border: 1px solid currentColor;
}
.log-tag-release { color: var(--brand-deep); }
.log-tag-dev { color: var(--accent); }

.log-body { margin-top: 12px; }
.log-body p { color: var(--ink-2); font-size: 15px; }
.log-body ul { margin-top: 11px; padding-inline-start: 1.3em; color: var(--ink-2); }
.log-body li + li { margin-top: 5px; }
.log-body strong { color: var(--ink); font-weight: 500; }

/* 占位说明：明确告诉读者这里还没有内容，而不是假装有 */
.log-placeholder {
  margin-top: 12px;
  padding: 15px 17px;
  background: var(--paper-2);
  border: 1px dashed var(--rule-2);
  border-radius: var(--radius);
  font-size: 14px;
  color: var(--ink-3);
}