/* ========================================================
   全站移动端 / 手机端高优先级响应式样式表 (mobile.css)

   加载位置：每个 HTML 页面 <head> 中**最后**一个 <link>，
   保证内联 <style> 和 umi.css 的桌面端规则不会反过来覆盖。

   分节（共 23 节，全部位于 @media (max-width: 992px) 内）：
     1-14       逐页统一适配（导航 / Banner / 通用容器 / 卡片栅格等）
     15.x       兜底（解除残留的桌面端写死宽度、左图右文纵向化等）
     16.x-19.x  页面专属适配（首页 SaaS Tab / 产品服务 / 会员权益 / 卡券）
     20         产品页 banner 标题字号在手机端收缩
     21         Footer 自媒体二维码 + 协议链接（已删协议链接后仅剩图标行）
     22         Footer 三栏（媒体/服务/公司）改为竖排
     23         色块组件（page-hero / block-grid / block-card）手机端适配
   ======================================================== */

/* 移动折行点 */
.mobile-break {
  display: none;
}

/* 移动端汉堡包菜单按键 (默认隐藏，移动端显示) */
.mobile-nav-toggle {
  display: none;
  background: transparent;
  border: none;
  font-size: 26px;
  color: #262626;
  cursor: pointer;
  padding: 4px 8px;
  line-height: 1;
  outline: none;
  z-index: 1045;
}

/* 移动端滑出式抽屉菜单 */
.mobile-nav-drawer {
  position: fixed;
  top: 60px;
  left: 0;
  right: 0;
  bottom: 0;
  background: #ffffff;
  z-index: 1040;
  display: none;
  flex-direction: column;
  padding: 20px 24px 40px;
  overflow-y: auto;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
  animation: drawerSlideDown 0.25s ease-out;
}

.mobile-nav-drawer.drawer-open {
  display: flex !important;
}

.mobile-nav-drawer .drawer-nav-item {
  font-size: 16px;
  font-weight: 500;
  color: #262626;
  padding: 14px 0;
  border-bottom: 1px solid #f2f4f8;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}

.mobile-nav-drawer .drawer-nav-item a {
  color: inherit;
  display: block;
  width: 100%;
}

.mobile-nav-drawer .drawer-sub-menu {
  display: none;
  padding: 8px 16px;
  background: #f8faff;
  border-radius: 6px;
  margin: 6px 0;
}

.mobile-nav-drawer .drawer-sub-menu.sub-open {
  display: block !important;
}

.mobile-nav-drawer .drawer-sub-item {
  display: block;
  padding: 10px 0;
  font-size: 14px;
  color: #555555;
  border-bottom: 1px dashed #e4eaf4;
}

.mobile-nav-drawer .drawer-sub-item:last-child {
  border-bottom: none;
}

.mobile-nav-drawer .drawer-bottom-btn {
  margin-top: 28px;
  width: 100%;
  height: 44px;
  font-size: 16px;
  border-radius: 6px;
}

@keyframes drawerSlideDown {
  from { opacity: 0; transform: translateY(-10px); }
  to { opacity: 1; transform: translateY(0); }
}

/* ========================================================
   移动端与平板核心断点适配 (@media max-width: 992px)
   ======================================================== */
@media (max-width: 992px) {

  /* 1. 根视口与全局容器彻底解绑，消除任何水平滚动条 */
  *, *::before, *::after {
    box-sizing: border-box !important;
  }

  html, body, #root {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100vw !important;
    overflow-x: hidden !important;
    position: relative !important;
  }

  /* 2. 顶部导航栏自适应 */
  .header {
    height: 60px !important;
    width: 100% !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 1030 !important;
  }

  .header .header_wrap {
    width: 100% !important;
    max-width: 100% !important;
    height: 60px !important;
    padding: 0 16px !important;
    margin: 0 !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    box-sizing: border-box !important;
  }

  .header .header_wrap .header_wrap_center {
    display: none !important;
  }

  .header .header_wrap .header_wrap_left {
    width: auto !important;
    max-width: none !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    display: flex !important;
    align-items: center !important;
    overflow: hidden !important;
  }

  .header .header_wrap .header_wrap_left .header_left_logo {
    width: 92px !important;
    flex-shrink: 0 !important;
  }

  .header .header_wrap .header_wrap_left .header_left_text {
    display: none !important;
  }

  .mobile-nav-toggle {
    display: inline-block !important;
    flex-shrink: 0 !important;
    order: 2;
  }

  .header_wrap_right {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 6px !important;
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0 !important;
  }

  .header_wrap_right .component-modal-scan-btn {
    display: flex !important;
    align-items: center !important;
  }

  .header_wrap_right .ant-btn {
    padding: 0 10px !important;
    height: 30px !important;
    line-height: 30px !important;
    font-size: 13px !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
  }

  /* 3. 全局通用容器宽度自适应 (替换写死的 1200px) */
  .container,
  .top_content_wrap,
  .suc_content_wrap,
  .supply_content_wrap,
  .numtab_content_wrap,
  .meeting_content_wrap,
  .ifoot_content_wrap,
  .official-footer .container,
  .feature-content,
  .case-panel-wrapper,
  .timeline-container,
  .branch-office-container,
  .m-about-section-area,
  .news-container,
  .product-con,
  .index_content,
  .index_content_top {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }

  /* 4. 首页 Banner 移动端排版：火箭在上居中，标题在下居中，按钮在最下 */
  .indexbanner {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 30px 16px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    background-size: cover !important;
    overflow: hidden !important;
  }

  .indexbanner .indexbanner_wrap {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    position: static !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
  }

  /* 火箭图移至顶部居中 */
  .indexbanner .indexbanner_wrap_main_img_rocket,
  .indexbanner_wrap_main_img_rocket {
    position: static !important;
    display: block !important;
    width: 190px !important;
    max-width: 70% !important;
    height: auto !important;
    margin: 0 auto 20px !important;
    left: auto !important;
    top: auto !important;
  }

  .indexbanner .indexbanner_wrap_area,
  .indexbanner_wrap_area {
    position: static !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    left: auto !important;
    top: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
  }

  .indexbanner_wrap_area_top {
    width: 100% !important;
    text-align: center !important;
  }

  .indexbanner_area_top_title {
    font-size: 22px !important;
    line-height: 32px !important;
    width: 100% !important;
    white-space: normal !important;
    word-break: break-word !important;
    text-align: center !important;
    margin-bottom: 8px !important;
  }

  .indexbanner_area_top_title_two {
    font-size: 14px !important;
    line-height: 22px !important;
    text-align: center !important;
    margin: 0 0 20px 0 !important;
  }

  .indexbanner .component-modal-scan-btn,
  .indexbanner .btn_banner {
    margin: 0 auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .indexbanner_wrap_main_img_roate,
  .indexbanner_wrap_main_img_line,
  .indexbanner_wrap_img1,
  .indexbanner_wrap_img2,
  .indexbanner_wrap_img3,
  .ballarea1,
  .ballarea2 {
    display: none !important;
  }

  /* 5. “帮助礼业公司降本增效”白色卡片网格化 (消除 -108px 负外边距错位) */
  .index_content .index_content_top .top_content {
    height: auto !important;
    padding: 0 0 30px 0 !important;
    display: block !important;
    background: transparent !important;
  }

  .index_content .index_content_top .top_content .top_content_wrap {
    width: 100% !important;
    padding: 0 16px !important;
  }

  .index_content .index_content_top .top_content .top_content_wrap .top_content_data {
    width: 100% !important;
    height: auto !important;
    margin: 20px 0 0 0 !important; /* 解除 -108px 导致的错位遮挡 */
    padding: 24px 16px !important;
    position: static !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08) !important;
    border-radius: 8px !important;
  }

  .top_content_data_bg {
    display: none !important;
  }

  .top_content_data_title {
    font-size: 18px !important;
    line-height: 26px !important;
    margin-bottom: 20px !important;
    text-align: center !important;
  }

  .index_content .index_content_top .top_content .top_content_wrap .top_content_data .top_data_content {
    width: 100% !important;
    height: auto !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 16px 12px !important;
  }

  .index_content .index_content_top .top_content .top_content_wrap .top_content_data .top_data_content .top_data_content_box {
    width: 100% !important;
    height: auto !important;
    padding: 8px 4px !important;
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
  }

  .top_data_content_box_num img {
    width: 36px !important;
    height: 36px !important;
  }

  .top_data_content_box_text {
    font-size: 13px !important;
    margin-top: 6px !important;
  }

  /* 6. SaaS 选项卡响应式 */
  .top_content_title {
    font-size: 22px !important;
    margin: 36px 0 16px !important;
    text-align: center !important;
  }

  .top_content_tabs {
    width: 100% !important;
  }

  .top_content_tabs_wrap .ant-tabs-nav-list {
    display: flex !important;
    width: 100% !important;
  }

  .top_content_tabs_wrap .ant-tabs-tab {
    flex: 1 !important;
    padding: 10px 4px !important;
    margin: 0 !important;
  }

  .tabs_wrap_allsaas_img,
  .tabs_wrap_onesaas_img {
    width: 36px !important;
    height: 32px !important;
  }

  .tabs_wrap_text {
    font-size: 12px !important;
    margin-top: 4px !important;
  }

  .tabs_wrap_sontabs {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
  }

  .tabs_wrap_sontabs > .ant-tabs-nav {
    width: 100% !important;
    overflow-x: auto !important;
  }

  .tabs_wrap_sontabs > .ant-tabs-nav .ant-tabs-nav-list {
    flex-direction: row !important;
    width: max-content !important;
  }

  .tabs_wrap_sontabs .ant-tabs-tab {
    width: auto !important;
    padding: 6px 12px !important;
  }

  .tabs_wrap_sontabs_content {
    flex-direction: column !important;
    align-items: center !important;
    height: auto !important;
    width: 100% !important;
  }

  .tabs_wrap_sontabs_content img {
    width: 100% !important;
    height: auto !important;
    margin-top: 12px !important;
  }

  .tabs_wrap_sontabs_content .sontabs_content_footer {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 8px !important;
    margin-top: 16px !important;
    width: 100% !important;
  }

  .sontabs_content_footer_box {
    margin: 0 !important;
    font-size: 11px !important;
    text-align: center !important;
  }

  /* 7. 百万级服务流程与团队 */
  .suc_content {
    height: auto !important;
    padding: 30px 0 !important;
  }

  .suc_content_wrap_title {
    font-size: 22px !important;
    text-align: center !important;
  }

  .suc_content_wrap_head {
    display: flex !important;
    overflow-x: auto !important;
    padding-bottom: 10px !important;
    width: 100% !important;
  }

  .suc_wrap_head_box {
    flex-shrink: 0 !important;
  }

  .suc_content_wrap_content {
    flex-direction: column !important;
    gap: 16px !important;
    width: 100% !important;
  }

  .suc_content_wrap_content_box {
    width: 100% !important;
    height: auto !important;
    min-height: 200px !important;
    padding: 20px 16px !important;
  }

  /* 7.1 8 步流程条：手机端允许横向滑动，避免 8 圆 + 7 箭头挤压 */
  .suc_stepbar {
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
    padding: 4px 12px 12px !important;
    margin-top: 28px !important;
    gap: 0 !important;
    scrollbar-width: thin;
  }

  .suc_stepbar::-webkit-scrollbar {
    height: 4px;
  }
  .suc_stepbar::-webkit-scrollbar-thumb {
    background: #d9e8ff;
    border-radius: 2px;
  }

  .suc_step {
    flex: 0 0 88px !important;
    min-width: 88px !important;
  }

  .suc_step_circle {
    width: 60px !important;
    height: 60px !important;
    font-size: 12px !important;
  }

  .suc_step_circle .suc_step_name {
    font-size: 12px !important;
  }

  .suc_step_arrow {
    height: 60px !important;
    font-size: 22px !important;
    padding: 0 !important;
  }

  .suc_step_desc {
    font-size: 12px !important;
    white-space: nowrap;
  }

  /* 7.2 团队卡片：手机端改为上下结构（图标在上，文字在下），避免右栏过窄 */
  #section-customer .suc_content_wrap_content_box {
    flex-direction: column !important;
    width: 100% !important;
    margin: 0 0 16px 0 !important;
  }

  .suc_box_icon {
    flex: 0 0 auto !important;
    width: 100% !important;
    height: 80px !important;
    border-right: none !important;
    border-bottom: 1px solid #e8e8e8;
  }

  .suc_box_icon svg {
    width: 32px !important;
    height: 32px !important;
  }

  .suc_box_body {
    padding: 20px 18px 22px !important;
  }

  .suc_box_area_title {
    font-size: 18px !important;
    line-height: 1.4 !important;
    margin-bottom: 8px !important;
  }

  .suc_box_area_desc {
    font-size: 13px !important;
    margin-bottom: 14px !important;
  }

  .suc_box_area_wrap div {
    font-size: 12px !important;
    padding: 3px 10px !important;
  }

  /* 8. 供应链平台 4 卡片 (双列网格) */
  .supply_content {
    height: auto !important;
    padding: 30px 0 !important;
  }

  .supply_content_wrap_title {
    font-size: 20px !important;
    text-align: center !important;
  }

  .supply_content_wrap_content {
    height: auto !important;
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
    width: 100% !important;
    margin-top: 20px !important;
  }

  .supply_content_box {
    width: 100% !important;
    height: auto !important;
    padding: 14px 10px !important;
  }

  .supply_content_box_img {
    width: 100% !important;
    height: auto !important;
  }

  .supply_content_box_title {
    font-size: 15px !important;
  }

  .supply_content_box_text {
    height: auto !important;
    font-size: 11px !important;
  }

  /* 9. 5 大行业解决方案 Tab */
  .numtab_content {
    height: auto !important;
    padding: 30px 0 !important;
  }

  .numtab_wrap_title {
    font-size: 20px !important;
    text-align: center !important;
  }

  .numtab_wrap_title_second {
    font-size: 12px !important;
    text-align: center !important;
    margin-bottom: 16px !important;
  }

  .numtab_wrap_area {
    width: 100% !important;
  }

  .numtab_wrap_area .ant-tabs-nav {
    overflow-x: auto !important;
    width: 100% !important;
  }

  .numtab_wrap_area .ant-tabs-nav-list {
    flex-direction: row !important;
    width: max-content !important;
  }

  .numtab_box_wrap {
    flex-direction: column !important;
    padding: 0 !important;
  }

  .numtab_box_wrap_left {
    width: 100% !important;
    padding: 16px 0 !important;
  }

  .numtab_box_left_title {
    font-size: 18px !important;
  }

  .numtab_box_left_description {
    font-size: 13px !important;
  }

  .numtab_box_wrap_right {
    width: 100% !important;
  }

  .numtab_box_wrap_right img {
    width: 100% !important;
    height: auto !important;
    margin-top: 12px !important;
  }

  /* 10. 大会与循环相册 */
  .meeting_content {
    padding: 30px 0 !important;
  }

  .meeting_wrap_title {
    font-size: 20px !important;
  }

  .meeting_wrap_area {
    flex-direction: column !important;
    gap: 16px !important;
    width: 100% !important;
  }

  .meeting_wrap_area_box {
    width: 100% !important;
  }

  .meeting_area_box_img img {
    width: 100% !important;
    height: auto !important;
  }

  /* 11. 实力数据背书与底部 CTA */
  .ifoot_content {
    padding: 30px 0 !important;
  }

  .ifoot_wrap_title {
    font-size: 20px !important;
    text-align: center !important;
  }

  .ifoot_wrap_area {
    flex-direction: column !important;
    gap: 12px !important;
    width: 100% !important;
  }

  .ifoot_wrap_area_li {
    width: 100% !important;
    display: flex !important;
    justify-content: space-around !important;
  }

  .ifoot_wrap_area_lastbox {
    width: 100% !important;
    text-align: center !important;
    margin-top: 16px !important;
  }

  /* 12. 底部 Footer */
  .official-footer {
    padding: 24px 16px !important;
    width: 100% !important;
  }

  .official-footer .container,
  .official-footer .footer-nav-row {
    width: 100% !important;
    flex-direction: column !important;
    text-align: center !important;
  }

  .official-footer .ant-col {
    width: 100% !important;
    padding: 8px 0 !important;
  }

  .official-footer .prove {
    padding-top: 16px !important;
    font-size: 11px !important;
    text-align: center !important;
  }

  /* 13. 弹窗 Modal 移动端弹性全屏 */
  .custom-modal-dialog {
    width: 92vw !important;
    max-height: 85vh !important;
    overflow-y: auto !important;
  }

  .custom-modal-body {
    flex-direction: column !important;
    padding: 24px 16px !important;
  }

  .modal-body-left {
    width: 100% !important;
    border-right: none !important;
    border-bottom: 1px dashed #e8e8e8 !important;
    padding: 0 0 16px 0 !important;
    margin-bottom: 16px !important;
  }

  .modal-body-right {
    width: 100% !important;
    padding: 0 !important;
  }

  /* 移动折行：仅在手机端生效 */
  .mobile-break {
    display: block !important;
  }

  /* 14. 隐藏悬挂条在手机端遮挡问题 */
  .index_righttips {
    display: none !important;
  }

  /* ======================================================
     15. 兜底：解除所有残留的桌面端写死宽度 (1200 / 1250 / 830 / 954 / 710 …)
     这些宽度在手机上会被 overflow-x:hidden 直接裁掉，
     必须显式重置为 100% / auto，内容才是真正“重新排版”而不是“被切掉”。
     ====================================================== */

  /* 15.1 通用容器：任何仍声明固定 px 宽度的业务容器一律拉满 */
  .adv_content_wrap,
  .adv_wrap_area,
  .adv_wrap_area_right,
  .membe-rights-banner,
  .member-content,
  .describe-plate-left,
  .timeline-track,
  .integral-feature-box,
  .purchase-feature-box,
  .welfare-feature-box,
  .card-feature-box,
  .official-footer .prove,
  .official-footer .prove > div {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* 15.2 左图右文 / 左文右图 一律改为纵向堆叠 */
  .adv_wrap_area,
  .adv_content_wrap {
    min-height: 0 !important;
    height: auto !important;
    flex-direction: column !important;
    align-items: center !important;
    padding: 0 16px !important;
  }

  .adv_wrap_area_left {
    width: 100% !important;
    flex: none !important;
    height: auto !important;
    padding: 24px 0 !important;
    order: 2;
  }

  .adv_wrap_area_right {
    width: 100% !important;
    order: 1;
  }

  .adv_wrap_area_right img {
    width: 100% !important;
    height: auto !important;
  }

  /* 15.3 三档产品特性卡片 (积分/集采/福利/卡券) 纵向堆叠 */
  .integral-feature-box,
  .purchase-feature-box,
  .welfare-feature-box,
  .card-feature-box {
    height: auto !important;
    margin: 0 auto 16px !important;
    padding: 20px 16px !important;
  }

  /* 15.4 关于我们 / 时间轴 */
  .timeline-track {
    min-width: 0 !important;
    overflow-x: auto !important;
  }

  .m-about-section-title.about-logo,
  .m-about-section .about-logo {
    width: 100% !important;
    max-width: 100% !important;
    height: 32px !important;
    background-size: contain !important;
    background-position: center !important;
  }

  /* 15.5 滚动相册：横向滚动而不是被裁切 */
  .meeting_content_footer_box,
  .meeting_content_footer_box.rowleft,
  .m-about .meeting_content_footer .meeting_content_footer_box {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    overflow-x: auto !important;
    justify-content: flex-start !important;
    padding-bottom: 8px !important;
  }

  /* 15.6 会员权益顶部 Banner */
  .membe-rights-banner {
    height: auto !important;
    padding: 100px 16px 40px !important;
  }

  .membe-rights-banner h1 {
    font-size: 26px !important;
    line-height: 34px !important;
  }

  .membe-rights-banner p {
    font-size: 14px !important;
    margin: 14px 0 24px !important;
  }

  /* 15.7 最外层兜底：任何仍然宽于视口的行内图片一律压缩 */
  .index_content img,
  .card_content img,
  .m-about img,
  .product-service-container img,
  .official-footer img {
    max-width: 100% !important;
    height: auto !important;
  }

  /* 15.8 Ant Design 栅格在手机端强制单列 */
  .ant-row {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    flex-wrap: wrap !important;
  }

  .ant-col {
    max-width: 100% !important;
  }

  /* 15.9 Tab 内容容器不得撑破 */
  .ant-tabs,
  .ant-tabs-content-holder,
  .ant-tabs-content,
  .ant-tabs-tabpane {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  /* ======================================================
     16. 页面级专属适配
     ====================================================== */

  /* 16.1 首页：SaaS 左侧垂直 Tab -> 改为顶部横向滚动 */
  .top-main-panel,
  .tabs_wrap,
  .tabs_wrap .ant-tabs-nav,
  .tabs_wrap .ant-tabs-nav-wrap,
  .tabs_wrap .ant-tabs-nav-list {
    width: 100% !important;
    max-width: 100% !important;
  }

  .tabs_wrap.ant-tabs-left {
    flex-direction: column !important;
  }

  .tabs_wrap .ant-tabs-nav-list {
    flex-direction: row !important;
    overflow-x: auto !important;
    width: max-content !important;
    min-width: 100% !important;
  }

  .tabs_wrap .ant-tabs-tab {
    flex: 0 0 auto !important;
    width: auto !important;
    padding: 8px 14px !important;
  }

  .tabs_wrap .ant-tabs-content-holder {
    margin-top: 12px !important;
    width: 100% !important;
  }

  /* 16.2 产品服务页：3 列卡片 -> 单列整宽 */
  .product-service-container .describe-plate .col,
  .product-service-container .describe-plate .col .col-item {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  .product-service-container .describe-plate .col {
    margin-bottom: 14px !important;
  }

  .product-service-container .describe-plate .col .col-item {
    min-height: 0 !important;
    padding: 20px 16px !important;
    background-size: cover !important;
  }

  .product-service-container .describe-plate .col .col-item .col-item-title {
    font-size: 19px !important;
  }

  .product-service-container .describe-plate .col .col-item .col-item-des {
    width: 100% !important;
  }

  /* 16.3 积分/集采/福利系统页：案例图与特性卡 */
  .case-detail-img,
  .case-detail-img img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
  }

  .feature-flex {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    padding-bottom: 20px !important;
  }

  .feature .flex-icon {
    padding: 30px 0 0 20px !important;
  }

  /* 16.4 数字卡券页：type / cardsuc 区块 */
  .type_content_wrap,
  .type_wrap_area,
  .cardsuc_content_wrap,
  .cardsuc_wrap_area {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    box-sizing: border-box !important;
  }

  .type_wrap_area .type_wrap_box,
  .cardsuc_wrap_area .cardsuc_wrap_box {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    padding: 20px 16px !important;
    box-sizing: border-box !important;
  }

  /* 卡片右上角悬浮装饰图在窄屏会顶出容器，直接隐藏 */
  .type_wrap_area .type_wrap_box .type_wrap_box_img {
    display: none !important;
  }

  .cardsuc_wrap_area {
    flex-direction: column !important;
    padding: 0 !important;
  }

  .cardsuc_wrap_area .cardsuc_wrap_area_leftimg,
  .cardsuc_wrap_area .cardsuc_wrap_area_rightimg {
    display: none !important;
  }

  /* 16.5 数字卡券页顶部 Banner */
  .index_top_banner .index_banner_wrap {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    flex-direction: column !important;
    padding: 24px 16px 0 !important;
    box-sizing: border-box !important;
  }

  .index_top_banner .index_banner_wrap .index_banner_left,
  .index_top_banner .index_banner_wrap .customer_capital_header {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    box-sizing: border-box !important;
  }

  .index_top_banner .index_banner_wrap .customer_capital_header {
    margin-top: 20px !important;
    padding: 24px 16px !important;
  }

  /* 16.6 关于我们：价值 Tab -> 整宽纵向 */
  .m-about-section-value-tab {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 72px !important;
    background-size: 100% 4px !important;
    padding: 14px 0 !important;
  }

  .m-about-section-value-tab .icon-value {
    position: static !important;
    transform: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 15px !important;
    padding: 0 12px !important;
  }

  /* 16.7 客户成功页：超宽截图 -> 等比缩放并允许横向查看 */
  .customer-banner img,
  .customer-content img {
    max-width: 100% !important;
    height: auto !important;
  }

  /* 16.8 全站兜底：任何宽度超过 100vw 的图片一律等比压缩 */
  img {
    max-width: 100% !important;
    height: auto !important;
  }

  /* 例外：需要保留原始宽度的背景图层不在此列（它们多为 CSS 背景图） */
  .indexbanner_wrap_main_img_rocket,
  .tabs_wrap_img,
  .top_data_content_box_num img {
    max-width: 100% !important;
  }

  /* ======================================================
     17. 产品与服务页 (product_service.html) 专用适配
     ====================================================== */

  /* 17.0 关键：桌面上 header 是 fixed，所以内容区用 margin-top:64px 让位。
     但移动端 header 已改为 position:sticky（本身就在文档流里），
     再保留 64px 外边距就会在导航下方形成一条白色空洞。
     这里统一清零所有“让位型” margin-top。 */
  .product-service-container,
  .card_content .index_content_top .index_top_banner,
  .membe-rights-box,
  .member-rights-page,
  .membe-rights,
  .solution,
  .index_content,
  .index_content_top,
  .card_content,
  .m-about {
    margin-top: 0 !important;
  }

  /* 17.1 顶部 Hero：去掉 420px 定高造成的空洞，改为内容撑开 */
  .product-service-branch {
    height: auto !important;
    min-height: 0 !important;
    padding: 56px 0 48px !important;
    background-size: cover !important;
    background-position: center !important;
  }

  .product-service-branch .container {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 16px !important;
    box-sizing: border-box !important;
  }

  .product-service-branch .container h1 {
    font-size: 25px !important;
    line-height: 35px !important;
    letter-spacing: 0 !important;
    margin: 0 !important;
    word-break: break-word !important;
  }

  .product-service-branch .container p {
    font-size: 14px !important;
    line-height: 22px !important;
    margin: 14px 0 26px !important;
  }

  .product-service-branch .ant-btn-primary {
    width: auto !important;
    min-width: 132px !important;
    padding: 0 24px !important;
  }

  /* 17.2 平台全景长图：等比缩放，消除 1200x878 写死尺寸 */
  .product-service-container .platform {
    padding: 28px 16px 40px !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  .product-service-container .platform img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
  }

  /* 17.3 四大核心系统卡片区域 */
  .product-service-container .product {
    padding: 32px 0 !important;
  }

  .product-service-container .product-con {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 16px !important;
    box-sizing: border-box !important;
  }

  .product-service-container .product-con h2 {
    font-size: 22px !important;
    line-height: 30px !important;
    text-align: center !important;
  }

  .product-service-container .product-con .describe {
    font-size: 13px !important;
    line-height: 21px !important;
    text-align: center !important;
  }

  /* 17.4 底部技术优势指标 */
  .product-service-container-advantage {
    padding: 40px 0 !important;
  }

  .product-service-container-advantage .container {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 16px !important;
    box-sizing: border-box !important;
    align-items: center !important;
  }

  .product-service-container-advantage .container .adv {
    width: 100% !important;
    max-width: 260px !important;
    height: auto !important;
    min-height: 88px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background-size: 100% 100% !important;
  }

  .product-service-container-advantage .container .itemEl,
  .product-service-container-advantage .container .timeItemEl,
  .product-service-container-advantage .container .ThreeItemEl {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 96px !important;
    margin-left: 0 !important;
    margin-top: 12px !important;
    padding: 16px 14px !important;
    box-sizing: border-box !important;
    background-size: 100% 100% !important;
  }

  .product-service-container-advantage .container .itemEl .time {
    font-size: 17px !important;
    padding-left: 0 !important;
  }

  .product-service-container-advantage .container .itemEl .des {
    font-size: 13px !important;
    line-height: 20px !important;
    padding-left: 0 !important;
  }

  /* ======================================================
     18. 安贞特会员权益页 (member_rights.html) 专用适配
     注意：该页大量使用行内 style="" 与内联 <style>，
     必须用 !important + 高优先级选择器才能压过去。
     ====================================================== */

  /* 18.1 顶部 Banner：撤掉 420px 定高与 100px 上内边距 */
  .membe-rights-banner {
    height: auto !important;
    min-height: 0 !important;
    padding: 40px 16px 36px !important;
    box-sizing: border-box !important;
  }

  .membe-rights-banner h1 {
    font-size: 23px !important;
    line-height: 33px !important;
    margin-bottom: 14px !important;
    word-break: break-word !important;
  }

  .membe-rights-banner p {
    font-size: 13px !important;
    line-height: 21px !important;
    margin-bottom: 24px !important;
  }

  .membe-rights-banner .ant-btn-primary {
    width: auto !important;
    min-width: 132px !important;
    padding: 0 22px !important;
  }

  /* 18.2 正文容器：解除 1200px 写死宽度 */
  .member-content {
    width: 100% !important;
    max-width: 100% !important;
    padding: 28px 16px !important;
    box-sizing: border-box !important;
  }

  /* 18.3 各大权益板块标题（行内写死 32px） */
  .member-content h2 {
    font-size: 21px !important;
    line-height: 30px !important;
    margin-bottom: 20px !important;
    word-break: break-word !important;
  }

  /* 18.4 权益板块间距收敛 */
  .rights-one,
  .rights-two,
  .rights-three,
  .rights-four,
  .rights-five,
  .rights-six,
  .rights-seven,
  .rights-eight,
  .rights-server-box {
    margin-bottom: 36px !important;
  }

  /* 18.5 权益板块内大量横向 flex 布局 -> 改为纵向堆叠 */
  .member-content [style*="display: flex"],
  .member-content [style*="display:flex"] {
    flex-direction: column !important;
    align-items: center !important;
  }

  /* 18.6 行内写死宽度的子块（如 319px 图文块）一律拉满 */
  .member-content [style*="width: 319px"],
  .member-content [style*="width:319px"],
  .member-content [style*="width: 300px"],
  .member-content [style*="width: 500px"],
  .member-content [style*="width: 600px"],
  .member-content [style*="width: 800px"],
  .member-content [style*="width: 1200px"] {
    width: 100% !important;
    max-width: 100% !important;
  }

  /* 18.7 该页所有图片等比缩放 */
  .membe-rights-banner img,
  .member-content img {
    max-width: 100% !important;
    height: auto !important;
  }

  /* 18.8 右侧竖排“会员专属官方”装饰条在窄屏过于挤，改为横向小标 */
  .member-content [style*="writing-mode"],
  .member-content .vertical-title {
    writing-mode: horizontal-tb !important;
    text-orientation: mixed !important;
  }

  /* ======================================================
     19. 数字卡券系统页 (product_number_card.html) 专用适配
     ====================================================== */

  /* 19.1 顶部 Banner：撤掉 480px 定高
     （桌面版靠定高 + 居中把内容压在背景里，手机上内容更高，
       会导致内容被垂直居中后上下都被裁掉，标题只剩一半） */
  .card_content .index_content_top .index_top_banner {
    height: auto !important;
    min-height: 0 !important;
    padding: 28px 16px 36px !important;
    background-size: cover !important;
    background-position: center !important;
    box-sizing: border-box !important;
    align-items: flex-start !important;
  }

  /* 19.2 内部容器：1200px 写死 + space-between 横排 -> 纵向堆叠 */
  .card_content .index_content_top .index_top_banner .index_banner_wrap {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  .card_content .index_content_top .index_top_banner .index_banner_wrap .index_banner_left {
    width: 100% !important;
    max-width: 100% !important;
  }

  /* 19.3 左侧大标题：40px -> 手机可读尺寸 */
  .card_content .index_content_top .index_top_banner .index_banner_wrap .index_banner_top_title {
    margin-top: 0 !important;
    font-size: 23px !important;
    line-height: 33px !important;
    word-break: break-word !important;
  }

  .card_content .index_content_top .index_top_banner .index_banner_wrap .index_banner_top_title_two {
    font-size: 14px !important;
    line-height: 23px !important;
    margin: 14px 0 24px !important;
  }

  .card_content .index_content_top .index_top_banner .index_banner_wrap .index_banner_wrap_area_button {
    width: auto !important;
    min-width: 140px !important;
    padding: 0 22px !important;
  }

  /* 19.4 右侧留资表单卡片：535x380 写死 -> 宽度自适应、高度由内容撑开 */
  .card_content .index_content_top .index_top_banner .index_banner_wrap .customer_capital_header {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 22px 16px !important;
    margin: 24px 0 0 0 !important;
    box-sizing: border-box !important;
  }

  .card_content .index_content_top .index_top_banner .index_banner_wrap .customer_capital_header > .title {
    height: auto !important;
    font-size: 16px !important;
    line-height: 24px !important;
    margin-bottom: 18px !important;
  }

  /* 表单内输入框一律满宽，避免溢出 */
  .customer_capital_header input,
  .customer_capital_header textarea,
  .customer_capital_header select {
    width: 100% !important;
    box-sizing: border-box !important;
  }

  /* 19.5 数据指标区（7200/1000/7 三个数字）：改为单列堆叠，消除重叠 */
  .card_content .index_content_top .index_top_banner .index_banner_wrap .customer_capital_header .index_banner_wrap_area,
  .card_content .index_content_top .index_top_banner .index_top_banner_wrap_area {
    flex-direction: column !important;
    height: auto !important;
    width: 100% !important;
    gap: 16px !important;
  }

  /* 19.6 全页兜底：任何仍声明 1200/1250 定宽的区块拉满 */
  .card_content .type_content_wrap,
  .card_content .cardsuc_content_wrap,
  .card_content .adv_content_wrap {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    box-sizing: border-box !important;
  }

  /* 19.7 关键：数据指标块（7年 / 2000多家 / 1000万+）
     桌面版每个 box 写死 width:145px，三个并排 = 435px > 390px，
     必然挤在一起互相重叠。这里改为三等分自适应。 */
  .card_content .index_content_top .top_content .top_content_wrap .top_data_content,
  .index_content .index_content_top .top_content .top_content_wrap .top_data_content {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 10px !important;
    padding: 0 12px !important;
    box-sizing: border-box !important;
  }

  .card_content .index_content_top .top_content .top_content_wrap .top_data_content .top_data_content_box,
  .index_content .index_content_top .top_content .top_content_wrap .top_data_content .top_data_content_box {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    padding: 12px 0 !important;
    box-sizing: border-box !important;
  }

  /* 大数字与单位：手机端缩小并允许换行，避免"7200万+"挤成一团 */
  .card_content .index_content_top .top_content .top_content_wrap .top_data_content .top_data_content_box .top_data_content_box_num,
  .index_content .index_content_top .top_content .top_content_wrap .top_data_content .top_data_content_box .top_data_content_box_num {
    height: auto !important;
    min-height: 0 !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: baseline !important;
    justify-content: center !important;
    width: 100% !important;
  }

  .card_content .index_content_top .top_content .top_content_wrap .top_data_content .top_data_content_box .top_data_content_box_num > span,
  .index_content .index_content_top .top_content .top_content_wrap .top_data_content .top_data_content_box .top_data_content_box_num > span {
    font-size: 22px !important;
    line-height: 30px !important;
  }

  .card_content .index_content_top .top_content .top_content_wrap .top_data_content .top_data_content_box .top_data_content_box_num .top_data_content_box_tips,
  .index_content .index_content_top .top_content .top_content_wrap .top_data_content .top_data_content_box .top_data_content_box_num .top_data_content_box_tips {
    font-size: 12px !important;
    line-height: 30px !important;
    margin-left: 2px !important;
  }

  .card_content .index_content_top .top_content .top_content_wrap .top_data_content .top_data_content_box .top_data_content_box_text,
  .index_content .index_content_top .top_content .top_content_wrap .top_data_content .top_data_content_box .top_data_content_box_text {
    font-size: 12px !important;
    line-height: 18px !important;
    text-align: center !important;
    margin-top: 6px !important;
    white-space: nowrap !important;
  }

  .card_content .index_content_top .top_content .top_content_wrap .top_data_content .top_data_content_box .top_data_content_box_line,
  .index_content .index_content_top .top_content .top_content_wrap .top_data_content .top_data_content_box .top_data_content_box_line {
    margin: 8px auto !important;
  }

  /* ===== 20. 产品页 (integral/purchase/welfare) banner 标题溢出 ===== */
  /* 桌面端 .product-header .title 是 40px、.sub-title 是 28px，
     在 390px 视口下"全域化、数字化和智能化的"等长标题会左侧溢出页面。 */
  .product-header {
    height: auto !important;
    min-height: 320px !important;
    padding: 60px 0 40px !important;
    background-position: center top !important;
  }
  .product-header .content {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 16px !important;
    box-sizing: border-box !important;
    text-align: left !important;
  }
  .product-header .content .title {
    font-size: 22px !important;
    line-height: 1.5 !important;
    font-weight: 500 !important;
    word-break: break-word !important;
  }
  .product-header .content .sub-title {
    font-size: 14px !important;
    line-height: 1.6 !important;
    margin: 12px 0 24px !important;
  }

  /* ===== 21. Footer 自媒体二维码 + 协议链接 适配 ===== */
  .footer-social-row {
    gap: 14px !important;
    margin-top: 24px !important;
    padding: 0 8px !important;
  }
  .social-circle {
    width: 28px !important;
    height: 28px !important;
  }
  .social-circle svg {
    width: 15px !important;
    height: 15px !important;
  }
  .social-text {
    font-size: 11px !important;
    margin-top: 4px !important;
  }
  /* 移动端 hover 不生效；改由 JS 给 .social-open 控制显示 */
  .social-item:hover .social-qr-popup,
  .social-item:focus .social-qr-popup {
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateX(-50%) translateY(6px) !important;
  }
  .social-item.social-open .social-qr-popup {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateX(-50%) translateY(0) !important;
  }
  /* 弹窗整体下移，避免遮挡图标 */
  .social-qr-popup {
    bottom: calc(100% + 14px) !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, .35) !important;
  }
  .official-footer .prove {
    margin-top: 16px !important;
  }

  /* ===== 22. Footer 三栏（媒体/服务/公司）在移动端改为竖排 =====
     之前 .footer-nav-row 选择器在 HTML 里实际不存在（双 class 属性被忽略），
     导致内层 ant-row 仍按桌面 25% 横向排，三栏挤在一行并被拆字。
     这里直接把 footer 内部所有 ant-row 强制 column，每个 ant-col 占满 100%。 */
  .official-footer .ant-row {
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    margin: 0 !important;
  }
  .official-footer .ant-col,
  .official-footer [class*="ant-col-"] {
    flex: 0 0 auto !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding: 6px 0 !important;
    text-align: center !important;
  }
  .official-footer .classify {
    margin-bottom: 6px !important;
  }
  .official-footer .classify-item {
    margin-bottom: 6px !important;
  }

  /* ===== 23. 色块组件（page-hero / block-grid / block-card）适配 =====
     桌面端 .block-grid-4 / -3 / -2 均为多列横排。在 390px 宽度下，
     4 列布局会被强行挤压成"4 个超窄卡片"，标题"智能选题"等
     中文都被按字拆成竖排，无法阅读。改为单列竖排并缩小内边距。 */
  .page-hero {
    padding: 36px 0 28px !important;
  }
  .page-hero h1 {
    font-size: 24px !important;
    line-height: 1.4 !important;
    margin-bottom: 12px !important;
    padding: 0 8px !important;
  }
  .page-hero-sub {
    font-size: 13px !important;
    line-height: 1.6 !important;
    margin-bottom: 18px !important;
    padding: 0 12px !important;
  }
  .page-hero-actions {
    flex-direction: column !important;
    gap: 10px !important;
  }
  .page-hero-link {
    font-size: 13px !important;
  }
  .page-section {
    padding: 36px 0 !important;
  }
  .page-section-title {
    font-size: 20px !important;
    line-height: 1.4 !important;
    margin-bottom: 8px !important;
    padding: 0 8px !important;
  }
  .page-section-desc {
    font-size: 12px !important;
    line-height: 1.6 !important;
    margin-bottom: 22px !important;
    padding: 0 16px !important;
  }
  .block-grid {
    gap: 12px !important;
  }
  .block-grid-4,
  .block-grid-3,
  .block-grid-2 {
    grid-template-columns: 1fr !important;
  }
  .block-card {
    padding: 18px 16px !important;
  }
  .block-icon {
    width: 42px !important;
    height: 42px !important;
    font-size: 22px !important;
    margin-bottom: 10px !important;
    border-radius: 10px !important;
  }
  .block-title {
    font-size: 16px !important;
    margin-bottom: 8px !important;
  }
  .block-desc {
    font-size: 13px !important;
    line-height: 1.6 !important;
    margin-bottom: 8px !important;
  }
  .block-tag {
    font-size: 11px !important;
    padding: 2px 8px !important;
  }
  .block-step {
    font-size: 11px !important;
    margin-bottom: 8px !important;
  }
  .page-cta {
    padding: 40px 16px !important;
  }
  .page-cta h2 {
    font-size: 20px !important;
    line-height: 1.4 !important;
    margin-bottom: 10px !important;
  }
  .page-cta p {
    font-size: 13px !important;
    margin-bottom: 22px !important;
  }

  /* solution.html 7 个方案 tab：移动端改为 2x4 网格，避免溢出 */
  .solution-tab-nav {
    flex-wrap: wrap !important;
    gap: 8px !important;
  }
  .solution-tab-btn {
    flex: 1 1 calc(50% - 8px) !important;
    min-width: 0 !important;
    font-size: 13px !important;
    padding: 8px 6px !important;
    text-align: center !important;
  }
  .solution-panel-item > div[style*="padding: 40px"] {
    padding: 20px 16px !important;
  }
  /* 首页 "7 大 AI 解决方案"：采用通用 block-grid-3，移动端由通用规则单列 */

  .solution-panel-item .block-grid-3 {
    grid-template-columns: 1fr !important;
  }
  .solution-panel-item .h1-pro {
    font-size: 18px !important;
    line-height: 1.4 !important;
    margin-bottom: 10px !important;
  }
  .solution-panel-item .fir-pro {
    font-size: 13px !important;
    line-height: 1.7 !important;
    margin-bottom: 18px !important;
  }

  /* ===== 24. 客户成功页 (customer.html) 移动端适配 =====
     桌面端 .model-grid 是 display:flex 横向 48% / flex:1 双列布局，
     在 390px 视口下信息列被压缩到 ~160px,中文文本每 6 字就强制换行，
     同时图片也被挤压到 187px,看上去"标题错乱 + 图超小 + 字全挤".
     改为纵向堆叠:图片在上,文字在下. */

  /* 终极兜底:任何元素不得超出视口,触发水平滚动条 */
  body, html, #root {
    overflow-x: hidden !important;
    max-width: 100vw !important;
    position: relative !important;
  }

  .customer-page,
  .m-about,
  .m-about-section,
  .m-about-section-module,
  .customer-header,
  .customer-section-title-wrap,
  .customer-section-title-wrap > div,
  .model-card-item,
  .model-card-item-wrapper {
    overflow-x: hidden !important;
    max-width: 100vw !important;
    box-sizing: border-box !important;
  }

  /* customer-section-title-text 终极兜底:任何情况下都不许溢出 */
  .customer-section-title-text,
  .customer-section-title-text * {
    max-width: 100% !important;
    word-break: break-all !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
  }
  .customer-page {
    margin-top: 60px !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  .customer-header {
    height: auto !important;
    min-height: 0 !important;
    padding: 36px 16px 24px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
  }

  .customer-header > img {
    position: static !important;
    transform: none !important;
    width: 220px !important;
    height: 220px !important;
    max-width: 70% !important;
    margin: 0 auto 16px !important;
    opacity: 0.85 !important;
    display: block !important;
  }

  .customer-header-title {
    font-size: 24px !important;
    line-height: 34px !important;
    margin-bottom: 18px !important;
    word-break: break-word !important;
    white-space: normal !important;
  }

  .customer-section-title-wrap {
    padding: 36px 16px 24px !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  .customer-section-title-wrap > div {
    width: 100% !important;
    max-width: 100% !important;
  }

  .customer-section-title-text {
    font-size: 18px !important;
    line-height: 28px !important;
    margin-bottom: 12px !important;
    word-break: break-word !important;
    white-space: normal !important;
    max-width: 100% !important;
    display: block !important;
  }

  .customer-section-title-wrap div,
  .customer-section-title-wrap > div {
    font-size: inherit !important;
    max-width: 100% !important;
  }

  .customer-section-title-wrap img {
    width: 100% !important;
    max-width: 360px !important;
  }

  .model-card-item-wrapper {
    padding: 0 16px !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    margin: 0 !important;
  }

  .model-card-item {
    padding: 24px 16px !important;
    margin-bottom: 24px !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .model-title-top {
    font-size: 20px !important;
    line-height: 30px !important;
    margin-bottom: 18px !important;
    padding-bottom: 14px !important;
    word-break: break-word !important;
    white-space: normal !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 8px !important;
  }

  .model-tag {
    margin-left: 0 !important;
  }

  /* 核心修复点:横向 flex 改为纵向堆叠 */
  .model-grid {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 18px !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .model-img-col {
    width: 100% !important;
    max-width: 100% !important;
    flex: none !important;
    margin: 0 !important;
  }

  .model-img-col img {
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
  }

  .model-info-col {
    width: 100% !important;
    max-width: 100% !important;
    flex: none !important;
    min-width: 0 !important;
  }

  .model-info-col h4 {
    font-size: 17px !important;
    line-height: 26px !important;
    margin-bottom: 12px !important;
    word-break: break-word !important;
  }

  .model-des-p {
    font-size: 14px !important;
    line-height: 24px !important;
    margin-bottom: 10px !important;
    word-break: break-word !important;
    white-space: normal !important;
  }

  .model-des-p strong,
  .model-des-p span,
  .model-des-p a {
    word-break: break-word !important;
    white-space: normal !important;
  }

  .model-ex-box {
    margin-top: 18px !important;
    padding: 18px 14px !important;
  }

  .model-ex-header {
    font-size: 16px !important;
    margin-bottom: 10px !important;
  }

  .model-ex-content {
    font-size: 13px !important;
    line-height: 24px !important;
  }

  /* ===== 25. 各页面 Hero 区通用移动端适配 =====
     几乎所有页面的 Hero 区都把装饰 SVG 用 position:absolute 摆在右侧,
     桌面端是 480px 大小,在 390px 视口下会直接撑破容器并遮住标题.
     修复策略:Hero 容器高度自适应,装饰 SVG 缩小并下移到 hero 顶部居中
     作为装饰背景(标题层级提到 z-index:2,装饰图透明度降低).
     影响页:index / solution / product_service / aboutUs / customer 等. */
  .indexbanner,
  .solution-branch,
  .m-about-header,
  .page-hero,
  .customer-header {
    height: auto !important;
    min-height: 0 !important;
    padding-top: 36px !important;
    padding-bottom: 24px !important;
    background-size: cover !important;
    background-position: center !important;
    overflow: hidden !important;
    flex-direction: column !important;
    align-items: center !important;
  }

  /* 装饰 SVG：缩小并放到 hero 顶部,作为轻量装饰(不再遮挡文字) */
  .indexbanner img[src*="hero_"],
  .indexbanner img[src*="banner"],
  .solution-branch img,
  .m-about-header > img,
  .page-hero > img[src*="hero_"],
  .customer-header > img[src*="hero_"] {
    position: static !important;
    transform: none !important;
    display: block !important;
    width: 200px !important;
    height: 200px !important;
    max-width: 70% !important;
    margin: 0 auto 18px !important;
    opacity: 0.55 !important;
    z-index: 1 !important;
  }

  /* Hero 标题：缩小字号 + 强制换行（inline style font-size:40px 也要覆盖） */
  .indexbanner_area_top_title,
  .indexbanner_wrap_area h1,
  .indexbanner h1,
  [style*="font-size: 40px"][style*="margin-bottom: 20px"],
  [style*="font-size: 40px"][style*="margin-bottom: 32px"],
  [style*="font-size: 32px"][style*="margin-bottom: 20px"],
  .solution-branch h1,
  .solution-branch > div > h1,
  .m-about-header-title,
  .m-about-header h2,
  [class*="solution-branch"] h1,
  [class*="m-about-header"] h2,
  .page-hero h1,
  .customer-header-title,
  .customer-header h2,
  .m-about-section-area h1,
  .m-about-section h1,
  .solution-branch [class*="container"] h1 {
    font-size: 22px !important;
    line-height: 32px !important;
    font-weight: 600 !important;
    margin-bottom: 14px !important;
    word-break: break-word !important;
    white-space: normal !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    text-align: center !important;
  }

  /* Hero 副标题 - 涵盖 h2/h3 和 段落 */
  .indexbanner_area_top_title_two,
  .solution-branch p,
  .solution-branch > div > p,
  .m-about-header-sub,
  .m-about-header h3,
  .m-about-header p,
  .page-hero-sub,
  .page-hero p,
  .customer-header p {
    font-size: 14px !important;
    line-height: 22px !important;
    margin-bottom: 18px !important;
    word-break: break-word !important;
    white-space: normal !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    text-align: center !important;
  }

  /* Hero 内的内容容器保持 z-index 高于装饰图 */
  .indexbanner_wrap_area,
  .solution-branch > div,
  .m-about-header-area,
  .page-hero > div,
  .customer-header > div {
    position: relative !important;
    z-index: 2 !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 16px !important;
    box-sizing: border-box !important;
  }

  /* 兜底：保证任何行内写死的 hero 容器宽度 / 高度自适应 */
  [style*="height: 420px"][style*="flex"],
  [style*="height:480px"][style*="position:absolute"] {
    height: auto !important;
  }

  /* solution-branch 内的 7-tab 容器宽度 */
  .solution-tab-nav {
    flex-wrap: wrap !important;
    gap: 6px !important;
  }
  .solution-tab-btn {
    flex: 1 1 calc(50% - 6px) !important;
    min-width: 0 !important;
    font-size: 12px !important;
    padding: 8px 4px !important;
  }

  /* ===== 26. 关于我们 (aboutUs.html) 移动端适配 =====
     该页大量模块用 inline style 写死 flex/grid 横向布局,
     必须用 [style*=] 选择器 + !important 强制纵向化. */
  .m-about-section-area,
  .m-about-contact {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 16px !important;
    box-sizing: border-box !important;
  }

  .m-about-section {
    padding: 36px 0 !important;
  }

  /* 价值观模块：解除父级 flex/overflow 压缩，确保4张卡片完整显示 */
  .m-about-section-value,
  .m-about-section.bg-gray,
  .m-about {
    overflow: visible !important;
    height: auto !important;
    min-height: 0 !important;
    flex-shrink: 0 !important;
    flex: 0 0 auto !important;
  }

  .m-about-section-value {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    contain: none !important;
  }

  .m-about-section-area p {
    font-size: 14px !important;
    line-height: 26px !important;
    word-break: break-word !important;
    white-space: normal !important;
  }

  .m-about-section-title {
    font-size: 22px !important;
    line-height: 32px !important;
    margin-bottom: 24px !important;
    word-break: break-word !important;
  }

  /* 使命/愿景/荣誉 横向双列改纵向堆叠 */
  .m-about-section-module,
  .m-about-section-module.reverse {
    flex-direction: column !important;
    margin-bottom: 28px !important;
    gap: 20px !important;
  }

  .m-about-section-list-container {
    width: 100% !important;
    max-width: 100% !important;
  }

  .m-about-section-list-container li {
    font-size: 14px !important;
    line-height: 26px !important;
    word-break: break-word !important;
  }

  .m-about-section-list-container li > span[style*="font-size: 26px"],
  .m-about-section-list-container li > span[style*="font-size: 24px"] {
    font-size: 18px !important;
  }

  .m-about-section-img,
  .m-about-section-img3 {
    width: 100% !important;
    max-width: 100% !important;
  }

  /* 价值观 4 列 -> 单列 (容器 inline 写了 repeat(4, 1fr)，必须用属性选择器兜底) */
  .m-about-section-value-container,
  [style*="grid-template-columns: repeat(4, 1fr)"] {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    height: auto !important;
    min-height: 0 !important;
    display: grid !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    overflow: visible !important;
  }

  .m-about-section-value-tab {
    padding: 18px 16px !important;
  }

  .m-about-section-value-tab .icon-value {
    font-size: 18px !important;
    margin-bottom: 10px !important;
  }

  .m-about-section-value-tab .tab-list {
    font-size: 13px !important;
    line-height: 22px !important;
  }

  /* 荣誉模块内的 3 列数据格保持 3 列网格(单卡片在窄屏下展示更精致),
     但缩小内边距避免拥挤 */
  .m-about-section-img3 > div > div {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 8px !important;
  }
  .m-about-section-img3 > div > div > div {
    padding: 14px 6px !important;
  }
  .m-about-section-img3 > div > div > div > div:first-child {
    font-size: 18px !important;
  }

  /* 全国 AI 运营中心 3 列 -> 单列 (容器实际是 grid) */
  .branch-office-container {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 0 0 36px 0 !important;
  }

  .branch-office-box {
    width: 100% !important;
    max-width: 100% !important;
    padding: 16px !important;
    box-sizing: border-box !important;
  }

  .branch-city-title {
    font-size: 16px !important;
  }

  .branch-info-line {
    font-size: 13px !important;
    line-height: 22px !important;
    word-break: break-word !important;
  }

  /* 时间轴相关兜底 */
  .timeline-container,
  .timeline-track {
    width: 100% !important;
    max-width: 100% !important;
  }
}

