/* 栏目档案页（/archive/<栏目>.html，tools/build_archive.py 预渲染）
   沿用 site.css 的变量和首页的 .bd-thumb 缩略图（3:2，铺满框 object-fit: cover；竖版原图偏上 50% 20%，cover.focal 优先）。
   缩略图：桌面 240×160、中宽 200×133、手机 112×75；标题不截断，导语桌面完整、手机最多 3 行。 */
.ar-page { --bd-accent: var(--site-ink); }
.ar-steam { --bd-accent: var(--site-accent); }
.ar-anime { --bd-accent: var(--site-anime); }
.ar-opinion { --bd-accent: var(--site-opinion); }
.ar-finance { --bd-accent: var(--site-finance); }
.ar-page .site-crumb li[aria-current] { color: var(--bd-accent); font-weight: 600; letter-spacing: .06em; }

.ar { width: var(--site-board); margin: 0 auto; padding: 32px 0 8px; }
.ar-head { max-width: 860px; padding-top: 12px; border-top: 3px solid var(--bd-accent); margin-bottom: 8px; }
.ar-kicker { margin: 0 0 4px; color: var(--bd-accent); font: 600 12px/1.4 var(--site-sans); letter-spacing: .14em; }
.ar-head h1 { margin: 0; font: 700 34px/1.2 var(--site-serif); color: var(--site-ink); }
.ar-sub { margin: 8px 0 0; color: var(--site-muted); font-size: 15px; line-height: 1.6; }
.ar-count { margin: 4px 0 0; color: var(--site-muted); font: 500 13px/1.5 var(--site-sans); font-variant-numeric: tabular-nums; }
.ar-month {
  max-width: 860px;
  margin: 28px 0 0;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--site-line-strong);
  color: var(--site-ink);
  font: 600 13px/1.4 var(--site-sans);
  letter-spacing: .1em;
  font-variant-numeric: tabular-nums;
}
.ar-list { max-width: 860px; margin: 0; padding: 0; list-style: none; }
.ar-item { border-bottom: 1px solid var(--site-line); }
.ar-card { --th-w: 240px; display: flex; align-items: flex-start; gap: 22px; padding: 18px 0; color: inherit; text-decoration: none; scroll-margin-top: 96px; }
.ar-card:hover .ar-h { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.ar-card:focus-visible { outline: 2px solid var(--site-ink); outline-offset: 3px; }
.ar-card { border-radius: var(--radius-sm, 4px); }          /* 焦点框圆角 */
.ar-card .bd-thumb { border-radius: var(--radius, 7px); }   /* 档案页缩略图 200–240px 宽，按大图圆角；手机 112px 见下 */
.ar-body { flex: 1 1 auto; min-width: 0; }
.ar-k { display: block; margin-bottom: 4px; color: var(--bd-accent); font: 600 12px/1.4 var(--site-sans); letter-spacing: .06em; font-variant-numeric: tabular-nums; }
.ar-h { margin: 0 0 6px; color: var(--site-ink); font: 700 22px/1.32 var(--site-serif); overflow-wrap: anywhere; text-wrap: pretty; }
.ar-dek { margin: 0; color: var(--site-muted); font-size: 15px; line-height: 1.65; }
.ar-empty { color: var(--site-muted); }

@media (max-width: 1099px) {
  .ar-card { --th-w: 200px; gap: 18px; }
  .ar-h { font-size: 20px; }
}
@media (max-width: 699px) {
  .ar { padding-top: 24px; }
  .ar-head h1 { font-size: 28px; }
  .ar-sub { font-size: 14px; }
  .ar-month { margin-top: 22px; }
  .ar-card { --th-w: 112px; gap: 14px; padding: 14px 0; }
  .ar-card .bd-thumb { border-radius: var(--radius-sm, 4px); }
  .ar-h { font-size: 17px; line-height: 1.38; margin-bottom: 4px; }
  .ar-dek { font-size: 14px; line-height: 1.55; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
}