/* 布局与运动分离：减少动态效果时仍保留桌面排版，内容始终可自然阅读。 */
html.scene-motion { scroll-behavior: auto; scroll-padding-top: 0; }
.scene-motion .reveal { overflow-anchor: none; }
.mobile-section { background: #0a151f; border-bottom: 1px solid var(--line); }
.mobile-section .mobile-showcase { margin-top: 0; }
.closing-scene { background: var(--bg); }
html:not(.scene-motion) .hero { --hero-exit: 0 !important; }
html:not(.scene-motion) .film-section { --reel-entry: 1 !important; }

@media (min-width: 1100px) and (hover: hover) and (pointer: fine) {
  .scene-layout { --scene-header: 88px; --scene-space: clamp(18px, 2.6vh, 30px); }
  .scene-layout [data-scene] { scroll-margin-top: 0; }
  .scene-layout .section[data-scene] { padding-block: calc(var(--scene-header) + var(--scene-space)) var(--scene-space); }
  .scene-layout [data-scene="screen"]:not(.intro-screen) { min-height: 100svh; display: flex; flex-direction: column; justify-content: center; }
  .scene-layout [data-scene="screen"]:not(.intro-screen) h2 { font-size: clamp(36px, 5.2vh, 60px); line-height: 1.3; margin-top: 12px; }
  .scene-layout .section-heading { margin-bottom: var(--scene-space); gap: 40px; }
  .scene-layout .section-heading .section-description { font-size: 18px; line-height: 1.85; }

  .scene-layout .hardware-card-top { padding: 24px 28px 0; }
  .scene-layout .hardware-card-top h3 { font-size: 30px; line-height: 1.4; }
  .scene-layout .hardware-visual { height: clamp(150px, calc(100svh - 580px), 390px); padding: 8px 20px 0; }
  .scene-layout .hardware-compact .hardware-visual { padding: 24px 30px 10px; }
  .scene-layout .hardware-info { padding: 18px 28px 24px; }
  .scene-layout .hardware-info > p { font-size: 17px; line-height: 1.7; min-height: 3.4em; }
  .scene-layout .hardware-tags { margin: 16px 0 0; }
  .scene-layout .hardware-tags li { padding: 5px 9px; }

  .scene-layout .workspace-section { overflow: clip; }
  .scene-layout .workspace-section .section-heading { margin-bottom: 30px; }
  .scene-layout .workspace-benefits { margin-top: 30px; margin-bottom: 12px; }
  .scene-layout .workspace-tabs { position: sticky; top: var(--scene-header); z-index: 5; background: #0b1722f5; backdrop-filter: blur(16px); }

  .scene-layout .mobile-showcase { padding: 28px 48px; }
  .scene-layout .mobile-copy h3 { font-size: clamp(32px, 4.4vh, 44px); margin-top: 18px; }
  .scene-layout .mobile-copy > p:not(.eyebrow) { margin-top: 16px; }
  .scene-layout .mobile-features { margin-top: 18px; }
  .scene-layout .mobile-features li { margin-top: 18px; }
  .scene-layout .mobile-preview-caption { margin-top: 16px; }

  .scene-layout .feedback-grid { gap: 60px; }
  .scene-layout .feedback-section .section-description { font-size: 18px; line-height: 1.85; margin-top: 18px; }
  .scene-layout .print-tabs { margin-top: 22px; }
  .scene-layout .print-tabs button { padding-block: 12px; }
  .scene-layout .print-details { margin-top: 18px; min-height: 180px; }
  .scene-layout .print-details p { font-size: 17px; line-height: 1.8; }
  .scene-layout .mode-path { margin-top: 15px; }
  .scene-layout .paper-stage { padding-top: 20px; padding-bottom: 45px; }

  .scene-layout .closing-scene { padding-top: var(--scene-header); }
  .scene-layout .about-section { flex: 1.1 1 auto; display: flex; align-items: center; padding-block: var(--scene-space); }
  .scene-layout .about-grid { align-items: center; }
  .scene-layout .about-copy { padding-top: 0; }
  .scene-layout .about-copy h3 { margin-bottom: 12px; }
  .scene-layout .about-copy p { font-size: 17px; line-height: 1.85; }
  .scene-layout .about-copy .text-link { margin-top: 10px; }
  .scene-layout .contact-section { flex: .7 1 auto; display: flex; align-items: center; padding-block: clamp(28px, 4.5vh, 48px); margin-top: 0; }
  .scene-layout .contact-inner h2 { font-size: clamp(32px, 4.4vh, 46px); margin-block: 10px; }
  .scene-layout .site-footer { flex: .4 1 auto; display: flex; flex-direction: column; justify-content: center; padding-block: clamp(28px, 3.6vh, 40px); }
  .scene-layout .footer-top { padding-bottom: 28px; }
  .scene-layout .footer-bottom { padding-top: 20px; }
}

@media (min-width: 1100px) and (max-height: 820px) and (hover: hover) and (pointer: fine) {
  .scene-layout .feedback-section h2 { font-size: 36px; }
  .scene-layout .feedback-section .section-description { margin-top: 14px; }
  .scene-layout .print-details { min-height: 162px; }
  .scene-layout .paper-stage { padding-block: 16px 42px; }
  .scene-layout .sample-paper { padding: 20px 28px; }
  .scene-layout .paper-topline { padding-bottom: 12px; }
  .scene-layout .paper-heading { margin-top: 14px; }
  .scene-layout .sample-question { padding-block: 10px; }
  .scene-layout .student-writing { padding-top: 9px; }
  .scene-layout .paper-summary { margin-top: 14px; }
  .scene-layout .about-section h2 { font-size: 36px; }
}

@media (max-width: 1120px) and (min-width: 1100px) and (hover: hover) and (pointer: fine) {
  .scene-layout .mobile-showcase { grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: 30px; }
  .scene-layout .mobile-features { display: block; }
  .scene-layout .mobile-phones { gap: 18px; }
}