/* 表格内容 */
section {
  padding: 20px 20px;  /* 添加顶部间距，避免被固定导航栏遮挡 */
  margin: 20px;
  background-color: white;
  border-radius: 8px;
}

h2 {
  margin-top: 0px;margin-bottom: 0px;
}

table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 0px;
}

table, th, td {
  border: 1px solid #ddd;
}

th, td {
  padding: 10px;
  text-align: left;
}

th {
  background-color: #f4f4f4;
}

th:first-child, td:first-child {
  width: 100px; /* 你可以调整为任何你需要的宽度 */
}



/* 表单样式 */
form {
    margin-bottom: 0px; /* 表单底部外边距为0 */
    padding: 20px; /* 表单内边距为20px */
    background-color: #fff; /* 表单背景颜色为白色 */
    border-radius: 8px; /* 表单边框圆角为8px */
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1); /* 表单阴影效果，当前为无阴影 */
    display: flex; /* 使用Flex布局 */
    gap: 20px; /* 子元素之间的间距为20px */
    align-items: center; /* 子元素垂直居中对齐 */
}

/* 表单内label标签样式 */
form label {
    font-size: 12px; /* 字体大小为12px */
    color: #333; /* 字体颜色为深灰色 */
}

/* 表单内select、input[type="text"]、button元素样式 */
form select, form input[type="text"], form button {
    padding: 10px; /* 内边距为10px */
    font-size: 12px; /* 字体大小为12px */
    border: 1px solid #ddd; /* 边框为1px的浅灰色 */
    border-radius: 4px; /* 边框圆角为4px */
}

/* 表单内select和input[type="text"]元素样式 */
form select, form input[type="text"] {
    width: 200px; /* 宽度为200px */
}

/* 表单内button元素样式 */
form button {
    background-color: #4CAF50; /* 背景颜色为绿色 */
    color: white; /* 字体颜色为白色 */
    border: none; /* 无边框 */
    cursor: pointer; /* 鼠标悬停时显示为手型 */
    transition: background-color 0.3s ease; /* 背景颜色变化过渡效果，持续0.3秒 */
}

/* 表单内button元素在鼠标悬停时的样式 */
form button:hover {
    background-color: #45a049; /* 背景颜色变为深绿色 */
}

/* 选项卡容器样式 */
.tabs {
    margin-top: 20px; /* 顶部外边距为 20px */
}

/* 选项卡链接容器样式 */
.tab-links {
    list-style: none; /* 移除列表默认样式（如圆点） */
    padding: 0; /* 内边距为 0 */
    display: flex; /* 使用 Flex 布局，使选项卡链接水平排列 */
    border-bottom: 0px solid #ddd; /* 底部边框为 0px（无边框），颜色为浅灰色 */
    margin-bottom: 0px; /* 底部外边距为 0px */
}

/* 选项卡链接项样式 */
.tab-links li {
    margin-right: 0px; /* 右侧外边距为 0px */
    padding: 10px; /* 内边距为 10px */
    cursor: pointer; /* 鼠标悬停时显示为手型 */
    border: 1px solid #ddd; /* 边框为 1px 的浅灰色 */
    border-bottom: none; /* 底部无边框 */
    background: #f9f9f9; /* 背景颜色为浅灰色 */
}

/* 当前激活的选项卡链接项样式 */
.tab-links li.active {
    background: #fff; /* 背景颜色为白色 */
    font-weight: bold; /* 字体加粗 */
    border-top: 2px solid #007bff; /* 顶部边框为 2px 的蓝色 */
}

/* 选项卡链接文本样式 */
.tab-links a {
    text-decoration: none; /* 移除链接默认的下划线 */
    color: black; /* 字体颜色为黑色 */
}

/* 选项卡内容容器样式 */
.tab-content .tab {
    display: none; /* 默认隐藏所有选项卡内容 */
    padding: 10px; /* 内边距为 10px */
    border: 1px solid #ddd; /* 边框为 1px 的浅灰色 */
    background: #fff; /* 背景颜色为白色 */
}

/* 当前激活的选项卡内容样式 */
.tab-content .tab.active {
    display: block; /* 显示当前激活的选项卡内容 */
}