/* 10GUO MOBILE BUTTON STYLE V17 */
/* 仅优化手机端两个下载按钮 */

@media (max-width: 767px) {

  .m-page .ten-guo-v3-wrap {
    width: calc(100% - 32px) !important;
    max-width: 340px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 14px !important;
  }

  .m-page a.ten-guo-v3-link,
  .m-page a.ten-guo-v3-link.cta-dark {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    min-height: 62px !important;
    height: 62px !important;
    padding: 0 16px !important;
    margin: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    border: 1px solid #ffd56a !important;
    border-radius: 999px !important;

    background: linear-gradient(
      135deg,
      #ffd15c 0%,
      #ffbb2d 55%,
      #f4a91e 100%
    ) !important;

    color: #261606 !important;
    font-family: "Microsoft YaHei",
      "PingFang SC", sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    letter-spacing: .5px !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    word-break: keep-all !important;

    text-decoration: none !important;
    box-shadow:
      0 5px 16px rgba(0,0,0,.22),
      inset 0 1px 0 rgba(255,255,255,.35)
      !important;

    position: relative !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    cursor: pointer !important;
    pointer-events: auto !important;

    transition:
      transform .15s ease,
      filter .15s ease !important;
  }

  .m-page a.ten-guo-v3-link:active {
    transform: scale(.97) !important;
    filter: brightness(.95) !important;
  }

  /* 若按钮直接放在原始CTA区域，也保持统一宽度 */
  .m-page .hero-bottom a.ten-guo-v3-link {
    width: min(82vw, 340px) !important;
    max-width: 340px !important;
    min-height: 62px !important;
    height: 62px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .m-page .hero-bottom .ctas {
    align-items: center !important;
    gap: 14px !important;
  }

}

@media (max-width: 360px) {
  .m-page a.ten-guo-v3-link {
    font-size: 16px !important;
    padding: 0 12px !important;
  }
}