h3 {
    text-align: center;
}
/* 创建一个容器并设置阴影效果 */
.container {
    /* border: 1px solid #ccc; */
    padding-bottom: 10px;
    /* box-shadow: 0 4px 8px rgba(92, 92, 92, 0.1); */
    text-align: center;
    width: 900px; /* 设置宽度 */
    height: auto; /* 设置高度 */
    margin: auto;
    overflow-x: auto;
    max-width: 98%; /* 最大宽度为100%，以便在小屏幕上响应式布局 */
}

.container_button {
    padding-top: 30px;
    width: 900px; /* 设置宽度 */
    margin: auto;
    text-align: right;
    max-width: 97%; /* 最大宽度为100%，以便在小屏幕上响应式布局 */
}

/* 添加 CSS 样式，将表格边框设置为只有下边框 */
table {
    border-collapse: collapse;
    width:100%;
    border: none; /* 去掉所有边框 */
    border-top: 1px solid #ebebeb; /* 保留上边框 */
    border-bottom: 1px solid #ebebeb; /* 保留下边框 */
    font-size: 16px;
}
th {
    border: none;
    border-bottom: 1px solid #ebebeb;
    padding: 14px 0;
    background-color: #f8f8f8;
}

td {
    border: none;
    border-bottom: 1px solid #ebebeb;
    padding: 14px 0; /* 上下边距，不影响左右 */
    font-size: 14px;
} 

.left-align {
    text-align: left;
}

.short-column2 {
    width: 10%; /* 设置较长列的宽度 */
}

.long-column {
    width: 50%; /* 设置较长列的宽度 */
}

.short-column {
    width: 20%; /* 设置较短列的宽度 */
}

.paginationContainer {
    display: flex;
    justify-content: center;
    margin-top: 10px;
    margin-bottom: 80px; /* 下边距 */
}

.paginationContainer button {
    margin: 0 5px;
}

.round-button {
    width: 30px; /* 设置按钮的宽度，确保它是正圆形 */
    height: 30px; /* 设置按钮的高度，确保它是正圆形 */
    border-radius: 50%; /* 将按钮的边框半径设置为50%以创建圆形按钮 */
    background-color: #ffffff; /* 替换为你想要的按钮颜色 */
    color: rgb(0, 0, 0); /* 按钮上的文本颜色 */
    padding: 10px; /* 按钮内边距，你可以根据需要调整 */
    cursor: pointer;
    border: 1px solid #aaaaaa; /* 边框颜色，替换为你想要的颜色 */
    margin: 0 2px; /* 可选：设置按钮之间的间距 */
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
}
.round-button:hover {
    background-color: #eceaea; /* 打开时的背景颜色，替换为你想要的颜色 */
}

.quizButton {
    padding: 3px;
    margin-bottom: 3px;
    color: white; /* 设置按钮文字颜色 */
    background-color: #000a92c2; /* 设置按钮背景色 */
    border: none; /* 去除按钮的边框 */
    border-radius: 3px; /* 设置按钮的边框圆角 */
    width: 85px; /* 设置按钮的宽度 */
    height: 30px;
    font-size: 12px; /* 设置按钮文字的大小 */
    cursor: pointer; /* 设置按钮上的光标为小手 */
}

.quizButton:hover {
    background-color: #173e86; /* 设置悬停时的背景色 */
}