/* motion-fx.css — 替换 elementor-pro/assets/css/modules/motion-fx.min.css（778 B）
 *
 * 滚动/鼠标视差那一族的**静态样式**。真正算位移的是 JS（它逐帧写内联 transform），
 * 这张表只提供三样东西：过渡的时长与缓动 · 图层的定位与裁切 · 变换原点。
 *
 * 🔴 **这张表曾经被试删实验判成「可删」，而那是错的。**
 * 判据当时是「静止截图 + 有限交互看不出差别」—— 而它提供的全部意义就是
 * **过渡**：删掉之后 `transition-duration` 回落到 `0s`，滚动效果从缓动变成**瞬跳**。
 * 保真度门看不见它（它在截图前把 transition 全禁了，见 README），
 * 那一格现在由 `motion-parity` 顶着 —— 而 `motion-parity` 正是为这一类建的。
 * ⇒ 改这张表之后**必须跑 motion-parity**，光看像素等于没看。
 *
 * ⚠️ `prefers-reduced-motion` 那一段**不能省**：它是无障碍要求（系统开了「减弱动态效果」
 *    就把过渡压成 0s），而本站还挂着一个无障碍挂件。省掉它在多数机器上看不出来 ——
 *    **恰恰是"多数机器上看不出来"让它容易被省掉**。
 *
 * ⚠️ 变换原点写成 `var(--e-transform-origin-y) var(--e-transform-origin-x)`：
 *    **y 在前、x 在后**，与 CSS `transform-origin` 的常规书写顺序相反。
 *    那是上游变量的命名，不是笔误 —— 照它写，别"顺手改正"。 */

.elementor-motion-effects-element,
.elementor-motion-effects-layer {
  transition-duration: 1s;
  transition-property: transform, opacity;
  transition-timing-function: cubic-bezier(0, 0.33, 0.07, 1.03);
}

@media (prefers-reduced-motion: reduce) {
  .elementor-motion-effects-element,
  .elementor-motion-effects-layer {
    transition-duration: 0s !important;
  }
}

.elementor-motion-effects-container {
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  transform-origin: var(--e-transform-origin-y) var(--e-transform-origin-x);
  width: 100%;
}

.elementor-motion-effects-layer {
  background-repeat: no-repeat;
  background-size: cover;
  left: 0;
  position: absolute;
  top: 0;
}

.elementor-motion-effects-perspective {
  perspective: 1200px;
}

.elementor-motion-effects-element {
  transform-origin: var(--e-transform-origin-y) var(--e-transform-origin-x);
}