body {
      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
      color: black; /* 默认文字颜色为黑色 */
      font-size: 25px;
      margin: 0; /* 移除默认的边距 */
      min-height: 100vh; /* 确保body的最小高度等于视口高度 */
      display: flex; /* 使用 Flexbox 布局 */
      flex-direction: column; /* 设置为列方向，使内容从上往下排列 */
      align-items: center; /* 居中对齐内容 */
      justify-content: flex-start; /* 内容顶对齐 */
    }

    .qa-container {
      width: 95%;
      margin: 20px auto 0 auto; /* 调整 margin，上边距设为 20px，下边距设为 0 */
      padding: 20px;
      background: #fff;
      border-radius: 8px;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
      position: relative; /* 确保它不会受其他定位属性的影响 */
      top: 0; /* 如果需要确保紧贴顶部，可以添加此行 */
    }

    #response {
      width: 95%;
      max-height: 69vh;
      overflow-y: auto;
      border: 1px solid #ccc;
      padding: 10px;
      box-sizing: border-box;
      background-color: white;
      margin-bottom: 20px;
      border-radius: 8px;
      font-size: 22px;
    }

    button {
      margin: 5px;
      padding: 8px 12px; /* 减少内边距 */
      font-size: 14px; /* 减少字体大小 */
      border: none;
      border-radius: 5px;
      background-color: #007bff;
      color: white;
      cursor: pointer;
      transition: background-color 0.3s;
    }

    button:hover {
      background-color: #0056b3;
    }

    .large-icon {
      font-size: 20px;
    }

    progress {
      width: 80%;
      margin-top: 10px;
    }

    @media (max-width: 600px) {
      body {
        font-size: 26px;
      }

      #response {
        font-size: 26px;
      }

      button {
        font-size: 12px;
        padding: 6px 10px;
      }

      .qa-container {
        width: 90%;
        margin: 20px auto;
        padding: 10px;
      }
	    #pauseButton {
    font-size: 14px;  /* 更小的字体 */
    padding: 2px 4px; /* 更少的内边距 */
  }
    }

    .button-container {
      display: flex; /* 使用 Flexbox 布局 */
      gap: 5px; /* 调整间距 */
      width: fit-content; /* 自动适应内容宽度 */
      margin-bottom: 20px; /* 添加底部间距 */
    }

    .highlight-sentence {
      color: #893511;
    }
    .highlight-word {
      color: #993811;
      border-bottom: 2px solid #993811; /* 使用深蓝色的下划线 */
      padding-bottom: 1px; /* 调整此值来改变下划线与文字间的距离 */
    }
#pauseButton {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: linear-gradient(135deg, #007bff, #00aaff);
  border: none;
  outline: none;
  color: #fff;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  transition: transform 0.15s ease, background 0.3s ease;
  cursor: pointer;
}

#pauseButton:hover {
  transform: scale(0.95);
}