/* r85 · 市场洞察页可读性(2026-10-13 修订)
 * 只改版式,不新增文案、不重复经济日历的内容:
 *   首屏压矮 → 吸顶目录 → 官方公告分组 + 收起行。第三方报道栏已于 2026-10-13 整块撤掉。
 * 加载顺序:排在 hero-art-markets-dark-r80 之后。
 * 回退 = 去掉页面里引本文件的那一行,并把 insights-r27.js / mi-press-r31.js 的引用换回去。 */

/* ---------- 首屏:压矮、去掉没有信息的图例 ---------- */
@media (min-width: 1024px) {
  html[data-page="insights"][data-theme] body .hero .hero__inner {
    min-block-size: clamp(360px, 46svh, 460px);
  }
}
/* 图例「新闻 / 热点 / 官方公告」是装饰字,与下面各栏对不上;解读栏那张三联插图同理 */
html[data-page="insights"] .mi44-fig--hero .fig-legend { display: none; }
html[data-page="insights"] .mi44-fig--howto { display: none; }
html[data-page="insights"] .mi44-fig--hero { padding-bottom: var(--s-5); }

/* ---------- 页内目录(吸顶) ---------- */
.mx-jump {
  position: sticky;
  top: calc(var(--risk-h, 0px) + var(--header-h, 64px));
  z-index: 20;
  background: color-mix(in srgb, var(--c-canvas) 92%, transparent);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border-block: 1px solid var(--c-divider);
}
.mx-jump__list {
  display: flex;
  gap: var(--s-2);
  margin: 0;
  padding: var(--s-2) 0;
  list-style: none;
  overflow-x: auto;
  scrollbar-width: none;
}
.mx-jump__list::-webkit-scrollbar { display: none; }
.mx-jump a {
  display: block;
  padding: var(--s-2) var(--s-4);
  white-space: nowrap;
  font-size: var(--fs-sm);
  font-weight: 600;
  color: var(--c-text-3);
  text-decoration: none;
  border-radius: var(--r-pill);
  transition: color var(--dur-1) var(--ease), background-color var(--dur-1) var(--ease);
}
.mx-jump a:hover { color: var(--c-text); background: var(--c-surface-subtle); }
.mx-jump a[aria-current="true"] { color: var(--c-primary-700); background: var(--c-primary-50); }
.mx-jump a:focus-visible { outline: 2px solid var(--focus-ring-color); outline-offset: 2px; }
html { scroll-padding-top: calc(var(--risk-h, 0px) + var(--header-h, 64px) + 56px); }

/* ---------- 各节收紧 ---------- */
html[data-page="insights"] .section--anchor { padding-block: var(--s-8); }
html[data-page="insights"] .section--anchor .section__head { margin-bottom: var(--s-6); }
html[data-page="insights"] .section--anchor .section__head .body.lead { max-inline-size: 62ch; margin-top: var(--s-2); }

/* 重点前瞻卡压矮:它不再是这一节唯一的内容 */
#ahead .mi-event { padding: var(--s-5); grid-template-columns: 148px minmax(0, 1fr); gap: var(--s-5); }
#ahead .mi-event__md { font-size: 38px; }
#ahead .mi-event__title { font-size: var(--fs-h4); }
#ahead .mi-event:hover, #howto .mi-guide:hover { transform: none; }

/* ---------- 数据解读:卡片压成一格 ---------- */
#howto .mi-guides { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s-4); }
#howto .mi-guide { gap: var(--s-2); padding: var(--s-4) var(--s-5); }
#howto .mi-guide__badge { flex-wrap: wrap; row-gap: var(--s-1); }
#howto .mi-guide__title { font-size: var(--fs-md, 1.0625rem); line-height: 1.5; }
#howto .mi-guide__dek {
  margin: 0;
  font-size: var(--fs-sm);
  line-height: 1.65;
  color: var(--c-text-2);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
#howto .mi-guide__meta { margin: var(--s-1) 0 0; }
/* ---------- 官方公告 ---------- */
#insights .mi-tools { display: flex; flex-wrap: wrap; gap: var(--s-3) var(--s-6); margin-bottom: var(--s-5); }
#insights .mi-filter { flex-direction: row; align-items: center; gap: var(--s-3); }

.mx-g { margin-top: var(--s-6); }
.mx-g:first-child { margin-top: 0; }
.mx-g__h { display: flex; align-items: baseline; gap: var(--s-3); padding-bottom: var(--s-2); margin-bottom: var(--s-1); border-bottom: 2px solid var(--c-border-strong); }
.mx-g__t { margin: 0; font-size: var(--fs-h4); }
.mx-g__n { font-family: var(--font-mono); font-size: var(--fs-eyebrow); color: var(--c-text-3); }

.mx-rows { margin: 0; padding: 0; list-style: none; }
.mx-rows > li { border-top: 1px solid var(--c-divider); }
.mx-rows > li:first-child { border-top: 0; }

.mx-r2__s {
  display: grid;
  grid-template-columns: 84px minmax(0, 1fr) 20px;
  gap: var(--s-4);
  align-items: baseline;
  padding: var(--s-3) var(--s-2);
  cursor: pointer;
  list-style: none;
  border-radius: var(--r-sm, 6px);
}
.mx-r2__s::-webkit-details-marker { display: none; }
.mx-r2__s:hover { background: var(--c-surface-subtle); }
.mx-r2__s:focus-visible { outline: 2px solid var(--focus-ring-color); outline-offset: 2px; }
.mx-r2__d { font-family: var(--font-mono); font-size: var(--fs-eyebrow); color: var(--c-text-3); white-space: nowrap; font-variant-numeric: tabular-nums; }
.mx-r2__m { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.mx-r2__t { font-weight: 600; line-height: 1.5; color: var(--c-text); overflow-wrap: anywhere; }
.mx-r2__p { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--s-2) var(--s-3); }
.mx-r2__p .mi-pub { font-size: var(--fs-eyebrow); font-weight: 500; color: var(--c-text-2); }
.mx-r2__k {
  font-size: var(--fs-eyebrow);
  color: var(--c-text-3);
  border: 1px solid var(--c-border);
  border-radius: var(--r-xs, 4px);
  padding: 0 var(--s-2);
}
.mx-r2__x { align-self: center; justify-self: end; width: 8px; height: 8px; border-right: 2px solid var(--c-text-3); border-bottom: 2px solid var(--c-text-3); transform: rotate(45deg); transition: transform var(--dur-1) var(--ease); }
.mx-r2[open] .mx-r2__x { transform: rotate(-135deg); }
.mx-r2__b { padding: 0 var(--s-2) var(--s-4) calc(84px + var(--s-4) + var(--s-2)); }
.mx-r2__sum { margin: 0 0 var(--s-2); max-inline-size: 80ch; font-size: var(--fs-sm); line-height: 1.75; color: var(--c-text-2); }
.mx-r2__attr { margin: 0; font-size: var(--fs-eyebrow); color: var(--c-text-3); }

.mx-more {
  appearance: none;
  display: block;
  margin: var(--s-4) auto 0;
  padding: var(--s-2) var(--s-6);
  font-family: inherit;
  font-size: var(--fs-sm);
  font-weight: 600;
  color: var(--c-text-2);
  background: none;
  border: 1px solid var(--c-border-strong);
  border-radius: var(--r-pill);
  cursor: pointer;
}
.mx-more:hover { color: var(--c-text); background: var(--c-surface-subtle); }
.mx-more:focus-visible { outline: 2px solid var(--focus-ring-color); outline-offset: 2px; }
.mx-more span { color: var(--c-text-3); font-variant-numeric: tabular-nums; }

/* 公告栏底部的法定提示:内容不变,只是字号降一档、不再是整屏的灰字块 */
#insights .mi-note { margin-top: var(--s-7); }
#insights .mi-legal p { font-size: var(--fs-eyebrow); line-height: 1.75; }

/* ---------- 数据来源:同样的内容,收紧版式 ---------- */
#sources .mi-note p { font-size: var(--fs-sm); line-height: 1.75; }
#sources .ia-table td, #sources .ia-table th { padding-block: var(--s-2); }

/* ---------- 窄屏 ---------- */
@media (max-width: 860px) {
  #howto .mi-guides { grid-template-columns: minmax(0, 1fr); }
  #ahead .mi-event { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 640px) {
  html[data-page="insights"] .section--anchor { padding-block: var(--s-7); }
  .mx-r2__s { grid-template-columns: minmax(0, 1fr) 20px; }
  .mx-r2__d { grid-column: 1 / -1; }
  .mx-r2__x { grid-row: 2; grid-column: 2; }
  .mx-r2__b { padding-left: var(--s-2); }
  .mx-g__h { flex-wrap: wrap; }
}
@media (prefers-reduced-motion: reduce) {
  .mx-jump a, .mx-r2__x { transition: none; }
}

/* 小标签与标题之间留一口气 */
html[data-page="insights"] .section--anchor .section__head .section__no { margin-bottom: var(--s-3); }