/* ============================================================
   全站移动端适配层 mobile.css
   ------------------------------------------------------------
   加载顺序：main.css → 各页面 CSS → inner-brand.css → site-search.css → 本文件
   设计原则：
   1) 只做「窄屏覆盖」，所有规则均在 max-width 媒体查询内，桌面端零影响；
   2) 不改动原有 CSS 文件，便于回滚；
   3) 桌面端的 !important 规则（首页 home-pc.css 等）在本层用同等 !important 覆盖；
   4) 断点：≤1024px 平板（两列降级）、≤767px 手机（单列）。
   ============================================================ */

/* ============================================================
   一、基础：解除 1200px 固定宽度（全站移动端不适配的根因）
   ============================================================ */
@media (max-width: 1024px) {
  html,
  body {
    min-width: 0 !important;
    width: auto !important;
  }

  body {
    overflow-x: hidden;
  }

  /* 容器：由固定宽度改为流式，左右留白压缩
     min-width 必须归零：home-pc.css 的 .container{min-width:1088px!important}
     是首页整页横向溢出的直接原因 */
  .container,
  .container-wide,
  body.brand-demo .container {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  /* 媒体元素永不超出视口 */
  img,
  video,
  iframe,
  embed,
  object {
    max-width: 100%;
  }

  img.banner-bg {
    max-width: 100% !important;
  }

  /* 纵向节奏：桌面的大留白在小屏收窄 */
  .section {
    padding-top: 44px !important;
    padding-bottom: 44px !important;
  }

  .section-tight {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }

  .sec-head {
    margin-bottom: 20px !important;
  }

  /* 标题字号：用 clamp 平滑缩放，避免溢出 */
  .hero h1,
  .page-hero h1,
  .hero-home h1 {
    font-size: clamp(26px, 6.4vw, 40px) !important;
    line-height: 1.28 !important;
    max-width: 100% !important;
  }

  h2 {
    font-size: clamp(21px, 4.6vw, 28px) !important;
    line-height: 1.34 !important;
  }

  h3 {
    font-size: clamp(17px, 3.8vw, 21px) !important;
  }

  p,
  li {
    overflow-wrap: break-word;
  }
}

/* ============================================================
   二、顶部导航：真正的移动抽屉（汉堡按钮进视口 + 菜单内嵌展开）
   ============================================================ */
@media (max-width: 1024px) {
  :root {
    --header-h: 60px;
  }

  .site-header {
    position: sticky;
    top: 0;
  }

  .header-inner {
    height: var(--header-h) !important;
    min-height: var(--header-h) !important;
    max-height: var(--header-h) !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    gap: 10px !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
  }

  /* Logo 缩小，避免挤压按钮 */
  .logo {
    flex: 0 1 auto;
    min-width: 0;
    font-size: 17px !important;
  }

  .logo .brand-logo {
    width: 124px !important;
    max-width: 124px !important;
    height: auto !important;
    max-height: 44px !important;
  }

  /* 右侧按钮组压缩 */
  .nav-cta {
    margin-left: auto !important;
    gap: 8px !important;
    flex-wrap: nowrap !important;
  }

  .nav-tel {
    display: none !important;
  }

  .nav-cta .btn,
  .nav-cta .btn-sm {
    padding: 6px 10px !important;
    font-size: 12px !important;
    min-height: 34px !important;
    white-space: nowrap;
  }

  .nav-search-btn {
    width: 36px !important;
    height: 36px !important;
    flex: 0 0 auto;
  }

  /* 汉堡按钮：强制显示并保证在视口内 */
  .menu-toggle {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 38px !important;
    height: 38px !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 22px !important;
    line-height: 1 !important;
    color: var(--brand-900, #073f3e) !important;
    background: transparent !important;
    border: 1px solid rgba(11, 71, 69, .18) !important;
    border-radius: 8px !important;
    cursor: pointer;
  }

  .menu-toggle[aria-expanded="true"] {
    background: rgba(8, 103, 99, .08) !important;
  }

  /* 抽屉本体 */
  .nav-menu {
    position: fixed !important;
    top: var(--header-h) !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    max-height: calc(100dvh - var(--header-h)) !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: 0 !important;
    padding: 8px 0 20px !important;
    margin: 0 !important;
    border-top: 1px solid rgba(11, 71, 69, .08);
    background: #fff !important;
    box-shadow: 0 18px 32px rgba(16, 65, 64, .16) !important;
    transform: translateY(-8px) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transition: transform .2s ease, opacity .2s ease, visibility .2s !important;
    z-index: 99;
  }

  .nav-menu.open {
    transform: translateY(0) !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  /* 一级导航项：大点击区，分隔线 */
  .nav-menu > a,
  .nav-menu .nav-item > a {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    width: 100% !important;
    padding: 13px 18px !important;
    margin: 0 !important;
    font-size: 15px !important;
    line-height: 1.5 !important;
    color: var(--ink-600, #44545b) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    border-bottom: 1px solid rgba(11, 71, 69, .06);
  }

  .nav-menu > a.active,
  .nav-menu .nav-item.active > a {
    color: var(--brand-700, #086763) !important;
    background: rgba(8, 103, 99, .05) !important;
    box-shadow: inset 3px 0 0 var(--brand-600, #087671) !important;
  }

  .nav-menu .nav-item {
    display: block !important;
    width: 100% !important;
  }

  /* mega 下拉：移动端改为内嵌手风琴，不再浮动定位 */
  .nav-menu .mega-menu,
  .nav-menu .has-mega > .mega-menu {
    position: static !important;
    display: none !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #f7fafa !important;
    box-shadow: none !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    left: auto !important;
    top: auto !important;
  }

  .nav-menu .has-mega.open > .mega-menu {
    display: block !important;
  }

  .nav-menu .has-mega.open > a::after {
    transform: rotate(180deg);
  }

  .mega-body {
    display: block !important;
    padding: 0 !important;
  }

  /* 左侧分类列 → 横向滚动的分类标签条 */
  .mega-nav {
    display: flex !important;
    flex-direction: row !important;
    gap: 6px !important;
    width: 100% !important;
    padding: 10px 14px !important;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    background: #fff;
    border-bottom: 1px solid rgba(11, 71, 69, .07);
  }

  .mega-nav-item {
    flex: 0 0 auto !important;
    width: auto !important;
    padding: 7px 12px !important;
    font-size: 13px !important;
    border-radius: 999px !important;
    background: #f2f6f5 !important;
    white-space: nowrap;
  }

  .mega-nav-item::before,
  .mega-nav-index,
  .mega-nav-idx {
    display: none !important;
  }

  .mega-nav-arrow,
  .mega-nav-foot {
    display: none !important;
  }

  .mega-panes {
    max-height: none !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
  }

  .mega-pane {
    padding: 12px 16px 16px !important;
  }

  .mega-pane-groups,
  .mega-inner {
    display: block !important;
    columns: 1 !important;
  }

  .mega-pane-groups {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  .mega-items {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 2px 10px !important;
  }

  .mega-items li a {
    display: block !important;
    padding: 7px 0 !important;
    font-size: 13.5px !important;
    white-space: normal !important;
  }

  .mega-footer {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px 14px !important;
    padding: 12px 16px !important;
    font-size: 12.5px !important;
  }

  /* 打开抽屉时锁背景滚动 */
  body:has(.nav-menu.open) {
    overflow: hidden;
  }

  /* 站内搜索面板：全宽、贴顶 */
  .site-search-panel .container {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .ss-form,
  .ss-hot,
  .ss-hots {
    flex-wrap: wrap !important;
    white-space: normal !important;
  }

  .ss-hot,
  .ss-hots {
    overflow: visible !important;
  }
}

/* ============================================================
   三、网格与卡片：按屏幕宽度逐级降级
   ============================================================ */
@media (max-width: 1024px) {
  /* 平板：多列 → 两列 */
  .grid-4,
  .grid-3,
  .cols-12,
  .svc-grid,
  .svc-card-grid,
  .svc-subcat-grid,
  .ind-grid,
  .industry-grid,
  .expert-grid,
  .kb-grid,
  .comp-case-grid,
  .comp-mod-grid,
  .comp-flow-grid,
  .risk-fan,
  .team-grid,
  .cert-grid,
  .about-cert-grid,
  .about-expert-reserved,
  .about3-qual-grid,
  .about3-team-grid,
  .about3-stats-grid,
  .gs-grid,
  .gs-flow-grid,
  .sr-entries,
  .flow2,
  .proc-ov {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .grid-2,
  .grid-cols-2,
  .plan-form-grid,
  .material-list,
  .pitfall-list,
  .coop-list,
  .detail-highlights,
  .about3-contact-grid,
  .gs-quick,
  .gs-faq-list,
  .section-faq-compact .faq-group {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .ind-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  /* 侧边栏 + 主内容的布局：改为上下堆叠 */
  .svc-layout,
  .detail-layout,
  .quote-layout,
  .gs-layout,
  .grid-cols-115-85,
  .grid-cols-220-1fr,
  .about-grid,
  .hero-grid,
  .about3-story-grid,
  .comp-layout,
  .article-date-row,
  .process-step,
  .proc-step,
  .section-faq-compact > .container,
  .homepage-policy-dock .hero-card {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  .ind-grid-row {
    grid-template-columns: 1fr !important;
  }

  /* 卡片内边距压缩 */
  .card,
  .svc-card,
  .kb-card,
  .case-card,
  .park-card {
    padding: 18px !important;
    border-radius: 12px !important;
  }
}

@media (max-width: 767px) {
  /* 手机：除指标类外全部单列 */
  .grid-2,
  .grid-3,
  .grid-4,
  .cols-12,
  .svc-grid,
  .svc-card-grid,
  .svc-subcat-grid,
  .ind-grid,
  .industry-grid,
  .expert-grid,
  .kb-grid,
  .comp-case-grid,
  .comp-mod-grid,
  .risk-fan,
  .team-grid,
  .cert-grid,
  .about-cert-grid,
  .about-expert-reserved,
  .about3-qual-grid,
  .about3-team-grid,
  .about3-contact-grid,
  .about3-story-principles,
  .about-photo-grid,
  .culture-grid,
  .case2-grid,
  .fee-grid,
  .detail-highlights,
  .material-list,
  .pitfall-list,
  .coop-list,
  .plan-form-grid,
  .footer-grid,
  .gs-quick,
  .gs-grid,
  .gs-faq-list,
  .gs-flow-grid,
  .sr-entries,
  .flow2,
  .qual-grid,
  .related-service-grid,
  .grid-auto-180,
  .grid-auto-210,
  .section-faq-compact .faq-group,
  .mega-pane-groups,
  .mega-inner {
    grid-template-columns: 1fr !important;
  }

  /* 数字指标保留两列，视觉更紧凑 */
  .hero-metrics,
  .hero.hero-home .hero-metrics,
  .about3-stats-grid,
  .proc-ov,
  .comp-flow-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  .hero-metrics .hero-metric {
    padding: 10px 6px !important;
    border-radius: 10px !important;
  }

  .hero-metrics .hero-metric b {
    font-size: 22px !important;
  }

  .hero-metrics .hero-metric span {
    font-size: 12px !important;
    line-height: 1.4;
  }

  /* 首页行业图标卡：两列更省滚动 */
  .ind-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .footer-grid {
    gap: 24px !important;
  }
}

/* ============================================================
   四、Hero / Page Banner / 首屏
   ============================================================ */
@media (max-width: 1024px) {
  .hero-home,
  .hero {
    min-height: 0 !important;
  }

  .hero-home .hero-inner,
  .hero .hero-inner {
    padding: 40px 0 !important;
  }

  .hero-grid,
  .hero-home .hero-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }

  .hero-sub {
    font-size: 14.5px !important;
    line-height: 1.75 !important;
  }

  .hero-badge {
    font-size: 12px !important;
    padding: 5px 10px !important;
  }

  .hero-cta {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    width: 100% !important;
  }

  .hero-cta .btn,
  .hero-cta .btn-lg {
    width: 100% !important;
    justify-content: center;
    padding: 13px 18px !important;
    font-size: 15px !important;
  }

  /* 轮播箭头在小屏移到下方，避免遮挡文字 */
  .hero-arrow {
    width: 34px !important;
    height: 34px !important;
    font-size: 20px !important;
  }

  .hero-dots {
    bottom: 12px !important;
  }

  /* 内页 banner */
  .page-hero {
    padding: 30px 0 26px !important;
    min-height: 0 !important;
  }

  .page-hero .breadcrumb {
    font-size: 12px !important;
    margin-bottom: 10px !important;
  }

  .page-hero p {
    font-size: 14px !important;
  }

  /* 首页 hero 右侧轮播图：桌面为绝对定位浮层，平板上改为下方静态图块，避免压住文字 */
  .hero-home .hero-slider {
    position: relative !important;
    inset: auto !important;
    right: auto !important;
    width: 100% !important;
    height: 300px !important;
    margin: 20px 0 0 !important;
    border-radius: 12px !important;
    overflow: hidden;
  }
}

@media (max-width: 767px) {
  /* 手机端沿用首页原有 760px 断点的图片块样式，仅补齐溢出保护 */
  .hero-home .hero-slider {
    height: 200px !important;
    margin-top: 18px !important;
  }

  .hero-home .hero-slider img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
  }
}

/* ============================================================
   五、表格：容器内横向滚动，首列更易读
   ============================================================ */
@media (max-width: 1024px) {
  .table-wrap {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    width: 100% !important;
    max-width: 100% !important;
    border-radius: 10px;
  }

  .table-wrap table {
    min-width: 620px;
  }

  .table-wrap thead th,
  .table-wrap tbody td {
    padding: 10px 12px !important;
    font-size: 13px !important;
  }

  /* 未包裹在 table-wrap 中的表格也不撑破视口 */
  .card > table,
  .page-content table,
  .rich-text table,
  .article-body table {
    display: block;
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}

/* ============================================================
   六、筛选条 / 标签 / 热词 / 分页：全部允许换行
   ============================================================ */
@media (max-width: 1024px) {
  .zh-filter,
  .sr-tabs,
  .sr-hots,
  .svc-filter,
  .tag-list,
  .filter-bar,
  .filters,
  .pager,
  .pagination {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    white-space: normal !important;
    overflow-x: visible !important;
  }

  .zh-filter a,
  .sr-tabs a,
  .sr-hots a,
  .pager a,
  .pagination a {
    font-size: 13px !important;
    padding: 7px 11px !important;
    line-height: 1.3;
    white-space: nowrap;
  }

  .svc-filter-select {
    min-width: 0 !important;
    width: 100% !important;
  }

  .flex-between {
    flex-wrap: wrap !important;
    gap: 10px !important;
  }
}

/* ============================================================
   七、搜索页 / 列表页
   ============================================================ */
@media (max-width: 1024px) {
  .sr-list li,
  .sr-item {
    width: 100% !important;
  }

  .sr-form,
  .search-form {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
    width: 100% !important;
  }

  .sr-input,
  .ss-input {
    font-size: 15px !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
  }
}

/* ============================================================
   八、浮动客服 / 返回顶部 / 页脚
   ============================================================ */
@media (max-width: 1024px) {
  .float-cta {
    right: 10px !important;
    bottom: 14px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    padding: 6px !important;
    border-radius: 12px !important;
  }

  .float-cta a,
  .float-cta .float-wechat {
    width: 40px !important;
    height: 40px !important;
  }

  .float-cta .float-wechat-pop {
    max-width: calc(100vw - 80px);
  }

  .backtop {
    right: 10px !important;
    bottom: 168px !important;
    width: 38px !important;
    height: 38px !important;
    font-size: 16px !important;
  }

  .footer-grid {
    gap: 22px !important;
  }

  .footer-nap,
  .footer-slogan {
    font-size: 13px !important;
    line-height: 1.8 !important;
  }

  .footer-bottom {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 6px !important;
    font-size: 12px !important;
    line-height: 1.6;
  }

  .footer-authority-links {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px 12px !important;
    font-size: 12px !important;
  }
}

/* ============================================================
   九、表单 / 弹窗：可用性兜底
   ============================================================ */
@media (max-width: 1024px) {
  .lead-modal,
  .modal-dialog,
  .modal-content {
    width: calc(100vw - 24px) !important;
    max-width: 100% !important;
    max-height: calc(100dvh - 40px);
    overflow-y: auto;
    margin: 12px !important;
    border-radius: 14px !important;
  }

  .lead-modal form#leadForm,
  .plan-form-grid {
    grid-template-columns: 1fr !important;
  }

  input[type="text"],
  input[type="tel"],
  input[type="email"],
  input[type="search"],
  select,
  textarea {
    font-size: 16px !important; /* iOS 聚焦不再自动放大 */
    max-width: 100%;
  }

  .btn-block,
  .form-submit {
    width: 100% !important;
  }
}

/* ============================================================
   十、超小屏（≤390px）细调
   ============================================================ */
@media (max-width: 390px) {
  .container,
  .container-wide {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  .logo .brand-logo {
    width: 110px !important;
    max-width: 110px !important;
  }

  .nav-cta .btn,
  .nav-cta .btn-sm {
    padding: 6px 8px !important;
    font-size: 11.5px !important;
  }

  .hero-metrics,
  .hero.hero-home .hero-metrics,
  .about3-stats-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .mega-items {
    grid-template-columns: 1fr !important;
  }
}

/* ============================================================
   十一、高优先级覆盖
   ------------------------------------------------------------
   桌面样式在首页/内页使用了复合选择器 + !important（如
   .brand-demo .section-knowledge .grid-4），单类选择器压不住，
   此处用同等或更高特异性重新声明，保证窄屏生效。
   ============================================================ */
@media (max-width: 1024px) {
  /* 网格子项允许收缩，避免长单词/宽内容把轨道撑破 */
  .grid-2 > *,
  .grid-3 > *,
  .grid-4 > *,
  .ind-grid > *,
  .about3-story-grid > *,
  .about3-contact-grid > *,
  .svc-grid > *,
  .kb-grid > *,
  .footer-grid > * {
    min-width: 0;
  }

  /* --- 首页：知识/方案区 4 列 → 平板 2 列 --- */
  .section-knowledge .grid-4,
  .brand-demo .section-knowledge .grid-4 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  /* --- 首页：行业方案图标区 6 列 → 平板 3 列 --- */
  .industries-v2 .ind-grid,
  .brand-demo .industries-v2 .ind-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  /* 桌面端 ind-card 用 grid-column:span 2/3 做拼图布局，
     窄屏必须一并解除，否则卡片仍会独占整行 */
  .industries-v2 .ind-card,
  .brand-demo .industries-v2 .ind-card,
  .industries-v2 .ind-card:nth-child(-n+2),
  .brand-demo .industries-v2 .ind-card:nth-child(-n+2) {
    grid-column: auto !important;
    grid-row: auto !important;
    height: auto !important;
    min-height: 0 !important;
  }

  /* 前两张卡的“整图铺底 + 文字绝对定位”在海报位失效，回退为常规卡片 */
  .industries-v2 .ind-card:nth-child(-n+2) .ind-media,
  .brand-demo .industries-v2 .ind-card:nth-child(-n+2) .ind-media {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    height: 185px !important;
  }

  .industries-v2 .ind-card:nth-child(-n+2) .ind-media::after,
  .brand-demo .industries-v2 .ind-card:nth-child(-n+2) .ind-media::after {
    display: none !important;
  }

  .industries-v2 .ind-card:nth-child(-n+2) .ind-body,
  .brand-demo .industries-v2 .ind-card:nth-child(-n+2) .ind-body {
    position: relative !important;
    inset: auto !important;
    bottom: auto !important;
    padding: 20px !important;
  }

  .industries-v2 .ind-card:nth-child(-n+2) .ind-card-title,
  .brand-demo .industries-v2 .ind-card:nth-child(-n+2) .ind-card-title {
    color: #143e3d !important;
    font-size: 20px !important;
  }

  .industries-v2 .ind-card:nth-child(-n+2) .ind-body p,
  .brand-demo .industries-v2 .ind-card:nth-child(-n+2) .ind-body p {
    color: #425959 !important;
    max-width: none !important;
  }

  .industries-v2 .ind-card:nth-child(-n+2) .ind-more,
  .brand-demo .industries-v2 .ind-card:nth-child(-n+2) .ind-more {
    color: #075d58 !important;
  }

  /* --- 首页：指标区 4 列 → 平板 2 列 --- */
  .hero.hero-home .hero-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  /* --- 首页：流程区 4 列 → 平板 2 列 --- */
  .section-process .flow2,
  .brand-demo .section-process .flow2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  /* --- 首页：常见问题（桌面为左侧吸附列表 + 右侧内容） → 上下堆叠 --- */
  .section-faq-compact > .container,
  .brand-demo .section-faq-compact > .container {
    display: block !important;
    grid-template-columns: 1fr !important;
  }

  .section-faq-compact .faq-group,
  .brand-demo .section-faq-compact .faq-group {
    grid-template-columns: 1fr !important;
  }

  /* --- 首页：政策浮窗卡片 --- */
  .homepage-policy-dock .hero-card,
  .brand-demo .homepage-policy-dock .hero-card {
    grid-template-columns: 1fr !important;
    position: static !important;
  }

  /* --- 内页：关于我们故事区（左文右统计）强制上下堆叠 --- */
  .brand-inner .about3-story-grid {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }

  .brand-inner .about3-story-principles {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px !important;
  }

  /* --- 园区库：搜索栏换行，避免筛选按钮被推出视口 --- */
  .search-bar {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    max-width: 100% !important;
  }

  .search-bar input {
    flex: 1 1 100% !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  .search-bar select,
  .search-bar .select-filter {
    flex: 1 1 140px !important;
    min-width: 0 !important;
    width: auto !important;
    max-width: 100% !important;
  }

  .search-bar button,
  .search-bar .btn {
    flex: 0 0 auto !important;
    min-width: 96px;
  }
}

@media (max-width: 767px) {
  /* --- 首页：手机上知识区、行业区进一步降级 --- */
  .section-knowledge .grid-4,
  .brand-demo .section-knowledge .grid-4 {
    grid-template-columns: 1fr !important;
  }

  .industries-v2 .ind-grid,
  .brand-demo .industries-v2 .ind-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  /* --- 关于我们：统计数字单列，避免 94px 窄列 --- */
  .about3-stats-grid,
  .brand-inner .about3-stats-grid {
    grid-template-columns: 1fr !important;
  }

  .brand-inner .about3-story-principles {
    grid-template-columns: 1fr !important;
  }

  /* --- 页脚：手机单列（覆盖首页 1.4fr 1fr 1fr 1.2fr） --- */
  .footer-grid,
  .brand-demo .footer-grid {
    grid-template-columns: 1fr !important;
  }

  /* --- 园区表格：手机端提示可横向滑动 --- */
  .table-wrap {
    position: relative;
  }
}