/* style.css */
body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
    background-color: #f7f7f7;
    display: flex; /* 使用flex布局来实现侧边栏和内容的并排布局 */
}

#sidebar {
    width: 200px; /* 设置侧边栏的宽度 */
    padding: 20px;
    background-color: #f0f0f0; /* 设置侧边栏的背景色 */
}

#sidebar h3 {
    margin-top: 0;
}

#sidebar ul {
    list-style-type: none;
    padding: 0;
}

#sidebar li {
    margin-bottom: 5px;
}

#sidebar a {
    display: block;
    padding: 5px;
    text-decoration: none;
    color: #333;
}

#sidebar a:hover {
    background-color: #ddd;
}

#content {
    flex: 1; /* 让内容占据剩余空间 */
    padding: 20px;
}

/* 其他样式保持不变 */