/* FACAI_MOBILE_QR_SMALL_FIT_V2 */

/* 充值页收款二维码：完整显示，不裁剪 */
.cny-recharge img,
.recharge img,
.profile-card img,
.panel img,
.card img,
img[src*="qrcodes"],
img[src*="qrcode"],
img[src*="qr"],
img[src*="haijiaoshequsm1188.com/api/uploads"] {
  object-fit: contain !important;
  object-position: center center !important;
  height: auto !important;
  max-height: none !important;
}

/* 电脑端略大，完整显示 */
@media (min-width: 769px) {
  img[src*="qrcodes"],
  img[src*="qrcode"],
  img[src*="haijiaoshequsm1188.com/api/uploads"] {
    width: auto !important;
    max-width: 260px !important;
    height: auto !important;
  }
}

/* 手机端：缩小到屏幕内 */
@media (max-width: 768px) {
  /* 二维码外层容器全部取消固定高度和裁剪 */
  .cny-qr-box,
  .cny-recharge-qr,
  .recharge-qr,
  .payment-qr,
  .receipt-qr,
  .qr-box,
  .qr-wrapper,
  .qr-container,
  .upload-preview,
  .facai-cny-recharge-qr,
  .facai-recharge-qr {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
    overflow: visible !important;
    display: flex !important;
    justify-content: flex-start !important;
    align-items: center !important;
  }

  /* 收款二维码本身：固定缩小到适合手机的大小 */
  img[src*="qrcodes"],
  img[src*="qrcode"],
  img[src*="qr"],
  img[src*="haijiaoshequsm1188.com/api/uploads"] {
    width: auto !important;
    height: auto !important;
    max-width: min(230px, calc(100vw - 170px)) !important;
    max-height: 320px !important;
    object-fit: contain !important;
    display: block !important;
    margin: 8px 0 !important;
  }

  /* 如果页面左侧有菜单，二维码按右侧内容宽度显示 */
  .profile-main img[src*="qrcodes"],
  .profile-main img[src*="qrcode"],
  .profile-main img[src*="haijiaoshequsm1188.com/api/uploads"],
  main img[src*="qrcodes"],
  main img[src*="qrcode"],
  main img[src*="haijiaoshequsm1188.com/api/uploads"] {
    max-width: min(220px, calc(100vw - 150px)) !important;
  }

  /* 充值订单卡片不要横向撑出屏幕 */
  .cny-recharge-card,
  .recharge-card,
  .profile-card,
  .panel,
  .card,
  main {
    overflow-x: hidden !important;
  }
}

/* 更窄手机再缩小 */
@media (max-width: 430px) {
  img[src*="qrcodes"],
  img[src*="qrcode"],
  img[src*="qr"],
  img[src*="haijiaoshequsm1188.com/api/uploads"] {
    max-width: min(210px, calc(100vw - 145px)) !important;
    max-height: 290px !important;
  }
}

/* 弹窗放大时仍然完整显示 */
.facai-qr-zoom-imgbox {
  width: auto !important;
  height: auto !important;
  max-width: calc(96vw - 32px) !important;
  max-height: none !important;
  overflow: visible !important;
}

.facai-qr-zoom-imgbox img {
  width: auto !important;
  height: auto !important;
  max-width: calc(96vw - 44px) !important;
  max-height: calc(96vh - 150px) !important;
  object-fit: contain !important;
}