/* ---------------------------------------------------------------------------
   宽屏布局增强
   仅在宽屏下放宽主内容区，充分利用横向空间；不影响平板与移动端布局。
--------------------------------------------------------------------------- */

@media (min-width: 1200px) {
  .site-body .container,
  .site-body .hero-inner {
    width: min(1560px, calc(100% - 48px));
  }
}

@media (min-width: 1500px) {
  .site-body .container,
  .site-body .hero-inner {
    width: min(1760px, calc(100% - 64px));
  }

  .workbench-grid { gap: 72px; }
  .workbench-intro h1 { max-width: 820px; }
  .workbench-lead { max-width: 760px; }
  .site-body .workbench-prompt { width: min(820px, 100%); }
  .capability-layout { gap: 110px; }

  .site-body .copy-header,
  .site-body .copy-box,
  .site-body #copyStatus { max-width: 1180px; }
  .site-body .copy-results,
  .site-body .copy-results-head { max-width: 1400px; }
}

@media (min-width: 1800px) {
  .site-body .container,
  .site-body .hero-inner {
    width: min(1980px, calc(100% - 80px));
  }

  .workbench-grid {
    grid-template-columns: minmax(0, 1.05fr) minmax(420px, .95fr);
    gap: 84px;
  }
  .workbench-intro h1 { max-width: 900px; font-size: 56px; }
  .workbench-lead { max-width: 820px; }
  .site-body .workbench-prompt { width: min(900px, 100%); }
  .capability-layout {
    grid-template-columns: minmax(320px, .72fr) minmax(620px, 1.28fr);
    gap: 120px;
  }

  .site-body .grid,
  .site-body .project-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}

@media (min-width: 2200px) {
  .site-body .container,
  .site-body .hero-inner {
    width: min(2160px, calc(100% - 96px));
  }

  .workbench-grid { gap: 96px; }
  .workbench-intro h1 { max-width: 980px; font-size: 58px; }
  .workbench-lead { max-width: 880px; }
  .site-body .workbench-prompt { width: min(960px, 100%); }
  .capability-layout { gap: 150px; }
}