/* 基本样式 */
body {
    font-family: Arial, sans-serif;
}

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

nav ul li {
    display: inline;
    margin-right: 20px;
}

/* 响应式设计 */
@media (max-width: 600px) {
    nav ul li {
        display: block; /* 在小屏幕上，导航项垂直排列 */
        margin-bottom: 5px;
    }

    aside {
        display: none; /* 在小屏幕上隐藏侧边栏 */
    }
}

@media (min-width: 601px) and (max-width: 900px) {
    main {
        display: flex;
        flex-direction: column; /* 在中等屏幕上，主要内容和侧边栏垂直排列 */
    }
}