/* 第一页表格样式 - 简约正式 */
  .data-table-page1 {
      width: 100%;
      border-collapse: collapse;
      margin-top: 20px;
      font-family: Arial, sans-serif;
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  }

  .data-table-page1 th,
  .data-table-page1 td {
      padding: 12px 15px;
      text-align: center;
      border: 1px solid #e0e0e0;
  }

  .data-table-page1 th {
      background-color: #2c3e50;
      color: #ffffff;
      font-weight: 600;
      font-size: 1em;
      text-transform: uppercase;
      letter-spacing: 0.5px;
  }

  .data-table-page1 tr:nth-child(even) {
      background-color: #f8f9fa;
  }

  .data-table-page1 tr:hover {
      background-color: #f1f3f5;
      transition: background-color 0.2s ease;
  }

  .data-table-page1 td {
      color: #333;
      font-weight: 400;
  }

  /* 按钮样式 */
  .chart-button {
      margin: 5px;
      padding: 10px 20px;
      background-color: #2c3e50;
      color: white;
      border: none;
      border-radius: 5px;
      cursor: pointer;
  }

  .chart-button.active {
      background-color: #4CAF50;
  }

  /* 表格样式 */
  #customers {
      width: 88% !important;
      border-collapse: collapse;
      margin: 20px auto;
      font-family: Arial, sans-serif;
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
      border-radius: 8px;
      /* 圆角 */
      overflow: hidden;
      /* 隐藏溢出部分 */
  }

  #customers th,
  #customers td {
      padding: 15px;
      /* 增加内边距 */
      text-align: center;
      border: 1px solid #e0e0e0;
  }

  #customers th {
      background-color: #2c3e50;
      /* 深蓝色表头 */
      color: #ffffff;
      font-weight: 600;
      font-size: 1.1em;
      /* 增大字体 */
      text-transform: uppercase;
      letter-spacing: 0.5px;
  }

  #customers tr:nth-child(even) {
      background-color: #f8f9fa;
      /* 浅灰色背景 */
  }

  #customers tr:hover {
      background-color: #e9ecef;
      /* 悬停时背景色变浅 */
      transition: background-color 0.3s ease;
      /* 过渡效果 */
  }

  #customers td {
      color: #333;
      font-weight: 400;
      font-size: 1em;
      /* 增大字体 */
  }

  #customers .color1 {
      background-color: #2c3e50;
      /* 深蓝色 */
      color: #ffffff;
  }

  #customers .color2 {
      background-color: #cce6ff color: #333;
  }

  #customers .color3 {
      background-color: #e6f2ff;
      /* 更浅的蓝色 */
      color: #333;
  }

  #customers .color4 {
      background-color: #f8f9fa;
      /* 浅灰色 */
      color: #666;
      /* 深灰色文字 */
      font-style: italic;
      /* 斜体 */
      font-size: 0.9em;
      /* 减小字体 */
      text-align: left;
      /* 左对齐 */
      padding-left: 20px;
      /* 增加左边距 */
  }

  /* 下载按钮样式 */
  .btn2 {
      border: 1px solid #ecd1d1;
      width: 50px;
      height: 28px;
      margin: 10px 15px 0 0;
      background: #ffd1d1;
      color: rgb(142, 65, 65);
      font-size: 14px;
      float: right;
      cursor: pointer;
      border-radius: 4px;
      /* 圆角 */
      transition: background-color 0.3s ease;
      /* 过渡效果 */
  }

  .btn2:hover {
      background: #ffb3b3;
  }

  /* 查看详情按钮样式 */
  .btn3 {
      background-color: #99c2ff;
      /* 与数据按钮相同的颜色 */
      color: #ffffff;
      /* 白色文字 */
      padding: 10px 20px;
      border: none;
      cursor: pointer;
      margin-bottom: 10px;
      border-radius: 4px;
      /* 圆角 */
      font-size: 14px;
      /* 字体大小 */
      font-weight: 500;
      /* 字体粗细 */
      transition: background-color 0.3s ease;
      /* 背景色过渡效果 */
  }

  .btn3:hover {
      background-color: #2c3e50;
      /* 悬停时背景色变深 */
      color: #ffffff;
      /* 悬停时文字颜色保持白色 */
  }

  /* 备注行样式 */
  #customers .color4 {
      background-color: #f8f9fa;
      /* 浅灰色 */
      color: #666;
      /* 深灰色文字 */
      font-style: italic;
      /* 斜体 */
      font-size: 0.9em;
      /* 减小字体 */
      text-align: left;
      /* 左对齐 */
      padding-left: 20px;
      /* 增加左边距 */
  }

  /* 隐藏页面容器 */
  .page-container {
      display: none;
  }

  .page-container.active {
      display: block;
  }

  /* 按钮悬停效果 */
  .btn-primary:hover {
      background-color: #2c3e50;
  }

  .btn-primary.active {
      background-color: #2c3e50;
      border-color: #2c3e50;
  }

  /* 按钮默认样式 */
  .btn-primary {
      background-color: #99c2ff;
      color: #ffffff;
      border: none;
      padding: 10px 20px;
      font-size: 14px;
      font-weight: 500;
      border-radius: 4px;
      transition: background-color 0.3s ease;
      margin-right: 10px;
  }