/* 额外的：如果你想要确保手机端的顶部导航栏中， 
 * 那些用来切换章节的移动端按钮也被隐藏（它们通常在顶部汉堡菜单旁边），
 * 它们的类名是 .mobile-nav-chapters。
 */
.mobile-nav-chapters {
    display: none !important;
}
#theme-toggle {
    display: none;
}


/* 仅在屏幕宽度小于或等于 600px 时应用以下规则（移动设备） */
@media (max-width: 600px) {

    /* 隐藏整个侧边栏容器 (div id="menu-bar") */
    #menu-bar {
        display: none !important;
    }

    /* 补充：侧边栏隐藏后，主要内容区域需要扩展以占据整个宽度。
   mdBook 通常通过为 <html> 元素添加 sidebar-hidden 类来实现。
   但直接覆盖内容区域的宽度更可靠，确保它占据 100% 宽度。*/
    #content {
        /* 移除侧边栏留下的左侧边距 */
        margin-left: 0 !important;
    }
}