/* Glacier AI 滚动动效（与 scroll-motion.js 配套），用于首页与 Berserk、多模态交互模型平台、聚合站。
   隐藏态（.motion-pending）只由脚本加在加载时位于首屏以下的元素上，HTML 本身始终完整可见。
   首屏只有不隐藏任何内容的离开视差；全站不用移动的光斑、扫光。规格见 DESIGN_STANDARD.md「滚动动效」。 */
:root { --motion-ease: cubic-bezier(.22, 1, .36, 1); }

.motion-pending { opacity: 0 !important; }
/* 标题按 <br> 分成的行，出场时各自从遮罩里升起，结束后脚本还原成原来的节点。 */
.motion-line { display: inline-block; }

/* 离开首屏时的视差：首屏文案随滚动后退、淡出（离开过半才开始变淡）。只在支持滚动驱动动画的浏览器生效，
   页面顶部时处于动画起点（即原样），不改变首屏的显示。聚合站首屏的价格卡是要读的内容，不参与。 */
@supports (animation-timeline: view()) {
  @media (prefers-reduced-motion: no-preference) {
    .landing-home .berserk-hero-content,
    .berserk-page :is(.berserk-product-copy, .berserk-product-visual),
    .aggregate-page .ag-hero-copy {
      animation: motion-hero-exit linear both;
      animation-timeline: view();
      animation-range: exit 0% exit 100%;
    }
    .berserk-page .berserk-product-copy,
    .aggregate-page .ag-hero-copy { animation-name: motion-hero-exit-slow; }
    .landing-home .berserk-backdrop {
      animation: motion-backdrop-exit linear both;
      animation-timeline: view();
      animation-range: exit 0% exit 100%;
    }
  }
}
@keyframes motion-hero-exit { 45% { opacity: 1; } to { opacity: .12; translate: 0 -88px; scale: .95; } }
@keyframes motion-hero-exit-slow { 45% { opacity: 1; } to { opacity: .2; translate: 0 -40px; } }
@keyframes motion-backdrop-exit { to { opacity: .35; scale: 1.12; } }

@media print {
  .motion-pending { opacity: 1 !important; }
}