/* ==========================================================================
   移动端通用修正  mobile-fix.css
   2026-10-28  v=mobfix-20261028a
   在每页最后加载，用于修正在手机上表现不佳的既有组件：
   1) 页脚底部（备案号/隐私政策/语言切换）点击热区过小
   2) 11px 辅助标签字号过小
   3) 联系页电话/邮箱链接、隐私勾选框尺寸
   4) 隐私政策正文目录（页内锚点）点击热区
   5) 产品详情页场景切换 tab（Aurora 930 / HandPass）
   6) 产品中心系列卡艺术品图的懒加载死区（宽高比缺失导致 0 高）
   7) 产品中心系列卡画布上方大片留白（卡片高度改为自适应）
   ========================================================================== */

/* --- 6) 产品中心：拼版卡图先给出宽高比，避免首帧高度为 0 而永远不触发懒加载 ---- */
.products-page [data-series="palm-payment"] .series-art img.payment-card-artwork,
.products-page [data-series="handpass"] .series-art img.handpass-card-artwork {
  aspect-ratio: 722 / 860;
}

@media (max-width: 900px) {

  /* --- 1) 页脚底部 ------------------------------------------------------ */
  .footer-bottom {
    gap: 0 16px;
    align-items: center;
    padding: 6px 0 4px;
  }

  .footer-bottom > span:first-child {
    flex: 1 1 100%;
    padding-bottom: 2px;
  }

  .footer-bottom > a,
  .footer-bottom .footer-privacy,
  .footer-bottom .language {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
  }

  .footer-bottom > a {
    padding: 0 4px;
    margin: 0 -4px;
  }

  .footer-bottom .footer-privacy {
    margin-left: 0;
  }

  .footer-bottom .language {
    margin-left: auto;
    gap: 2px;
  }

  .footer-bottom .language a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    padding: 0 4px;
  }

  /* --- 2) 过小的辅助标签：11px -> 12px ---------------------------------- */
  .foundation-capability h3 small {
    font-size: 12px;
    line-height: 1.4;
  }

  .foundation-codesign,
  .foundation-section:lang(en) .foundation-codesign {
    font-size: 12px;
  }

  .cases-page .cases-primary-tabs small {
    margin-top: 5px;
    font-size: 12px;
  }

  /* --- 3) 联系页：联系方式与勾选框 -------------------------------------- */
  .contact-method dd a,
  .contact-method p a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
  }

  .contact-method dd a {
    word-break: break-all;
  }

  .form-panel .consent-row input[type="checkbox"] {
    width: 20px;
    height: 20px;
    margin-top: 1px;
  }

  .form-panel .consent-row {
    align-items: flex-start;
  }

  .form-panel .consent-row label {
    display: inline-block;
    min-height: 44px;
    padding: 8px 0;
  }

  .interest-option input {
    width: 20px;
    height: 20px;
  }

  /* --- 4) 隐私政策：正文目录锚点 ---------------------------------------- */
  .page-privacy .policy-numbered a {
    display: block;
    padding: 9px 0;
  }

  /* --- 5) 产品详情页场景 tab ------------------------------------------- */
  .scene-tabs button,
  .handpass-scene-tabs button {
    padding-block: 9px;
  }

  /* --- 7) 产品中心系列卡：压掉画布上方大片留白，卡片高度改为自适应 ------ */
  .products-page .product-series-card {
    height: auto;
    min-height: 0;
    padding-bottom: 24px;
  }

  .products-page .series-art {
    height: 150px;
  }
}

/* --- 解决方案板块：移动端可点区域补到 44px（solx-20261028a） ---------------------- */
@media (max-width:900px){
  .page-payment-v2 .pay-nav{width:44px;height:44px}
  .pay-product a{display:inline-flex;align-items:center;min-height:44px;padding-block:10px}
  .site-header .contact-link,
  .site-header .nav-contact,
  .site-header .menu-btn{min-height:44px;display:inline-flex;align-items:center}
  .solx-card{min-height:44px}
}

/* --- v2 方案页通用：手机端首屏图统一高度（solx-20261028d） ---- */
@media (max-width: 900px) {
  .page-payment-v2:not(.page-vacuum-v2) .pay-hero-bg {
    height: 250px;
    object-fit: cover;
    object-position: center 60%;
  }
}

/* --- vacuum 手机端首屏排版微调（solx-20261028d）------------------------------ */
@media (max-width: 900px) {
  .page-vacuum-v2 .pay-hero-copy p {
    font-size: 15px;
    line-height: 1.72;
    letter-spacing: .025em;
  }
  .page-vacuum-v2 .pay-hero-copy h1 {
    font-size: clamp(21px, 5.8vw, 30px);
    letter-spacing: .02em;
  }
  .page-vacuum-v2 .pay-hero-bg {
    height: 250px;
    object-fit: cover;
    object-position: center 55%;
    margin-top: 18px;
  }
}
/* --- v2 方案页手机端：首屏图全幅背景 + 文字叠加（solx-20261028e） ---- */
@media (max-width: 900px) {
  .page-payment-v2 .pay-hero {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: auto;
    min-height: 480px;
    background-image: none;
    background: #0a1322;
  }
  .page-payment-v2 .pay-hero::before {
    content: "";
    z-index: 1;
    background: linear-gradient(180deg,
      rgba(6,12,22,.06) 0%,
      rgba(6,12,22,.30) 40%,
      rgba(6,12,22,.82) 74%,
      rgba(6,12,22,.93) 100%);
  }
  .page-payment-v2 .pay-hero .pay-hero-bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .page-payment-v2 .pay-hero-copy {
    position: relative;
    z-index: 2;
    order: 2;
    width: auto;
    max-width: 100%;
    padding: 0 20px 30px;
  }
  .page-payment-v2 .pay-hero-copy h1 { white-space: normal; }
  .page-payment-v2 .pay-hero-copy p { margin-top: 14px; }
  .page-payment-v2 .pay-hero-btn { margin-top: 22px; }
}
@media (max-width: 900px) {
  html[lang="en"] .page-payment-v2 .pay-hero { min-height: 560px; }
}