/*
 * 全站板块间距校正
 * 头图与交互式全屏模块保留原尺度；正文、目录、数据与咨询板块收紧滚动节奏。
 */

@media (min-width: 761px) {
  :root {
    --site-section-top: clamp(4.25rem, 4.8vw, 5.25rem);
    --site-section-bottom: clamp(3rem, 3.6vw, 4rem);
    --site-section-top-loose: clamp(4.75rem, 5.4vw, 6rem);
    --site-section-bottom-loose: clamp(3.5rem, 4.2vw, 4.5rem);
    --site-section-gap: clamp(2.5rem, 4vw, 4rem);
  }

  /* 首页正文单元。 */
  .material-corridor,
  .problem-anatomy,
  .case-file,
  .section-pad,
  .consult {
    padding-top: var(--site-section-top-loose);
    padding-bottom: var(--site-section-bottom-loose);
  }

  .product-intro {
    margin-bottom: var(--site-section-gap);
  }

  .system-ribbon,
  .problem-atlas,
  .expertise-layout {
    margin-top: var(--site-section-gap);
  }

  /* 产品入口、微水泥及配套页面。 */
  .product-intro-hero {
    min-height: 68svh;
    padding-top: clamp(7.5rem, 9vw, 9.5rem);
    padding-bottom: var(--site-section-bottom);
  }

  .micro-router,
  .micro-family,
  .micro-evidence,
  .micro-catalog,
  .micro-detail-section,
  .consumer-lab,
  .living-guide,
  .detail-section,
  .conversion,
  .ready-simple-section,
  .tool-section,
  .aux-section,
  .sequence-section {
    padding-top: var(--site-section-top);
    padding-bottom: var(--site-section-bottom);
  }

  .judgement-layout,
  .photo-brief,
  .life-questions {
    margin-top: var(--site-section-gap);
  }

  .section-heading {
    margin-bottom: var(--site-section-gap);
  }

  /* 橡木颗粒与金属饰面。 */
  .material-story,
  .performance-system,
  .grain-lab,
  .professional-record,
  .essential-data,
  .mettal-anatomy,
  .mettal-metals,
  .mettal-routes,
  .mettal-system,
  .mettal-data,
  .mettal-consult {
    padding-top: var(--site-section-top);
    padding-bottom: var(--site-section-bottom);
  }

  .mettal-equation,
  .mettal-steps {
    margin-top: var(--site-section-gap);
  }

  /* DURITE：产品图仍保持大幅展示，导语和正文不再占据整屏空白。 */
  .series-collection__head {
    min-height: 0;
    padding-top: var(--site-section-top-loose);
    padding-bottom: var(--site-section-bottom-loose);
  }

  .series-item {
    min-height: min(86vh, 58rem);
  }

  .series-item__media,
  .series-item__content,
  .art-intro,
  .texture-logic__statement,
  .light-study__content,
  .application,
  .art-specs {
    padding-top: var(--site-section-top);
    padding-bottom: var(--site-section-bottom);
  }

  .light-study {
    min-height: 46rem;
  }

  /* POLYTEC。 */
  .poly-intro,
  .poly-applications,
  .poly-materials,
  .poly-layers,
  .poly-process,
  .poly-evidence,
  .poly-colors {
    padding-top: var(--site-section-top);
    padding-bottom: var(--site-section-bottom);
  }

  /* GRAPHENSTONE 的宣传、产品、认证与资料板块。 */
  .gs-selector,
  .gs-catalogue,
  .gs-projects,
  .gs-product-shelf,
  .gs-environment__copy,
  .gs-evidence,
  .gs-flagships {
    padding-top: var(--site-section-top);
    padding-bottom: var(--site-section-bottom);
  }

  .gs-downloads,
  .gs-final-cta {
    margin-top: var(--site-section-gap);
  }

  .gs-final-cta {
    padding-top: var(--site-section-top);
    padding-bottom: var(--site-section-bottom);
  }

  /* 空间问题、案例、技术、色彩与通用内容页。 */
  .problem-index {
    padding-bottom: var(--site-section-bottom);
  }

  .article-body {
    padding-top: var(--site-section-gap);
  }

  .article-section {
    padding-top: var(--site-section-gap);
    padding-bottom: var(--site-section-gap);
  }

  .article-return {
    padding-bottom: var(--site-section-bottom);
  }

  .case-archive,
  .case-method,
  .tech-tasks,
  .tech-issues,
  .tech-training,
  .tech-systems,
  .tech-gates,
  .tech-documents,
  .content-section,
  .material-chooser,
  .sample-protocol,
  .real-light {
    padding-top: var(--site-section-top);
    padding-bottom: var(--site-section-bottom);
  }

  .color-section-head,
  .tech-section-head {
    margin-bottom: var(--site-section-gap);
  }
}

@media (max-width: 760px) {
  :root {
    --site-section-top-mobile: 3.5rem;
    --site-section-bottom-mobile: 3rem;
    --site-section-gap-mobile: 2.5rem;
  }

  .material-corridor,
  .problem-anatomy,
  .case-file,
  .section-pad,
  .consult,
  .micro-router,
  .micro-family,
  .micro-evidence,
  .micro-catalog,
  .micro-detail-section,
  .consumer-lab,
  .living-guide,
  .detail-section,
  .conversion,
  .ready-simple-section,
  .tool-section,
  .aux-section,
  .sequence-section,
  .material-story,
  .performance-system,
  .grain-lab,
  .professional-record,
  .essential-data,
  .mettal-anatomy,
  .mettal-metals,
  .mettal-routes,
  .mettal-system,
  .mettal-data,
  .mettal-consult,
  .series-collection__head,
  .series-item__content,
  .art-intro,
  .texture-logic__statement,
  .light-study__content,
  .application,
  .art-specs,
  .poly-intro,
  .poly-applications,
  .poly-materials,
  .poly-layers,
  .poly-process,
  .poly-evidence,
  .poly-colors,
  .gs-selector,
  .gs-catalogue,
  .gs-projects,
  .gs-product-shelf,
  .gs-environment__copy,
  .gs-evidence,
  .gs-flagships,
  .case-archive,
  .case-method,
  .tech-tasks,
  .tech-issues,
  .tech-training,
  .tech-systems,
  .tech-gates,
  .tech-documents,
  .content-section,
  .material-chooser,
  .sample-protocol,
  .real-light {
    padding-top: var(--site-section-top-mobile);
    padding-bottom: var(--site-section-bottom-mobile);
  }

  .product-intro-hero {
    min-height: 0;
    padding-top: 7rem;
    padding-bottom: var(--site-section-bottom-mobile);
  }

  .series-item__media {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .article-body {
    padding-top: var(--site-section-gap-mobile);
  }

  .article-section {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .article-return {
    padding-bottom: var(--site-section-bottom-mobile);
  }

  .product-intro {
    margin-bottom: var(--site-section-gap-mobile);
  }

  .system-ribbon,
  .problem-atlas,
  .expertise-layout,
  .judgement-layout,
  .photo-brief,
  .life-questions,
  .mettal-equation,
  .mettal-steps,
  .gs-downloads,
  .gs-final-cta {
    margin-top: var(--site-section-gap-mobile);
  }

  .color-section-head,
  .tech-section-head {
    margin-bottom: var(--site-section-gap-mobile);
  }
}