/* ══════════════════════════════════════════════════════════
   知了金融 · 首页专属样式
   依赖 style.css（tokens）+ fin.css（金融模块）
   不新增颜色，只用既有 tokens
   ══════════════════════════════════════════════════════════ */

/* ── H1. 快讯流 ── */
.wire{
  padding-block:var(--sec-y);
  border-top:1px solid var(--line);
}
.wire__list{
  list-style:none; margin:0; padding:0;
  border-top:1px solid var(--ink);
}
.wire__i{
  display:grid; grid-template-columns:72px 1fr;
  gap:var(--s-4); padding:var(--s-4) 0;
  border-bottom:1px solid var(--line);
  align-items:baseline;
  transition:background var(--dur-fast) var(--ease-soft);
}
.wire__i:hover{ background:var(--orange-wash); }
.wire__t{
  font-family:'JetBrains Mono',monospace;
  font-size:var(--fs-small); font-weight:500;
  color:var(--orange-deep);
  font-variant-numeric:tabular-nums;
  white-space:nowrap;
}
.wire__b{
  font-size:var(--fs-body); color:var(--ink-2);
  line-height:1.68; min-width:0;
}
.wire__b strong{ color:var(--ink); font-weight:600; }
.wire__src{
  display:inline-block;
  font-size:var(--fs-micro); color:var(--ink-3);
  border:1px solid var(--line); border-radius:2px;
  padding:1px 6px; margin-left:var(--s-3);
  vertical-align:1px;
  background:var(--paper-2);
  white-space:nowrap;
}
.wire__more{
  display:inline-block; margin-top:var(--s-6);
  font-size:var(--fs-small); color:var(--orange-deep);
  font-weight:500;
  border-bottom:1px solid currentColor;
  padding-bottom:2px;
}

/* ── H2. 数据拼图预览 ── */
.pz-preview{
  padding-block:var(--sec-y);
  background:var(--paper-2);
  border-top:1px solid var(--line);
}
.pz-preview__box{
  background:var(--paper);
  border:1px solid var(--line);
  border-radius:4px;
  padding:var(--s-7);
}
.pz-preview__hd{
  display:flex; justify-content:space-between; align-items:baseline;
  gap:var(--s-5); flex-wrap:wrap;
  margin-bottom:var(--s-6); padding-bottom:var(--s-4);
  border-bottom:1px solid var(--ink);
}
.pz-preview__title{
  font-size:var(--fs-h3); font-weight:600;
  margin:0; word-break:keep-all; text-wrap:balance;
}
.pz-preview__meta{
  font-size:var(--fs-small); color:var(--ink-3);
  margin:0; font-variant-numeric:tabular-nums;
}
.mini-grid{
  display:grid; grid-template-columns:repeat(3,1fr);
  gap:var(--s-5) var(--s-6);
}
.mini{
  border-top:1px solid var(--line);
  padding-top:var(--s-3); min-width:0;
}
.mini__name{
  font-size:var(--fs-small); font-weight:600;
  margin:0 0 var(--s-2); color:var(--ink);
  word-break:keep-all;
}
.mini__val{
  font-family:'Inter',sans-serif;
  font-size:clamp(24px,2.6vw,36px);
  font-weight:600; line-height:1;
  letter-spacing:var(--ls-tight);
  font-variant-numeric:tabular-nums;
  margin:0; color:var(--ink);
}
.mini__unit{
  font-size:.4em; color:var(--ink-2);
  font-weight:500; margin-left:.2em;
}
.mini__sig{
  font-size:var(--fs-micro); color:var(--ink-3);
  margin:var(--s-2) 0 0; line-height:1.5;
}
.pz-preview__ft{
  margin-top:var(--s-6); padding-top:var(--s-5);
  border-top:1px solid var(--line);
  display:flex; justify-content:space-between; align-items:baseline;
  gap:var(--s-4); flex-wrap:wrap;
}
.pz-preview__note{
  margin:0; font-size:var(--fs-small); color:var(--ink-3);
}
.pz-preview__link{
  font-size:var(--fs-small); font-weight:500;
  color:var(--orange-deep);
  border-bottom:1px solid currentColor;
  padding-bottom:2px;
}

/* ── H3. 深度区：头条跨栏 ── */
.deep--lead{
  grid-column:1 / -1;
  border-top:1px solid var(--ink);
  padding-top:var(--s-5);
}
.deep--lead .deep__title{
  font-size:clamp(28px,3.6vw,54px);
  max-width:18ch; line-height:1.16;
}
.deep--lead .deep__excerpt{
  font-size:var(--fs-lead);
  max-width:54ch; line-height:1.66;
}

/* ── H4. 栏目入口 ── */
.portals{ padding-block:var(--sec-y); }
.portal-grid{
  display:grid; grid-template-columns:repeat(3,1fr);
  gap:var(--s-7);
}
.portal{
  border-top:2px solid var(--ink);
  padding-top:var(--s-4);
  display:block;
  transition:opacity var(--dur-fast) var(--ease-soft);
}
.portal:hover{ opacity:.6; }
.portal__no{
  display:block;
  font-family:'JetBrains Mono',monospace;
  font-size:var(--fs-micro);
  color:var(--ink-3);
  margin-bottom:var(--s-2);
}
.portal__name{
  font-size:var(--fs-h4); font-weight:600;
  margin:0 0 var(--s-2); word-break:keep-all;
}
.portal__desc{
  font-size:var(--fs-small); color:var(--ink-2);
  margin:0; line-height:1.62;
}

/* ── H5. hero lead 里的提示标记 ── */
.hero__lead strong{
  color:var(--orange-deep);
  font-weight:600;
}

/* ── H6. 响应式 ── */
@media (max-width:1024px){
  .mini-grid{ grid-template-columns:repeat(2,1fr); }
  .portal-grid{ grid-template-columns:1fr; gap:var(--s-6); }
  .deep--lead .deep__title{ font-size:clamp(26px,4.4vw,40px); }
}

@media (max-width:640px){
  .mini-grid{ grid-template-columns:1fr; }
  .wire__i{ grid-template-columns:58px 1fr; gap:var(--s-3); }
  .wire__src{ display:block; margin:4px 0 0; width:fit-content; }
  .pz-preview__box{ padding:var(--s-5); }
  .pz-preview__title{ font-size:var(--fs-h4); }
  .deep--lead .deep__title{ font-size:clamp(22px,7.4vw,34px); }
  .deep--lead .deep__excerpt{ font-size:var(--fs-body); }
}