/* ══════════════════════════════════════════════════════════════════
   insights-r44.css — 市场洞察页(insights):加插图(2026-09-29)
   Yannie:「優化市場洞察,增加插圖,豐富可讀性」

   四块 .fig-plate 玻璃图版 + inline SVG 线描图,与首页 r28 / about-careers r34 /
   how-it-works r37 同一套笔法、同一批 fx-* 图元。SVG 与图例由
   _mains/figart-insights-r44.py 生成(元素 ↔ 文案对照表在那个文件的 docstring 里)。

     hero      新闻 / 热点 / 官方公告 收进同一块面板         → 首屏右列
     #ahead    决议日 → 发布时点 → 会发布什么 | 不会发布什么 → 节标题右侧
     #howto    定义 → 分项 → 修订机制                       → 节标题与指标卡之间通栏
     #insights 央行 / 统计机构 → 筛选 → 逐条标明发布机构     → 节标题右侧
   #press / #sources 不配图:一个是外部报道列表,一个是来源表,图只会是装饰。

   ⛔ 这里为什么看不到 .fig-plate、也看不到 fx-* 的配方
     .fig-plate、.fig-legend 与大半 fx-* 住 home-v6.css;fx-filed / fx-slot /
     fx-divide / fx-wall 住 figart-r34.css §3。本页 <head> 里两者都排在本文件之前。
     home-v6.css 其余选择器(.svc/.core/.hflow/.stance/#highlights…)在本页 0 命中,
     figart-r34.css 除 §3 外全被 .page-about/.page-careers/.fg34 锁住 —— 引它们是安全的;
     抄一份进来 = 两份配方,首页改了这里不跟。本文件只写那两个文件里没有的东西。

   本文件只做三件事
     §1 环境光(玻璃的前提)
     §2 各块图版的位置与尺寸,宽版 / 竖版切换
     §3 因为图版进来而要让一让的既有排版
   配色零新增:一个 hex 都没有,全部 var(--c-*) + color-mix。

   回退:两页 <head> 删掉 home-v6 / figart-r34 / insights-r44 三行 link;
        四个文件里 <!-- r44:fig:* --> … <!-- /r44:fig:* --> 之间的块删掉
        (或从 _bak/insights-r44-20260929-120523/ 还原)。
   ══════════════════════════════════════════════════════════════════ */


/* ══ §1 · 环境光 ═══════════════════════════════════════════════════
   backdrop-filter 要有东西可糊;平底色上开模糊等于没开(r34 / r37 的教训)。
   主光落在**图版自己那条横带**上,竖向半径收窄,让落差最陡的一圈横穿牌面。
   ⚠️ 纵向位置用 **px(距本节顶边)**,不用百分比:中英两页同一节高度差很多
   (#howto 中文 8 张卡 2175px、英文 4 张卡 1591px),百分比会让一页落准一页落空;
   而图版距节顶的距离两页几乎一样(节标题之后)。
   下面每条旁边的数是 r44 实测(图版 rect 相对所属 section 顶边,中 / 英)。
   改版式后先重测再改数,别照截图感觉挪。
   各节原有的 data-cgrid 装饰画在 ::before 上,不是 background-image,这里不会顶掉它。 */
/* hero 不另铺光:它的底是 scene-r13.js 的 insights 场景(2026-09-30 补;此前本页没有场景,首屏只剩底色)。 */

/* 1440 实测 牌 300–631 / 366–697(中 ≈500px),通栏 */
.page-insights #howto {
  background-image:
    radial-gradient(56% 260px at 32% 500px, color-mix(in srgb, var(--c-primary-500) 13%, transparent), transparent 70%),
    radial-gradient(40% 220px at 90% 380px, color-mix(in srgb, var(--c-primary-600) 8%,  transparent), transparent 72%);
}
/* <768:图版落在节标题下面、占满宽。390 实测(中 / 英)
   #ahead 212–581 / 329–730,#howto 210–844 / 355–987,#insights 272–685 / 387–834。
   中英差得多(英文节标题长一截),所以竖向半径放宽到盖住两者。 */
@media (max-width: 767.98px) {
  .page-insights #howto {
    background-image:
      radial-gradient(70% 460px at 50% 600px, color-mix(in srgb, var(--c-primary-500) 13%, transparent), transparent 70%);
  }
}


/* ══ §2 · 图版位置与尺寸 ═══════════════════════════════════════════
   容器内宽 1440→1136 / 1024→976 / 768→720 / 390→358。
   两版 SVG 都在 DOM 里,由媒体查询切:<768 换竖版(宽版在窄屏会被压成一条缝)。
   ⚠️ 特异度陷阱(r34 / r37 都踩过):home-v6.css 有 `.fig-plate svg{display:block}`(0,1,1),
   只写 `.mi44-fig__tall{display:none}`(0,1,0) 会被它压掉,表现是两张图叠着一起出现。
   故切换规则都带 `.fig-plate svg` 前缀。 */
.fig-plate svg.mi44-fig__tall { display: none; }
@media (max-width: 767.98px) {
  .fig-plate svg.mi44-fig__wide { display: none; }
  .fig-plate svg.mi44-fig__tall { display: block; }
  .mi44-fig { padding: var(--s-4); }
}

/* ── hero:首屏右列 ────────────────────────────────────────────────
   identity-r13.css:301 在深色档把首屏合并成单列((0,4,0)),理由是那一列插图撤掉后
   标题被压成三行。本页现在右列又有了图,所以只在本页、只在 ≥1024 放回两列;
   中文标题本来就是两段 block(315 / 295px),放得下;英文标题会断成两行,可接受。
   特异度 (0,4,1) 压过那一条,且只命中 data-page="insights"。 */
@media (min-width: 1024px) {
  html[data-theme="dark"][data-page="insights"] .hero .hero__inner {
    grid-template-columns: minmax(0, 1fr) minmax(0, 420px);
    column-gap: var(--s-9);
    /* 顶对齐:图版比文案高,居中时上缘探进固定页头底下(1024 档实拍被切掉一截) */
    align-items: start;
  }
}
.mi44-fig--hero {
  margin: 0;
  inline-size: 100%;
  max-inline-size: 420px;
}
@media (max-width: 1023.98px) {
  .mi44-fig--hero { max-inline-size: 460px; }
}
@media (max-width: 767.98px) {
  .mi44-fig--hero { max-inline-size: none; }
}


/* ── #howto:节标题与指标卡之间,一条通栏 ──────────────────────────
   宽版 viewBox 1072 宽,1440 档图版内宽 1136 − 2×32 = 1072 ⇒ 缩放比 1.00。 */
.mi44-fig--howto { margin: 0 0 var(--s-7); }
@media (max-width: 767.98px) {
  .mi44-fig--howto { margin-block-end: var(--s-6); }
}


/* 2026-09-30:#ahead / #insights 两块节内图版已撤(委托人:「加入方式和排版很奇怪」),
   对应的环境光、两列网格、尺寸规则一并删除;备份 _bak/herobg-r45-20260930-014518/。
   剩 hero 与 #howto 两块。 */

/* 四个图例词挤在 440 宽的图版里,默认列距(--s-5)让中文最后一个词单独掉到第二行 */
.mi44-fig .fig-legend { column-gap: var(--s-4); }