/* 镜像子页：移动/离线补丁 */
html.sqb-mirror {
  -webkit-text-size-adjust: 100%;
}

@media (max-width: 1023px) {
  html.sqb-mirror [class*="group/case-card"][class*="hidden"][class*="max-lg:flex-col"] {
    display: flex !important;
    flex-direction: column;
  }

  /* 支付产品页等：仅展示 mobile 背景，与官网一致 */
  html.sqb-mirror [style*="--bg-image-mobile"] {
    background-image: var(--bg-image-mobile) !important;
  }
  html.sqb-mirror [style*="--bg-image-pc"] {
    background-image: none !important;
  }
}

html.sqb-mirror [style*="--bg-image-mobile"] {
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

html.sqb-mirror img.sqb-mirror-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 10;
  pointer-events: none;
}

html.sqb-mirror .index-module__BXGLFG__container {
  display: none !important;
}

html.sqb-mirror img[src="/assets/"],
html.sqb-mirror img[src^="/assets/"] {
  color: transparent;
}

/* 顶栏汉堡菜单：保证可点、压在内容之上（离线无 React 时靠 mobile-nav.js） */
html.sqb-mirror [class*="block lg:hidden"][class*="fixed"][class*="top-0"] {
  z-index: 10050 !important;
  pointer-events: auto !important;
}

html.sqb-mirror [class*="block lg:hidden"][class*="fixed"][class*="top-0"] button {
  cursor: pointer;
  touch-action: manipulation;
  position: relative;
  z-index: 2;
}

html.sqb-mirror #sqb-mobile-nav:not(.is-open) {
  pointer-events: none !important;
  visibility: hidden !important;
}

@media (max-width: 1023px) {
  /* 手机：只显示各区块下方 lg:hidden 动效，隐藏 PC sticky 栏 */
  html.sqb-mirror main figure.hidden.lg\:block {
    display: none !important;
  }
  html.sqb-mirror .sqb-aligned-hero-video .sqb-hero-video-desktop {
    display: none !important;
  }
  html.sqb-mirror .sqb-aligned-hero-video .sqb-hero-video-mobile {
    display: block !important;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  html.sqb-mirror [data-sqb-hidden-dup="1"] {
    display: none !important;
  }
}

@media (min-width: 1024px) {
  /* 电脑：左侧文案 + 右侧 sticky 切换动效，不重复渲染移动版 */
  html.sqb-mirror main .lg\:hidden .sqb-lottie-mount {
    display: none !important;
  }
  html.sqb-mirror .sqb-aligned-hero-video .sqb-hero-video-mobile {
    display: none !important;
  }
}