/* ==========================================================================
   联信无界 · 新首页移动端修复（独立于 css/home.css，便于一键回退）

   背景：
     新首页的 FIG.02「价值流健康度矩阵」是 7 列栅格，
     表头标签（COVERAGE / DATA / AUTOMATION / KPI / EXCEPTION / SCORE）
     在窄屏下 min-content 无法压缩，曾导致区块最小宽度约 470px。
     实测：设备宽 320 / 360 / 375 / 390 / 414 时，
     Chrome 会把布局视口（innerWidth）撑到 474px，
     整页按 390/474 ≈ 0.82 缩放渲染，手机端字号偏小。

   处理：
     仅在 ≤600px 断点下，让矩阵改为横向滚动容器，
     不改动桌面端任何一条规则，也不改动任何文案与配色。

   回退：
     删除 index.html 中引用本文件的 <link> 即可恢复到与源文件完全一致的表现。
   ========================================================================== */

@media (max-width: 600px) {
  /* 矩阵改为横向滚动，避免撑大布局视口 */
  .lx-matrix { padding-left: 18px; padding-right: 18px; }
  .lx-matrix-table {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 18px;
  }
  /* 保留矩阵可读宽度，超出部分由容器横向滚动承载 */
  .lx-mx-row { min-width: 340px; }
  /* 表头两段长标签在窄屏改为上下排布，避免并排挤压 */
  .lx-matrix-head {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
  }
  .lx-matrix-head span { white-space: normal; }
}