/* 电脑端：对齐官网 mirror / 支付产品页布局与背景图 */
@media (min-width: 1024px) {
  html.sqb-mirror [style*="--bg-image-pc"] {
    background-image: var(--bg-image-pc) !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
  }

  html.sqb-mirror [style*="--bg-image-mobile"] {
    background-image: none !important;
  }

  html.sqb-mirror div.hidden.lg\:flex[class*="w-[360px]"] {
    display: flex !important;
    align-self: stretch;
    flex-direction: column;
  }

  html.sqb-mirror div.hidden.lg\:flex[class*="w-[360px]"] > div[style*="--bg-image"] {
    flex: 1 1 auto;
    width: 100%;
    min-height: 360px;
  }

  html.sqb-mirror [class*="group/case-card"].hidden {
    display: flex !important;
  }

  html.sqb-mirror [class*="group/case-card"] [style*="--bg-image-pc"] {
    background-image: var(--bg-image-pc) !important;
    background-size: auto 100% !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
  }

  /* aligned 首页：PC 侧 sticky 动画区 */
  html:not(.sqb-mirror) figure.lg\:block .sqb-lottie-mount {
    min-height: 420px;
  }

  html:not(.sqb-mirror) .lg\:hidden .sqb-lottie-mount {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  html.sqb-mirror [style*="--bg-image-pad"] {
    background-image: var(--bg-image-pad) !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
  }
}
