.menu-container {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.menu {
    border-radius: 5px;
    padding: 6px 10px;
    /* border: 1px solid rgba(0, 0, 0, 0.5); */
    color:white;
    background-color: rgba(0, 0, 0, 0.8);
    cursor: pointer;
}
.menu:hover{
    color:rgba(0, 0, 0, 0.8);
    background-color: rgba(255, 255, 255, 0.8);
}
/* 响应式设计 - 当屏幕宽度小于等于 768px 时，隐藏菜单并显示折叠按钮 */
@media (max-width: 768px) {
    /* .menu-container {
        display: none; 
    } 
    */

    .menu-icon {
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        width: 30px;
        height: 20px;
        cursor: pointer;
    }

    /* .menu-icon span {
        display: block;
        width: 100%;
        height: 2px;
        background-color: black;
    } */
}