/* ============================================================
   Markets-Detail KV 入场动效（与 product-detail 一致）
   - 文字区：立即触发（motion 系统词级揭示 + fade-up）
   - 右侧图片：滞后0.3s，从右滑入，缓和慢速，幅度大
   ============================================================ */

/* ==================== 右侧图片视差动效 ==================== */

.mkd-kv__media--anim {
  opacity: 0;
  transform: translateX(10%);
  animation: mkd-media-slide-in 1.5s cubic-bezier(0.25, 0.1, 0.25, 1) 0.3s forwards;
}

@keyframes mkd-media-slide-in {
  from {
    opacity: 0;
    transform: translateX(10%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

/* ==================== 文字区：立即触发，慢速 ==================== */

/* 标题：拆分后立即可见 */
.mkd-kv .m-anim-title.is-ready {
  visibility: visible;
}

/* 标题词级滑入：时长1.0s（与 product-detail 一致） */
.mkd-kv .m-anim-title .m-word {
  transition: transform 1.0s cubic-bezier(0.075, 0.82, 0.165, 1),
              opacity 0.8s ease;
}

/* 文字区所有滚动淡入元素：时长1.2s（与 product-detail 一致） */
.mkd-kv__text [data-m-anim] {
  transition: opacity 1.2s ease,
              transform 1.2s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition-delay: var(--m-delay, 0ms);
}

/* ==================== 移动端简化 ==================== */
@media (max-width: 992px) {
  .mkd-kv__media--anim {
    animation-name: mkd-kv-fade;
    animation-duration: 0.8s;
    animation-delay: 0.3s;
    transform: none;
  }
}

@keyframes mkd-kv-fade {
  from { opacity: 0; }
  to   { opacity: 1; }
}

/* ==================== 无障碍降级 ==================== */
@media (prefers-reduced-motion: reduce) {
  .mkd-kv__media--anim {
    opacity: 1;
    transform: none;
    animation: none;
  }
}