/* 移动端专用样式：不影响 PC 端 */
@media (max-width: 768px) {
  /* 页面不产生横向滚动 */
  html, body { max-width: 100%; overflow-x: hidden; }

  /* 文本与链接：防止长字/URL 溢出 */
  p, li, a, h1, h2, h3, h4, h5, h6, .text { 
    overflow-wrap: anywhere; /* 优先换行 */
    word-break: break-word;  /* 兜底 */
  }

  /* 图片：只限制最大宽度，不强制拉伸小图 */
  img { max-width: 100%; height: auto; }

  /* 页面左右内边距，避免贴边 */
  .auto-container { padding-left: 15px; padding-right: 15px; }

  /* 表格外层滚动容器：不改变表格结构，仅在小屏横向滚动 */
  .m-table-scroll { 
    width: 100%; 
    overflow-x: auto; 
    -webkit-overflow-scrolling: touch; 
  }
  .m-table-scroll > table { margin: 0; }
}
