/* ==========================================================================
   更新日志页专属规则。
   令牌、导航、页脚、.wrap 与 .letter-col 窄栏、.plist 小方点清单全部复用 site.css，
   这里只写「这一页才有」的那几条：整段的让位、条目分隔线与月份小字。
   V4 纪律照旧：圆角只 var(--r) / var(--r-pill)，荧光绿不当文字色。
   ========================================================================== */

/* 导航是 fixed 的。首页有一整屏照片垫在下面，导航压上去正好；
   这一页第一屏就是文字，必须自己让开导航那 64px，否则标题会被压在底下。
   下留白比 --sec-y 收一档：整页只有一段内容，段落级留白会空得没有主 */
.changelog {
  padding-top: calc(var(--nav-h) + clamp(40px, 5.5vw, 76px));
  padding-bottom: clamp(64px, 8vw, 104px);
}

/* 全站 h1 是为首屏那句主张定的（最大 5rem），一页目录式的标题用不到那个分量。
   收到与段落标题同一档略大一点，读起来是「这一页叫什么」而不是一句宣言 */
.changelog h1 {
  font-size: clamp(2rem, 4.2vw, 2.875rem);
  line-height: 1.2;
}

/* 说明句。比 .letter-col p 小一档，且不吃它那个大 margin-top：
   它紧跟着 h1，属于同一个抬头，不该被推开成独立段落。
   选择器写成两个类是为了压过 site.css 的 .letter-col p（类 2 > 类 1 + 类型 1） */
.changelog .log-intro {
  margin-top: 14px;
  font-size: .9375rem;
  line-height: 1.8;
  color: var(--ink-2);
}

.log {
  margin: clamp(40px, 5vw, 64px) 0 0;
  padding: 0;
  list-style: none;
}

/* 条目之间只用一条细线分隔，不做卡片：
   卡片会给每条更新一个「重要程度相同」的框，而更新日志本来就是一条流水。
   线挂在每条的上边，最后一条补下边线，首尾两端才收得住 */
.log-item {
  padding-block: clamp(26px, 3vw, 38px);
  border-top: 1px solid var(--line);
}
.log-item:last-child { border-bottom: 1px solid var(--line); }

/* 月份：全页最小的一行字，只作时间坐标，不与标题争 */
.changelog .log-month {
  margin-top: 0;
  font-size: .8125rem;
  line-height: 1.6;
  letter-spacing: .04em;
  color: var(--ink-2);
}

/* 条目标题。site.css 的 .letter-col h2 是居中的（那是给「信」那一段用的），
   流水账里居中会让每条都像新开一章，这里拨回左对齐。
   字号收到比首页段落标题小一档，字重取 700 而不是 900：
   同屏三条标题连着出现，900 在这个字号上会糊成黑块 */
.changelog .log-title {
  margin-top: 10px;
  text-align: left;
  font-weight: 700;
  font-size: clamp(1.375rem, 2.4vw, 1.75rem);
  line-height: 1.4;
}

.log-item .plist { margin-top: clamp(16px, 1.8vw, 22px); }

/* 收尾的一句：与条目拉开，且明确不是其中一条，所以不带分隔线 */
.changelog .log-foot {
  margin-top: clamp(26px, 3vw, 36px);
  font-size: .875rem;
  line-height: 1.8;
  color: var(--ink-2);
}

/* ========== 手机（≤768px） ========== */
@media (max-width: 768px) {
  .changelog { padding-top: calc(var(--nav-h) + 30px); }
  .changelog .log-title { font-size: 1.25rem; }
  /* 窄屏上条目内距再收一档，免得三条更新占掉两屏还没读到第二条 */
  .log-item { padding-block: 22px; }
}