/* r62 首屏放宽放高。参照 OKX zh-hans 实测(CDP,2026-10-09):
   1440 屏 hero 容器 1248(87%)、1920 屏 1728(90%);hero 高 711 ≈ 视口减头部。
   我们原来:容器固定 1200、内页 hero 仅 378–542px,首屏下半被下一节挤占。
   只动 ≥1024 桌面;手机不动。回退 = 去掉各页这一行 link。 */
@media (min-width: 1024px) {
  html[data-page][data-theme] body .site-header__inner,
  html[data-page="quote-detail"][data-theme] body .container,
  html[data-page][data-theme] body .hero__inner {
    max-width: min(1728px, calc(100% - clamp(48px, 12.2vw, 176px)));
  }
  html[data-page][data-theme] body .hero__inner {
    min-block-size: clamp(560px, calc(100svh - var(--risk-h, 0px) - var(--header-h, 64px)), 1000px);
    align-content: center;
  }
}

/* r62b 首屏插图随首屏放大(2026-10-09)。首屏放宽放高后,按固定 px 画的插图原样不动、
   贴右站着,1920 屏上和文案之间空一大块。画布场景层(scene-r13)本来按视口比例铺,不用动;
   要放大的是两类固定尺寸的:首页行情面板(.hstage,上限 760)与图版(.fig-plate,上限 420)。 */
:root { --r62-fig: clamp(420px, calc(40vw - 156px), 760px); }

@media (min-width: 1536px) and (min-height: 780px) {
  html[data-page="home"][data-theme] body .hero .hstage {
    transform-origin: 100% 50%;
    scale: 1.08;
  }
}
@media (min-width: 1680px) and (min-height: 780px) {
  html[data-page="home"][data-theme] body .hero .hstage { scale: 1.18; }
}
@media (min-width: 1800px) and (min-height: 780px) {
  html[data-page="home"][data-theme] body .hero .hstage { scale: 1.26; }
}
@media (min-width: 1900px) and (min-height: 780px) {
  html[data-page="home"][data-theme] body .hero .hstage { scale: 1.32; }
}
@media (min-width: 2200px) and (min-height: 780px) {
  html[data-page="home"][data-theme] body .hero .hstage { scale: 1.5; }
}

@media (min-width: 1280px) {
  html[data-page="help-center"][data-theme] body.page-help .hero .hero__inner,
  html[data-page="insights"][data-theme] body .hero .hero__inner {
    grid-template-columns: minmax(0, 1fr) minmax(0, var(--r62-fig));
  }
  html[data-page][data-theme] body .hc44-hero,
  html[data-page][data-theme] body .mi44-fig--hero {
    max-inline-size: var(--r62-fig);
  }
  html[data-page="help-center"][data-theme] body.page-help #hero .hero__inner {
    background-image:
      radial-gradient(calc(var(--r62-fig) * .714) calc(var(--r62-fig) * .5) at calc(100% - var(--r62-fig) / 2 - 32px) 50%,
        color-mix(in srgb, var(--c-primary-500) 16%, transparent), transparent 72%);
  }
}