/* ================= 手机端修正（≤900px） ================= */
@media (max-width: 900px) {

  /* 全局：禁止横向滚动 */
  html, body { overflow-x: hidden !important; max-width: 100% !important; }
  .container { padding-left: 16px !important; padding-right: 16px !important; width: 100% !important; }

  /* 首页所有区块：不再做通栏负边距，统一收在容器里 */
  body.page-home .home-block,
  body.page-home .home-block.v-a,
  body.page-home .home-block.v-b,
  body.page-home .home-block.v-c,
  body.page-home .home-block.v-e,
  body.page-home .home-block.v-f,
  body.page-home .home-block.v-g,
  body.page-home .home-block.v-p,
  body.page-home .home-block.v-q {
    display: grid !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    gap: 22px !important;
    box-sizing: border-box;
  }

  /* ---------- 关于我们：上下排 ---------- */
  body.page-home .home-block.v-a {
    grid-template-columns: 1fr !important;
    align-items: start !important;
    align-content: start !important;
    padding-top: 30px !important;
    padding-bottom: 40px !important;
  }
  body.page-home .home-block.v-a .hb-body {
    order: 1;
    padding: 0 !important;
  }
  body.page-home .home-block.v-a .hb-media {
    order: 2;
    height: auto !important;
    min-height: 0 !important;
    overflow: hidden;
  }
  body.page-home .home-block.v-a .hb-media img {
    height: 200px !important;
    min-height: 0 !important;
    object-fit: cover;
  }
  body.page-home .home-block .hb-body h2,
  .home-block .hb-body h2 {
    font-size: 32px !important;
    line-height: 1.25 !important;
    letter-spacing: 0 !important;
  }
  .hb-text { font-size: 14.5px !important; line-height: 1.9 !important; }
  .hb-meta { grid-template-columns: 1fr 1fr !important; gap: 16px 12px !important; margin-top: 22px !important; }
  .hb-cell strong { font-size: 21px !important; white-space: nowrap; }
  .hb-cell span { font-size: 12px !important; }

  /* ---------- 企业文化 / 品质创新：图在上 ---------- */
  body.page-home .home-block.v-b { grid-template-columns: 1fr !important; }
  body.page-home .home-block.v-b .hb-media { order: -1; }
  body.page-home .home-block.v-b .hb-media img,
  body.page-home .home-block.v-c .hb-media img,
  body.page-home .home-block.v-q .vq-media img { height: 200px !important; }
  body.page-home .home-block.v-c { grid-template-columns: 1fr !important; padding: 34px 18px !important; }

  /* ---------- 产品中心：两列竖卡 ---------- */
  .vp-row {
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
  }
  .vp-card {
    aspect-ratio: 3 / 4 !important;
    max-height: none !important;
    height: auto !important;
    margin-top: 0 !important;
  }
  .vp-card:nth-child(even) { margin-top: 0 !important; }
  .vp-card.vp-cta {
    grid-column: 1 / -1 !important;
    aspect-ratio: auto !important;
    height: 104px !important;
  }
  .vp-cta-in span { font-size: 20px !important; }
  .vp-cta-in em { font-size: 10px !important; }

  /* ---------- 装饰性英文底纹：窄屏隐藏，避免撑出横滚 ---------- */
  .vf-watermark { display: none !important; }
}

@media (max-width: 420px) {
  .vp-card.vp-cta { height: 92px !important; }
  .hb-cell strong { font-size: 19px !important; }
  body.page-home .home-block .hb-body h2 { font-size: 29px !important; }
}

/* ================= 2026103002 第二轮修正 ================= */
@media (max-width: 900px) {

  /* 新闻资讯：上下排，标题横排占满一行 */
  body.page-home .home-block.v-f {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 20px !important;
  }
  body.page-home .home-block.v-f .vf-head {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: flex-end !important;
    justify-content: space-between !important;
    gap: 12px !important;
    width: 100% !important;
    padding-bottom: 18px !important;
  }
  body.page-home .home-block.v-f .vf-title { width: auto !important; }
  body.page-home .home-block.v-f .vf-title h2 {
    writing-mode: horizontal-tb !important;
    font-size: 30px !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
  }
  body.page-home .home-block.v-f .vf-more {
    white-space: nowrap !important;
    font-size: 13px !important;
  }
  .vf-grid { grid-template-columns: 1fr !important; gap: 22px !important; }
  .vf-card { width: 100% !important; }

  /* 全部产品卡：给足高度，内容不再被裁 */
  .vp-card.vp-cta {
    height: auto !important;
    min-height: 158px !important;
    padding: 24px 0 26px !important;
  }
  .vp-cta-in { padding: 0 14px !important; }
  .vp-arrow { margin-top: 14px !important; width: 26px !important; height: 26px !important; }

  /* 图片容器不许溢出 */
  .hb-media, .vq-media, .vc-media, .cul-people-media, .cul-split-media { overflow: hidden !important; }
  .hb-media img, .vq-media img { max-width: 100% !important; }

  /* 文化页：对人的要求，图在上、清单在下 */
  .page-culture .cul-people {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    align-items: start !important;
  }
  .page-culture .cul-people-media {
    display: block !important;
    order: -1 !important;
    width: 100% !important;
    aspect-ratio: 16 / 10 !important;
  }
  .page-culture .cul-people-media img { width: 100% !important; height: 100% !important; object-fit: cover; }
  .page-culture .cul-people-list { margin-top: 18px !important; }
  .page-culture .cul-people-item { grid-template-columns: 34px minmax(0, 1fr) !important; gap: 12px !important; }

  /* 联系页：卡片上下排 */
  .contact-grid { grid-template-columns: 1fr !important; gap: 24px !important; }
}

/* 联系页：联系面板由三列改一列 */
@media (max-width: 900px) {
  .contact-cards { grid-template-columns: 1fr !important; }
  .contact-cards .contact-card {
    border-left: 0 !important;
    border-top: 1px solid rgba(16, 20, 51, .08) !important;
    padding: 28px 24px !important;
  }
  .contact-cards .contact-card:first-child { border-top: 0 !important; }
  .contact-list { grid-template-columns: 1fr !important; }
  .contact-list div { grid-template-columns: 84px minmax(0, 1fr) !important; }
}

/* 品质创新：媒体框去掉多余高度 */
@media (max-width: 900px) {
  .home-block.v-q .vq-media { height: auto !important; min-height: 0 !important; }
  .home-block.v-q .vq-media img { height: 200px !important; object-fit: cover; }
}
