/* ══════════════════════════════════════════════════════════
   知了金融 · 金融内容层样式（追加于基础 tokens 之后）
   所有字号/间距/色彩均取自 style.css 既有 tokens
   规格见 DESIGN-SYSTEM.md —— 不新增颜色、不新增渐变
   ══════════════════════════════════════════════════════════ */

/* ── F1. 期号条 ── */
.issue{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:var(--s-5);
  flex-wrap:wrap;
  padding-bottom:var(--s-4);
  border-bottom:1px solid var(--line);
  margin-bottom:var(--s-7);
}
.issue .label{ margin:0; }
.issue__date{
  margin:0;
  font-size:var(--fs-small);
  color:var(--ink-3);
  font-variant-numeric:tabular-nums;
}

/* ── F2. Hero 主体（金融站更窄） ── */
.hero .wrap{ max-width:1200px; }
.hero__title{
  font-size:clamp(52px, 9.5vw, 156px);
  line-height:var(--lh-tight);
  font-weight:600;
  letter-spacing:normal;      /* 中文标题不用负字距 */
  margin:0 0 var(--s-6);
  max-width:14ch;
}
.hero__lead{
  font-size:var(--fs-lead);
  line-height:1.62;
  color:var(--ink-2);
  max-width:var(--measure);
  margin:0;
}

/* ── F3. 主编按 ── */
.editor{
  margin-top:var(--s-8);
  padding-top:var(--s-6);
  border-top:1px solid var(--line);
  max-width:var(--measure);
}
.editor__mark{
  display:inline-block;
  margin:0 0 var(--s-5);
  font-size:var(--fs-h6);
  font-weight:600;
  letter-spacing:var(--ls-label);
  color:var(--orange-deep);   /* 深橙 3.04:1，配合 12px+600 可读 */
  text-transform:none;
}
.editor__list{
  margin:0;
  padding:0;
  list-style:none;
  counter-reset:ed;
}
.editor__list li{
  counter-increment:ed;
  position:relative;
  padding-left:var(--s-6);
  margin-bottom:var(--s-5);
  font-size:var(--fs-body);
  line-height:1.75;
  color:var(--ink-2);
}
.editor__list li:last-child{ margin-bottom:0; }
.editor__list li::before{
  content:counter(ed);
  position:absolute;
  left:0; top:.15em;
  font-family:'JetBrains Mono',monospace;
  font-size:var(--fs-micro);
  font-weight:500;
  color:var(--ink-3);
  font-variant-numeric:tabular-nums;
}
.editor__list strong{
  color:var(--ink);
  font-weight:600;
}

/* ── F4. 关键数字 ── */
.figures{
  padding-block:var(--s-9);
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  background:var(--paper-2);
}
.figures__grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:var(--s-6);
}
.figure{ min-width:0; }
.figure__label{
  margin:0 0 var(--s-3);
  font-size:var(--fs-h6);
  font-weight:500;
  letter-spacing:var(--ls-label);
  color:var(--ink-2);
}
.figure__num{
  margin:0;
  font-family:'Inter','JetBrains Mono',sans-serif;
  font-size:clamp(32px, 4vw, 64px);
  font-weight:600;
  line-height:1;
  letter-spacing:var(--ls-tight);
  font-variant-numeric:tabular-nums;
  color:var(--ink);
}
.figure__dec{
  font-size:.5em;
  color:var(--ink-2);
}
.figure__unit{
  font-size:.34em;
  font-weight:500;
  color:var(--ink-2);
  margin-left:.25em;
}
.figure__delta{
  margin:var(--s-2) 0 0;
  font-family:'JetBrains Mono',monospace;
  font-size:var(--fs-small);
  font-variant-numeric:tabular-nums;
}
.figure__delta--down{ color:var(--ink-2); }

/* ── F5. 双稿 ── */
.duo{ padding-block:var(--sec-y); }
.duo__grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:var(--s-8);
}
.piece{
  border-top:1px solid var(--ink);
  padding-top:var(--s-5);
  min-width:0;
}
.piece__head{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:var(--s-4);
  margin-bottom:var(--s-4);
}
.piece__tag{
  margin:0;
  font-size:var(--fs-h6);
  font-weight:600;
  letter-spacing:var(--ls-label);
  color:var(--orange-deep);
}
.piece__src{
  margin:0;
  font-size:var(--fs-small);
  color:var(--ink-3);
}
.piece__title{
  margin:0 0 var(--s-3);
  font-size:var(--fs-h4);
  font-weight:600;
  line-height:1.3;
  letter-spacing:normal;
}
.piece__body{
  margin:0 0 var(--s-5);
  font-size:var(--fs-body);
  line-height:1.75;
  color:var(--ink-2);
}
.piece__meta{
  display:flex;
  gap:var(--s-6);
  margin:0;
  padding-top:var(--s-4);
  border-top:1px solid var(--line);
}
.piece__meta div{ display:flex; flex-direction:column; gap:2px; }
.piece__meta dt{
  font-size:var(--fs-micro);
  color:var(--ink-3);
}
.piece__meta dd{
  margin:0;
  font-family:'JetBrains Mono',monospace;
  font-size:var(--fs-small);
  font-variant-numeric:tabular-nums;
  color:var(--ink);
}

/* ── F6. 深度 ── */
.depth{
  padding-block:var(--sec-y);
  background:var(--paper-2);
}
.depth__list{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:var(--s-8);
}
.deep{ min-width:0; }
.deep__tag{
  margin:0 0 var(--s-3);
  font-size:var(--fs-h6);
  font-weight:600;
  letter-spacing:var(--ls-label);
  color:var(--orange-deep);
}
.deep__title{
  margin:0 0 var(--s-3);
  font-size:var(--fs-h3);
  font-weight:600;
  line-height:1.24;
  letter-spacing:normal;
  max-width:20ch;
  /* 避免孤字：末行至少 2 字宽 */
  text-wrap:pretty;
}
.deep__excerpt{
  margin:0 0 var(--s-4);
  font-size:var(--fs-body);
  line-height:1.75;
  color:var(--ink-2);
  max-width:48ch;
}
.deep__meta{
  margin:0;
  font-family:'JetBrains Mono',monospace;
  font-size:var(--fs-micro);
  color:var(--ink-3);
  font-variant-numeric:tabular-nums;
}

/* ── F7. 归档 ── */
.archive{ padding-block:var(--sec-y); }
.arch-list{
  margin:0;
  padding:0;
  list-style:none;
  border-top:1px solid var(--line);
}
.arch-list li{
  display:grid;
  grid-template-columns:56px 64px 1fr auto;
  gap:var(--s-4);
  align-items:baseline;
  padding-block:var(--s-4);
  border-bottom:1px solid var(--line);
  font-size:var(--fs-body);
  transition:background var(--dur-fast) var(--ease-soft);
}
.arch-list li:hover{ background:var(--orange-wash); }
.arch__no{
  font-family:'JetBrains Mono',monospace;
  font-size:var(--fs-small);
  color:var(--ink-3);
  font-variant-numeric:tabular-nums;
}
.arch__date{
  font-family:'JetBrains Mono',monospace;
  font-size:var(--fs-small);
  color:var(--ink-2);
  font-variant-numeric:tabular-nums;
}
.arch__title{
  color:var(--ink);
  font-weight:500;
}
.arch__tag{
  font-size:var(--fs-small);
  letter-spacing:var(--ls-label);
  color:var(--ink-3);
}
.arch-empty{
  margin:var(--s-5) 0 0;
  font-size:var(--fs-small);
  color:var(--ink-3);
}

/* ── F8. 响应式 ── */
@media (max-width:1024px){
  .figures__grid{ grid-template-columns:repeat(2,1fr); gap:var(--s-7); }
  .duo__grid,
  .depth__list{ grid-template-columns:1fr; gap:var(--s-7); }
}

@media (max-width:640px){
  .nav__links{ display:none; }
  .figures__grid{ grid-template-columns:repeat(2,1fr); gap:var(--s-5); }
  .figure__num{ font-size:clamp(26px, 8vw, 40px); }
  .hero__title{ font-size:clamp(40px, 12vw, 64px); max-width:10ch; }
  .hero__lead{ font-size:var(--fs-body); }
  .issue{ margin-bottom:var(--s-5); }
  .arch-list li{ grid-template-columns:44px 1fr; row-gap:var(--s-1); }
  .arch__date{ display:none; }
  .arch__tag{ text-align:right; }
  .piece__meta{ gap:var(--s-5); }
}


/* ── F9. CTA 标题降级（不与主稿争注意力） ── */
.cta .cta__title{
  font-size:var(--fs-h3);
  line-height:1.18;
  font-weight:600;
  letter-spacing:normal;
  max-width:18ch;
}

/* ── F10. 双稿 / 深度：等高对齐 ── */
.duo__grid,
.depth__list{ align-items:start; }

.piece,
.deep{
  display:flex;
  flex-direction:column;
  height:100%;
}
.piece__meta{ margin-top:auto; }
.deep__meta{ margin-top:auto; }

/* 归档空态最小高度，避免"未完成"观感 */
.arch-empty{
  margin:var(--s-5) 0 0;
  font-size:var(--fs-small);
  color:var(--ink-2);
}