/* ============================================================
   移动端修复 · 2026-10-22 · 设计助手会话
   发现方式：用本地 agent-browser 在 390×844 视口实测
   问题：窄屏下页面被撑到 462px（右侧多出 72px），会横向滚动
   原因：① .spill 光晕层宽度固定，溢出屏幕；② .model-table 在窄屏仍按桌面宽度排版
   做法：不改 site.css，单独一个文件。回滚 = 删掉本文件 + 去掉 index.html 里引用本文件的那一行
   ============================================================ */

html, body {
  overflow-x: hidden;
  max-width: 100%;
}

@media (max-width: 760px) {
  /* 光晕在手机上会溢出屏幕，直接关掉 */
  .spill { display: none !important; }

  /* 表格改成自适应宽度 + 允许换行，不再把整页撑宽 */
  .model-table {
    table-layout: fixed;
    width: 100%;
    max-width: 100%;
  }
  .model-table th,
  .model-table td {
    padding: 8px 6px !important;
    font-size: 12px !important;
    line-height: 1.45;
    white-space: normal !important;
    word-break: break-word;
    overflow-wrap: anywhere;
  }

  /* 客服气泡：原来正好压在首屏产品截图的光球上，让人误以为球是气泡。
     手机上缩小 + 加白边和投影，视觉上跟内容分开；面板也压到屏幕内。 */
  #kefuBtn {
    width: 46px !important;
    height: 46px !important;
    right: 14px !important;
    bottom: 14px !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, .28), 0 0 0 3px #fff !important;
  }
  #kefu {
    right: 10px !important;
    left: 10px !important;
    width: auto !important;
    bottom: 70px !important;
    max-height: 68vh !important;
  }
}