/* ===== 响应式布局修复 ===== */

/* 修复顶部重叠：增加足够 padding 给两个 fixed 元素 */
.div, .div98, .div111, .div136, .div162, .div187 {
  padding-top: 1.1rem !important;
}

/* navwrap 在移动端隐藏（桌面端 enhance.css 已改为横向菜单） */
@media (max-width: 480px) {
  /* 隐藏桌面端横向导航菜单，改为右上角下拉菜单 */
  .navwrap {
    display: none !important;
    position: fixed !important;
    top: .54rem !important;
    right: .12rem !important;
    left: auto !important;
    width: auto !important;
    height: auto !important;
    background: transparent !important;
    z-index: 200 !important;
  }

  /* 下拉菜单面板 */
  .navwrap .component-2-parent {
    background: #fff !important;
    flex-direction: column !important;
    position: relative !important;
    left: auto !important;
    transform: none !important;
    height: auto !important;
    padding: .04rem 0 !important;
    gap: 0 !important;
    border-radius: .1rem !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.18) !important;
    min-width: 1.4rem !important;
    width: auto !important;
    overflow: visible !important;
    align-items: stretch !important;
  }

  /* 菜单项竖排，右对齐 */
  .navwrap .wrappernav {
    width: 100% !important;
    padding: .1rem .2rem !important;
    border-bottom: none !important;
    justify-content: flex-end !important;
    height: auto !important;
    flex-shrink: 0 !important;
  }
  .navwrap .wrappernav:last-child {
    border-bottom: none !important;
  }
  .navwrap .wrappernav::after {
    display: none !important;
  }
  .navwrap .wrappernav:hover {
    background: rgba(13,122,107,0.08) !important;
  }

  /* 隐藏关闭按钮，点击外部关闭 */
  .navwrap .navdel {
    display: none !important;
  }

  /* 菜单文字改为深色 */
  .navwrap .divnav {
    color: var(--text-primary) !important;
    font-size: .14rem !important;
    white-space: nowrap !important;
  }

  /* topnavigation-parent 作为唯一的顶部导航，绿色背景 */
  .topnavigation-parent {
    z-index: 100 !important;
    pointer-events: auto !important;
    background: linear-gradient(90deg, var(--brand-dark) 0%, var(--brand-primary) 60%, #12a08e 100%) !important;
    box-shadow: 0 3px 18px rgba(13,122,107,0.38) !important;
    border-bottom: 1px solid rgba(255,255,255,0.10) !important;
  }

  .topnavigation-parent .div2 {
    background: transparent !important;
  }

  /* 联系我们按钮改为白色描边风格（与桌面端一致） */
  .topnavigation-parent .wrapper {
    background: rgba(255,255,255,0.15) !important;
    border: 1px solid rgba(255,255,255,0.5) !important;
  }
  .topnavigation-parent .wrapper .div4 {
    color: rgba(255,255,255,0.95) !important;
  }

  /* 汉堡图标改为白色 */
  .topnavigation-parent .drag-handle-icon {
    filter: brightness(0) invert(1);
  }

  /* 主内容只需要给一个 fixed 元素留空间 */
  .div, .div98, .div111, .div136, .div162, .div187 {
    padding-top: .62rem !important;
  }

  /* 恢复汉堡菜单图标显示 */
  .component-13 {
    display: flex !important;
  }

  /* 联系我们按钮和汉堡菜单间距缩小 */
  .frame-parent {
    gap: .12rem !important;
  }

  /* logo 缩小一点避免溢出 */
  .x-1-icon {
    width: .9rem !important;
    height: .26rem !important;
  }

  /* Hero 区域自适应 */
  .group-child {
    width: 100% !important;
    height: auto !important;
    min-height: 2rem;
  }

  /* 视频区域缩放 */
  .video1 {
    width: 28% !important;
    left: 16% !important;
    top: 23% !important;
    height: auto !important;
  }
  .video2 {
    width: 22% !important;
    right: 15% !important;
    top: 8% !important;
    height: auto !important;
  }
  .video3 {
    width: 20% !important;
    right: 25% !important;
    height: auto !important;
  }

  /* Hero 标题缩小 */
  .frame-div .div5 {
    font-size: .24rem !important;
  }
  .frame-div .div7 {
    font-size: .18rem !important;
  }

  /* 平台服务卡片图标缩小，避免挤压文字 */
  .lan-icon, .garage-home-icon, .clinical-notes-icon {
    width: .6rem !important;
    height: .6rem !important;
    bottom: .1rem !important;
    right: .1rem !important;
  }

  /* 成功案例区域卡片改为单列 */
  .frame-parent6_wrap {
    gap: .16rem !important;
  }

  /* 案例卡片内图片自适应 */
  .image-7-icon {
    max-width: 100% !important;
  }

  /* 成功案例标签卡片缩小字体 */
  .div34 {
    font-size: .14rem !important;
  }

  /* 页脚 QR 码缩小 */
  .image-16-icon {
    width: 1rem !important;
    height: 1rem !important;
  }
  .frame-parent24 {
    gap: .3rem !important;
  }

  /* 页脚地址区域自适应 */
  .distance-parent {
    width: 100% !important;
  }
  .div71 {
    width: auto !important;
    font-size: .11rem !important;
  }

  /* 联系页面电话号码缩小 */
  .phone-forwarded-parent {
    font-size: .32rem !important;
    width: 100% !important;
  }
  .wrapper38 {
    width: 100% !important;
  }
  .frame-parent31 {
    width: 100% !important;
    gap: .4rem !important;
  }

  /* 行业解决方案标语区域 */
  .component-6-parent {
    width: 100% !important;
    padding: .2rem .16rem !important;
  }

  /* 内页 Hero 标题缩小 */
  .div117, .div142, .div168, .div193 {
    font-size: .22rem !important;
  }
}

/* 超小屏幕（320px 及以下）进一步缩放 */
@media (max-width: 320px) {
  .frame-div .div5 {
    font-size: .2rem !important;
  }
  .frame-div .div7 {
    font-size: .15rem !important;
  }

  .lan-icon, .garage-home-icon, .clinical-notes-icon {
    width: .45rem !important;
    height: .45rem !important;
  }

  .x-1-icon {
    width: .75rem !important;
    height: .22rem !important;
  }
}