/**
 * 官网手机端强制适配（最后加载）
 * 仅 max-width:768px，不影响 PC
 */

/* PC：隐藏手机顶栏「控制台」 */
@media (min-width: 769px) {
  .jdc-nav-m a.nav-m-console,
  a.nav-m-console {
    display: none !important;
  }
}

/* ========== 仅手机：顶栏 Logo | 控制台 | 用户 | 汉堡 ========== */
@media (max-width: 768px) {
  body.jdc-rwd .jc_hd .jc_hd_operation,
  body.jdc-rwd .jc_hd .jc_hd_operation.hidden-xs,
  html body .jc_hd .jc_hd_operation {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.jdc-rwd .bo-hd-search,
  body.jdc-rwd .bo-hd-search__trigger,
  body.jdc-rwd .bo-hd-search__panel,
  body.jdc-rwd .bo-hd-search__ipt,
  body.jdc-rwd .jc_hd_console {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  body.jdc-rwd .jc_hd_lang.bo-lang-switch,
  body.jdc-rwd .jc_hd .bo-lang-switch,
  body.jdc-rwd .jc_hd .bo-lang-menu,
  body.jdc-rwd .jc_hd .lang-list,
  body.jdc-rwd .jc_hd_operation .bo-lang-switch.is-open .lang-list,
  body.jdc-rwd .jc_hd_operation .bo-lang-switch:hover .lang-list {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  body.jdc-rwd .jc_hd,
  body.jdc-rwd .jc_hd.jc-hd-scrolled,
  body.jdc-rwd .jc_hd:not(.jc-hd-scrolled) {
    height: 50px !important;
  }
  body.jdc-rwd .jc_hd .jc_wrap {
    height: 50px !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 8px 0 12px !important;
    box-sizing: border-box !important;
  }
  body.jdc-rwd .jc_hd_menu.hidden-xs {
    display: none !important;
  }

  /* 控制台放进已显示的 .jdc-nav-m（与用户/汉堡同组） */
  body.jdc-rwd .jc_hd .jdc-nav-m {
    display: block !important;
    position: absolute !important;
    right: 4px !important;
    top: 0 !important;
    height: 50px !important;
    z-index: 40 !important;
    font-size: 0 !important;
    white-space: nowrap !important;
    text-align: right !important;
  }
  body.jdc-rwd .jc_hd .jdc-nav-m a.nav-m-console {
    display: inline-block !important;
    visibility: visible !important;
    vertical-align: middle !important;
    position: static !important;
    height: 28px !important;
    line-height: 26px !important;
    padding: 0 10px !important;
    margin: 0 6px 0 0 !important;
    color: #212121 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    pointer-events: auto !important;
    opacity: 1 !important;
    background: #fff !important;
    border: 1px solid #d9d9d9 !important;
    border-radius: 0 !important;
    box-sizing: border-box !important;
  }
  body.jdc-rwd .jc_hd .jdc-nav-m .nav-m-user,
  body.jdc-rwd .jc_hd .jdc-nav-m .jdc-nav-btn {
    display: inline-block !important;
    vertical-align: middle !important;
  }

  /* 汉堡菜单底部：登录 / 注册 */
  body.jdc-rwd .nav-m-menu-wrap .nav-m-btn-wrap--bottom {
    display: block !important;
    padding: 16px 16px 24px !important;
    border-top: 1px solid #eee !important;
    margin-top: 8px !important;
  }
  body.jdc-rwd .nav-m-btn-item--row {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
    margin: 10px 0 0 !important;
  }
  body.jdc-rwd .nav-m-btn-item--row > a {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    height: 40px !important;
    line-height: 40px !important;
    margin: 0 !important;
    padding: 0 6px !important;
    text-align: center !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 4px !important;
    box-sizing: border-box !important;
  }
  body.jdc-rwd .nav-m-btn-item--row > a.jc_reg,
  body.jdc-rwd .nav-m-btn-item--row > a.jdc-m-btn-primary:not(.jdc-m-btn-default) {
    background: #006eff !important;
    color: #fff !important;
    border: 1px solid #006eff !important;
  }
  body.jdc-rwd .nav-m-btn-item--row > a.jdc-m-btn-default {
    background: #fff !important;
    color: #006eff !important;
    border: 1px solid #006eff !important;
  }

  /* 解决方案卡整宽 */
  body.jdc-rwd .solution-slider {
    overflow: hidden !important;
  }
  body.jdc-rwd .solution-slider .swiper-slide {
    width: 100% !important;
    max-width: 100% !important;
    opacity: 1 !important;
    flex-shrink: 0 !important;
  }
  body.jdc-rwd .solution-item {
    margin: 0 12px !important;
    max-width: calc(100% - 24px) !important;
  }
  body.jdc-rwd .jdc-pro-list-v9 .pro-list-wrap {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    padding: 0 12px 16px !important;
  }
  body.jdc-rwd .jdc-pro-list-v9 .pro-list-wrap .pro-card {
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* Banner：盖过 home-enhance 的 padding-top:148px，文案靠上不被裁切 */
@media (max-width: 768px) {
  body.jdc-rwd .jdc-first-screen .fs-slide .fs-slide-item .fs-slide-ct,
  body.jdc-rwd:has(.index-floor) .jdc-first-screen .fs-slide .fs-slide-item .fs-slide-ct {
    display: block !important;
    position: absolute !important;
    z-index: 8 !important;
    top: 12px !important;
    left: 0 !important;
    right: 0 !important;
    bottom: auto !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    margin-left: 0 !important;
    padding: 8px 14px 0 !important;
    padding-top: 8px !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
    box-sizing: border-box !important;
    background: transparent !important;
    box-shadow: none !important;
    pointer-events: auto !important;
  }
  body.jdc-rwd .jdc-first-screen .fs-slide .fs-slide-item .fs-slide-ct .fs-slide-label-plain,
  body.jdc-rwd:has(.index-floor) .jdc-first-screen .fs-slide-label-plain {
    color: #fff !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: unset !important;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.35) !important;
  }
  body.jdc-rwd .jdc-first-screen .fs-slide .fs-slide-item .fs-slide-ct .fs-slide-tit,
  body.jdc-rwd:has(.index-floor) .jdc-first-screen .fs-slide .fs-slide-item .fs-slide-ct .fs-slide-tit {
    display: block !important;
    margin: 8px 0 0 !important;
    color: #fff !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    white-space: normal !important;
    overflow: visible !important;
    max-height: none !important;
    text-shadow: 0 1px 8px rgba(0, 0, 0, 0.45) !important;
  }
  body.jdc-rwd .jdc-first-screen .fs-slide .fs-slide-item .fs-slide-ct .fs-slide-des,
  body.jdc-rwd:has(.index-floor) .jdc-first-screen .fs-slide .fs-slide-item .fs-slide-ct .fs-slide-des {
    display: block !important;
    margin: 8px 0 0 !important;
    color: rgba(255, 255, 255, 0.92) !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
    white-space: normal !important;
    overflow: visible !important;
    max-height: none !important;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.4) !important;
  }
  body.jdc-rwd .jdc-first-screen .fs-slide .fs-slide-item .fs-slide-ct .jdc-btn,
  body.jdc-rwd:has(.index-floor) .jdc-first-screen .fs-slide .fs-slide-item .fs-slide-ct .jdc-btn {
    display: inline-flex !important;
    margin-top: 12px !important;
  }
  body.jdc-rwd:has(.index-floor) .jdc-first-screen .fs-slide,
  body.jdc-rwd .jdc-first-screen .fs-slide {
    overflow: visible !important;
  }
  body.jdc-rwd:has(.index-floor) .jdc-first-screen .fs-slide .fs-slide-item,
  body.jdc-rwd .jdc-first-screen .fs-slide .fs-slide-item {
    overflow: hidden !important;
  }
}

@media (max-width: 768px) {
  body.jdc-rwd .bo-ft__inner {
    padding: 24px 16px 72px !important;
  }
  body.jdc-rwd .bo-ft__top {
    grid-template-columns: 1fr 1fr !important;
    gap: 18px 20px !important;
  }
  body.jdc-rwd .bo-ft__brand {
    grid-column: 1 / -1 !important;
  }
  body.jdc-rwd .bo-ft__col-title {
    margin: 0 0 8px !important;
    font-size: 14px !important;
  }
  body.jdc-rwd .bo-ft__links li {
    margin: 0 0 6px !important;
  }
  body.jdc-rwd .bo-ft__links a {
    font-size: 12px !important;
  }
  body.jdc-rwd .m-consultation {
    bottom: 16px !important;
    right: 12px !important;
    z-index: 90 !important;
  }
}

@media (max-width: 480px) {
  body.jdc-rwd .bo-ft__top {
    grid-template-columns: 1fr 1fr !important;
  }
}