body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
  }
  .pages-container {
    position: relative;
    width: 80%;
    margin: 20px auto;
    overflow: hidden;
  }
  .page {
    float: left;
    width: 100%;
    height: 900px; /* 设定页面高度 */
    display: none;
  }
  .active {
    display: block;
  }
  .pagination {
    position: relative; /* 将相对定位 */
    width: 100%;
    text-align: center;
    margin-top: 20px; /* 添加间距以防止按钮与图片过于接近 */
  }

  .pagination button {
    margin: -550px 60px;
    padding: 13px 25px; /* 调整按钮的内边距 */
    border: none;
    background-color: #007bff;
    color: #fff;
    cursor: pointer;
    border-radius: 22px; /* 设置圆角 */
    font-size: 24px; /* 调整按钮字体大小 */
    transition: all 0.3s ease; /* 添加过渡效果 */
  }

  .pagination button:hover {
    background-color: #0056b3; /* 悬停时变色 */
    transform: scale(1.1); /* 悬停时稍微放大 */
  }

  .prev-btn {
    position: absolute;
    left: 0;
  }

  .next-btn {
    position: absolute;
    right: 0;
  }