/* styles.css */

body, html {
    margin: 0;
    padding: 0;
    font-family: Arial, sans-serif;
    background-color: #f5f5f5;
}

header {
    background-color: #000000;
    color: white;
    padding: 5px 20px;
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
    z-index: 1001; /* Ensures header is always on top */
    overflow: hidden; /* Prevents content from spilling outside */
}

header nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap; /* Allow items to wrap onto the next line */
}

header nav ul li {
    padding: 10px;
    white-space: nowrap; /* Prevents the text from wrapping */
}

header nav ul li a {
    text-decoration: none;
    color: inherit;
    display: block;
}
header nav li:hover {
  background-color: #f5f5f5;
  color: #000000;
}

aside {
    width: 20%;
    height: 100%;
    position: relative;
    float: left;
    display: flex;
    flex-direction: column;
    left: 0;
    top: 0px; /* Start below the header */
    bottom: 0;
    background-color: #e8e8e8;
    padding: 0px 0px 20px 0px;
    z-index: 1000; /* Lower than header */
}
aside label{
    padding: 3px;
    margin: 0;
    border-bottom: 1px solid #ccc;
  }
aside label:hover {
  background-color: #a5f5f5; /* 或其他颜色，用于高亮显示 */
}

main {
    position: relative;
    top:auto;
    width:80%;
    float:right;
    padding: 0px 0px 0px 0px; /* Padding top is increased to prevent overlap with header */
    box-sizing: border-box;
}

table {
    width: 100%;
    border-collapse: collapse;
}

th, td {
    border: 1px solid #ccc;
    padding: 8px;
    text-align: left;
}

th {
    background-color: #f0f0f0;
}
table tr:hover {
  background-color: #a5f5f5; /* 或其他颜色，用于高亮显示 */
}
/* 重置链接的默认样式 */
table a {
  color: inherit; /* 继承父元素的颜色 */
}
table a:hover  {
  color: #000000; 
  font-weight: bold;
}
/* 设置分类列的宽度 */
.category-column {
  width: 200px;
}
/* 设置说明信息 */
.description-column {
  display: none;
}