/* AINOTE 落地页：跟随整站字体，移除区块外层留白，让背景铺满页面。
   内部文字和按钮保留各自间距；下方内容加宽仅在桌面端生效。 */

#main[data-ainote-landing] {
  --heading-font-family: var(--title-font, sans-serif);
  --text-font-family: var(--body-font, sans-serif);
}

#main[data-ainote-landing] :is(.an2-button, .an2-tabs button, .ainote-product-comparison__buy, .ainote-product-comparison__learn, .ainote-product-comparison__compare) {
  font-family: var(--button-font, var(--body-font, sans-serif));
}

/* SHOPLINE 区块外层也会匹配营销样式的 .section，不能继承其横向内边距。 */
#main[data-ainote-landing] > .ainote-landing-section {
  --section-spacing-inline: 0px;
  padding-inline: 0;
}

@media (min-width: 750px) {
  /* 1. 内容容器整体加宽：1200px → 1720px 上限，比例 83.333% → 88.888% */
  #main[data-ainote-landing] {
    --container-max-width: 1720px;
  }
  #main[data-ainote-landing] .an2-wrap {
    width: min(88.888%, var(--container-max-width, 1720px));
  }

  /* 2. 概览区设备图全屏化：容器按素材原始比例自适应高度，设备与轨迹底图等比放大 */
  #main[data-ainote-landing] .an2-feature--overview .an2-feature__media {
    width: min(calc(100% - 64px), 1500px);
    height: auto;
    aspect-ratio: 1294 / 970;
  }
  #main[data-ainote-landing] .an2-overview-media__device,
  #main[data-ainote-landing] .air2-overview-media__device {
    width: 50%;
    height: auto;
  }
  #main[data-ainote-landing] .an2-overview-media__trajectory,
  #main[data-ainote-landing] .air2-overview-media__trajectory {
    width: 83.774%;
    height: auto;
  }

  /* 3. Bento 宫格从 864px 硬上限放宽 */
  #main[data-ainote-landing] .an2-bento__grid {
    width: min(calc(100% - 32px), 1560px);
  }
}