/*
 * 全站宽屏基线：内容密度按 CSS 视口宽度收敛，不依赖用户浏览器缩放。
 * 适用于 2K 与超宽桌面；中小屏继续使用各页面原有断点。
 */
@media (min-width: 1920px) {
  :root {
    --container: 1840px;
    --type-nav: 15px;
    --type-body: 16px;
    --type-card-title: 26px;
    --type-section-title: 44px;
    --type-hero-title: 52px;
    --type-feature-title: 42px;
  }

  body { font-size: 16px; }
  .container { width: min(calc(100% - 120px), var(--container)); }
  .button { min-height: 46px; padding-right: 23px; padding-left: 23px; }
  .section { padding-top: 78px; padding-bottom: 78px; }
  .section-heading { margin-bottom: 40px; }
  .section-heading h2,
  .partner-copy h2,
  .contact-grid h2 { font-size: var(--type-section-title); }
  .section-heading p { font-size: var(--type-body); }

  /* 首屏是大屏感受的主要来源，单独收敛而不影响内容卡片可读性。 */
  /* 首页 Banner 宽度必须覆盖整个首屏，不能因按高度等比缩放而露出两侧留白。 */
  #header.hero::before { height: 470px; background-size: 100% 470px; }
  #header .hero-grid { min-height: 470px; padding-top: 42px; padding-bottom: 16px; }
  #header .hero-banner-reserve { min-height: 398px; }
  #header .hero-copy h1 { max-width: 680px; margin-bottom: 18px; font-size: 52px; }
  #header .hero-copy > p { max-width: 590px; font-size: 18px; }
  #header .hero-actions { margin-top: 22px; }
  #header .hero-tags { margin-top: 24px; font-size: 16px; }
  #header .trust-strip { margin-top: 18px; }
  #header .trust-strip > div { min-height: 74px; }

  .inner-hero { padding-top: 58px; padding-bottom: 54px; }
  .inner-hero h1,
  .inner-hero-copy h1 { font-size: 50px; }
  .product-detail-hero .inner-hero-copy { padding-top: 28px; padding-bottom: 28px; }
}

/* 内嵌桌面画布以 1905px 为最小布局宽度；外层 desktop-canvas.html 统一等比缩放。 */
@media (hover: hover) and (pointer: fine) {
  html,
  body {
    min-width: 1905px;
  }

  /* 统一采用当前 100% 桌面稿的模块尺寸，随后由外层画布等比缩放。 */
  :root {
    --container: 1785px;
    --type-nav: 15px;
    --type-body: 16px;
    --type-card-title: 26px;
    --type-section-title: 44px;
    --type-hero-title: 52px;
    --type-feature-title: 42px;
  }

  .container {
    width: 1785px;
  }

  /* 导航与正文共用同一套 1905px 桌面基准，尺寸只由全站 zoom 统一改变。 */
  .header-inner { min-height: 70px; gap: 24px; }
  .brand { flex-basis: 132px; }
  .brand img { width: 132px; }
  .main-nav { gap: 38px; font-size: var(--type-nav); }
  .main-nav a { padding-top: 22px; padding-bottom: 20px; }
  .main-nav a::after { bottom: 14px; }
  .header-inner .button-small { min-height: 46px; padding-right: 23px; padding-left: 23px; font-size: 14px; }

  #header .trust-strip {
    width: 1905px;
    padding-right: 60px;
    padding-left: 60px;
  }

  /* 新闻头条原本比正文容器额外放宽 40px，浏览器缩小比例后会继续扩到该上限，
     使横幅和封面图再次产生缩放。桌面画布下与正文保持同一基准宽度。 */
  body[data-page="news"] .news-hero-grid {
    width: 1785px;
  }

  .main-nav {
    display: flex !important;
  }

  .nav-toggle,
  .compact-nav {
    display: none !important;
  }

  #header.hero::before {
    height: 470px;
    background-position: right top;
    background-size: 1905px 470px;
  }

  #header .hero-grid {
    grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
    min-height: 470px;
    padding-top: 42px;
    padding-bottom: 16px;
  }

  #header .hero-banner-reserve {
    display: block;
    min-height: 398px;
  }
}

/*
 * 宽屏只增加两侧留白，不能把缩小浏览器后变大的 CSS 视口当作设计画布。
 * 以下首屏背景按原始 1905px 视觉稿居中，避免在超宽视口被右对齐到屏幕边缘。
 * 新闻页使用独立版式，因此不在此规则范围内。
 */
@media (min-width: 1920px) {
  #header.hero::before,
  body[data-page="about"] #about-intro.about-hero::before,
  #partner-intro.partner-hero::before,
  #sizheng-intro.sizheng-hero::before,
  #dangjian-intro.dangjian-hero::before,
  #products-intro.products-hero::before {
    background-position: center top;
  }
}