﻿/* News archive-only layout. */
html { -webkit-font-smoothing: antialiased; }

.report { padding: 8px 0; }

.page__title,
.page__header--timeline .page__title {
  letter-spacing: 0.5px;
  font-weight: 700;
}

/* First row: source, time, origin and title wrap together; bookmark stays right. */
.report__head {
  display: flex;
  align-items: first baseline;
  gap: 12px;
  margin-bottom: 8px;
  min-width: 0;
}

/*
 * 来源、时间、原文和标题必须在同一个行内盒子里。flex / 并列块把其中任何一格做成
 * 独立一列时，标题折成两三行那一列整列都在，下面每一行都少一截 —— 同时间那次。
 * 四样都写进 `<h2>` 文字前面：短标题仍是同一行，长标题第二行从左边铺满。
 * 收藏开关贴在右侧，不进这一行的折行。
 */
.report__meta {
  min-width: 0;
  flex: 1 1 auto;
}

.report__title {
  margin: 0;
  font-size: 16px;
  letter-spacing: 0.03em;
  line-height: 1.5;
}

.report__title > .report__source,
.report__title > .report__time,
.report__title > .report__origin {
  margin-right: 8px;
  white-space: nowrap;
}

.report__title > .report__time,
.report__title > .report__origin {
  font-weight: 400;
}

.report__source {
  display: inline-block;
  vertical-align: 0.12em;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.5px;
  padding: 2px 7px;
  border-radius: 2px;
  font-family: var(--mono);
  background-color: color-mix(in srgb, var(--primary) 10%, transparent);
  color: var(--primary);
  border: 1px solid color-mix(in srgb, var(--primary) 25%, transparent);
}

.report__time {
  font-size: 11px;
  font-family: var(--mono);
  color: var(--muted-foreground);
}

.report__origin {
  font-size: 11px;
  font-family: var(--mono);
  color: var(--muted-foreground);
  text-decoration: none;
  border-bottom: 1px solid var(--border);
}

.report__origin:hover { color: var(--primary); }

.report__actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: none;
  margin-left: auto;
}

.report__actions .bookmark { flex: none; }

.report__brief {
  position: relative;
  margin: 2px 0 8px;
  padding: 4px 34px;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: 0.02em;
}

.report__brief::before,
.report__brief::after {
  position: absolute;
  font-family: Georgia, var(--serif);
  font-size: 32px;
  line-height: 1;
  color: var(--primary);
  opacity: 0.55;
}

.report__brief::before { content: "\201C"; top: 2px; left: 8px; }
.report__brief::after { content: "\201D"; right: 8px; bottom: -5px; }

.report__body {
  font-size: 14px;
  line-height: 1.4;
  letter-spacing: 0.06em;
}

.report__body p {
  text-align: start;
}

/* Bottom row: tags stay left and the expand control stays at the right edge. */
.report__foot {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
  min-height: 24px;
}

.report__tags {
  margin: 0;
  min-width: 0;
}

.report__foot .fold__toggle {
  margin: 0 0 0 auto;
  flex: none;
}

.fold__body { max-height: 5.6em; }

/* The fold footer remains below the clipped body and puts tags/expand at opposite ends. */
.fold > .report__foot { margin-top: 8px; }
.fold__state:checked ~ .report__foot .fold__toggle::after { content: '收起全文 Collapse ▴'; }

/*
 * 鼠标移到这条报道上才淡入。只在真有指针的设备上藏：触屏没有 hover，
 * `visibility: hidden` 在那里是一排永远看不见却点得着的链接 —— 同收藏开关。
 */
@media (hover: hover) {
  .report__tags { visibility: hidden; opacity: 0; transition: opacity .12s; }
  .report:hover .report__tags,
  .report__tags:focus-within { visibility: visible; opacity: 1; }
}

.report__foot .fold__toggle {
  border: 0;
  background: none;
  padding: 4px 0;
  font-family: var(--mono);
  color: var(--muted-foreground);
}

.report__foot .fold__toggle:hover { color: var(--primary); }




/* 新闻正文段落间距收窄为共用样式的一半。 */
.report__body p { margin-bottom: 6px; }
.report__body p:last-child { margin-bottom: 0; }
