/* 图片响应式处理 */
img {
  max-width: 100%;
  height: auto;
}

/* 表格响应式处理 */
.table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch; /* iOS 惯性滚动 */
}

@media (max-width: 767px) {
  /* 保持表格结构并设置最大宽度为100% */
  table {
    width: 100%;
    max-width: 100%;
    border-collapse: collapse;
  }

  /* 单元格自动换行以适应屏幕 */
  th,
  td {
    white-space: normal;
    word-wrap: break-word;
  }

  /* 美化：条纹行效果 */
  tbody tr:nth-of-type(odd) {
    background-color: #f8f9fa;
  }
  tbody tr:hover {
    background-color: #e9ecef;
  }
}