/* PrimData 科研场景可视化布局；由后台内容管理生成。 */
.scn-page {
  --scn-layout-content-width: 1440px;
  --scn-layout-page-gutter: 24px;
  --scn-layout-card-columns: 4;
  --scn-layout-card-gap: 6px;
  --scn-layout-scenario-card-height: 270px;
  --scn-layout-scenario-card-scale: 102%;
  --scn-layout-card-1-x: 2px;
  --scn-layout-card-1-y: 45px;
  --scn-layout-card-2-x: 5px;
  --scn-layout-card-2-y: 41px;
  --scn-layout-card-3-x: 7px;
  --scn-layout-card-3-y: 41px;
  --scn-layout-card-4-x: 8px;
  --scn-layout-card-4-y: 43px;
  --scn-layout-card-5-x: -2px;
  --scn-layout-card-5-y: 88px;
  --scn-layout-card-6-x: 3px;
  --scn-layout-card-6-y: 89px;
  --scn-layout-card-7-x: 8px;
  --scn-layout-card-7-y: 91px;
  --scn-layout-card-8-x: 7px;
  --scn-layout-card-8-y: 91px;
  --scn-layout-growth-padding-top: 0px;
  --scn-layout-growth-padding-bottom: 8px;
  --scn-layout-growth-card-height: 394px;
  --scn-layout-growth-gap: 48px;
  --scn-layout-growth-memory-scale: 105%;
  --scn-layout-growth-memory-x: 0px;
  --scn-layout-growth-memory-y: 0px;
  --scn-layout-growth-skill-scale: 108%;
  --scn-layout-growth-skill-x: -15px;
  --scn-layout-growth-skill-y: 17px;
  --scn-layout-hero-height: 616px;
  --scn-layout-hero-padding-top: 12px;
  --scn-layout-hero-padding-bottom: 10px;
  --scn-layout-hero-gap: 24px;
  --scn-layout-hero-media-scale: 98%;
  --scn-layout-hero-title-size: 48px;
  --scn-layout-hero-lead-size: 14px;
  --scn-layout-hero-copy-x: 7px;
  --scn-layout-hero-copy-y: -96px;
  --scn-layout-hero-image-x: 30px;
  --scn-layout-hero-image-y: -89px;
  --scn-layout-scenarios-padding-top: 10px;
  --scn-layout-scenarios-padding-bottom: 120px;
  --scn-layout-section-heading-gap: 8px;
  --scn-layout-final-padding-top: 0px;
  --scn-layout-final-padding-bottom: 10px;
  --scn-layout-final-panel-height: 200px;
  --scn-layout-final-title-size: 33px;
  --scn-layout-final-lead-size: 15px;
  --scn-layout-final-copy-padding-y: 14px;
  --scn-layout-final-copy-padding-x: 38px;
  --scn-layout-final-orb-size: 160px;
  --scn-layout-mobile-gutter: 14px;
  --scn-layout-mobile-section-padding: 42px;
  --scn-layout-mobile-hero-padding-top: 38px;
  --scn-layout-mobile-hero-padding-bottom: 22px;
}
.scn-page .scn-shell { width: min(var(--scn-layout-content-width), calc(100% - (var(--scn-layout-page-gutter) * 2))); }
.scn-page .scn-scenario-card { height: var(--scn-layout-scenario-card-height); scale: var(--scn-layout-scenario-card-scale); transform-origin: center; }
.scn-page .scn-scenario-card picture, .scn-page .scn-scenario-card img { width: 100%; height: 100%; }
.scn-page .scn-scenario-card img { aspect-ratio: auto; object-fit: contain; }
.scn-page .scn-scenario-card:nth-child(1) { translate: var(--scn-layout-card-1-x) var(--scn-layout-card-1-y); }
.scn-page .scn-scenario-card:nth-child(2) { translate: var(--scn-layout-card-2-x) var(--scn-layout-card-2-y); }
.scn-page .scn-scenario-card:nth-child(3) { translate: var(--scn-layout-card-3-x) var(--scn-layout-card-3-y); }
.scn-page .scn-scenario-card:nth-child(4) { translate: var(--scn-layout-card-4-x) var(--scn-layout-card-4-y); }
.scn-page .scn-scenario-card:nth-child(5) { translate: var(--scn-layout-card-5-x) var(--scn-layout-card-5-y); }
.scn-page .scn-scenario-card:nth-child(6) { translate: var(--scn-layout-card-6-x) var(--scn-layout-card-6-y); }
.scn-page .scn-scenario-card:nth-child(7) { translate: var(--scn-layout-card-7-x) var(--scn-layout-card-7-y); }
.scn-page .scn-scenario-card:nth-child(8) { translate: var(--scn-layout-card-8-x) var(--scn-layout-card-8-y); }
.scn-page .scn-final h2 { font-size: var(--scn-layout-final-title-size); }
.scn-page .scn-final-copy > p:last-of-type { font-size: var(--scn-layout-final-lead-size); }
@media (min-width: 1081px) {
  .scn-page .scn-card-grid { grid-template-columns: repeat(var(--scn-layout-card-columns), minmax(0, 1fr)); gap: var(--scn-layout-card-gap); }
}
@media (min-width: 901px) {
  .scn-page .scn-hero { height: var(--scn-layout-hero-height); min-height: 0; overflow: hidden; }
  .scn-page .scn-hero-grid { height: 100%; box-sizing: border-box; gap: var(--scn-layout-hero-gap); padding-top: var(--scn-layout-hero-padding-top); padding-bottom: var(--scn-layout-hero-padding-bottom); }
  .scn-page .scn-hero h1 { font-size: var(--scn-layout-hero-title-size); }
  .scn-page .scn-hero h1 { margin-top: 12px; }
  .scn-page .scn-hero-lead { margin-top: 14px; font-size: var(--scn-layout-hero-lead-size); line-height: 1.65; }
  .scn-page .scn-button--primary { min-height: 42px; margin-top: 16px; }
  .scn-page .scn-domain-list { flex-wrap: nowrap; gap: 5px; margin-top: 16px; }
  .scn-page .scn-domain-list li { min-height: 28px; padding: 0 7px; font-size: 10px; }
  .scn-page .scn-hero-copy { transform: translate(var(--scn-layout-hero-copy-x), var(--scn-layout-hero-copy-y)); }
  .scn-page .scn-hero-media { width: var(--scn-layout-hero-media-scale); margin-right: calc(100% - var(--scn-layout-hero-media-scale)); transform: translate(var(--scn-layout-hero-image-x), var(--scn-layout-hero-image-y)); }
}
@media (min-width: 621px) {
  .scn-page .scn-scenarios { padding-top: var(--scn-layout-scenarios-padding-top); padding-bottom: var(--scn-layout-scenarios-padding-bottom); }
  .scn-page .scn-section-head { margin-bottom: var(--scn-layout-section-heading-gap); }
  .scn-page .scn-growth { padding-top: var(--scn-layout-growth-padding-top); padding-bottom: var(--scn-layout-growth-padding-bottom); }
  .scn-page .scn-growth-grid { gap: var(--scn-layout-growth-gap); }
  .scn-page .scn-growth-card { min-height: var(--scn-layout-growth-card-height); height: var(--scn-layout-growth-card-height); box-sizing: border-box; }
  .scn-page .scn-memory-card img { scale: var(--scn-layout-growth-memory-scale); transform: translate(var(--scn-layout-growth-memory-x), var(--scn-layout-growth-memory-y)); transform-origin: center; will-change: scale,transform; }
  .scn-page .scn-skill-content { width: 100%; scale: var(--scn-layout-growth-skill-scale); transform: translate(var(--scn-layout-growth-skill-x), var(--scn-layout-growth-skill-y)); transform-origin: center; will-change: scale,transform; }
  .scn-page .scn-final { padding-top: var(--scn-layout-final-padding-top); padding-bottom: var(--scn-layout-final-padding-bottom); }
  .scn-page .scn-final-panel { min-height: var(--scn-layout-final-panel-height); }
  .scn-page .scn-final-copy { padding: var(--scn-layout-final-copy-padding-y) 0 var(--scn-layout-final-copy-padding-y) var(--scn-layout-final-copy-padding-x); }
  .scn-page .scn-final-actions { margin-top: 18px; }
  .scn-page .scn-final .scn-button { min-height: 42px; }
  .scn-page .scn-final-orb { width: var(--scn-layout-final-orb-size); height: var(--scn-layout-final-orb-size); }
}
@media (max-width: 620px) {
  .scn-page .scn-shell { width: calc(100% - (var(--scn-layout-mobile-gutter) * 2)); }
  .scn-page .scn-hero-grid { padding-top: var(--scn-layout-mobile-hero-padding-top); padding-bottom: var(--scn-layout-mobile-hero-padding-bottom); }
  .scn-page .scn-scenarios { padding-top: var(--scn-layout-mobile-section-padding); padding-bottom: var(--scn-layout-mobile-section-padding); }
}