/* 添加一个类来调整移动设备上的表格样式 */
@media only screen and (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap; /* 避免单元格中的内容换行 */
  }
}

footer {
    position: relative;
    bottom: 0;
    width: 100%;
    color: black; /* changed text color to black */
    text-align: center;
    color: black; /* your desired text color */
    padding: 10px 0; /* desired padding */
    font-size: 14px; /* desired font size */
}