侧边栏布局Sidebar

从刚才的操作里提炼

你在实验台上看到的就是侧边栏的核心工作方式。

• 侧栏承载范围、分组和当前项：工作区/分析/管理是范围分组，每个项目是可到达的位置；当前项用aria-current="page" 标识——实验台里 Rausch 标记就跟着它走。
• 主内容独立承载任务：选不同项目，主内容标题与描述切换，但侧栏不随主内容滚动而改变；两个区域有各自的滚动与焦点边界。
• 折叠是视图状态，不是删除导航：折叠侧栏后仍显示当前项摘要；分组收起后当前项也仍在侧栏里，原因可见——折叠只压缩视图。
• 窄屏把侧栏变成抽屉：切到窄屏，侧栏收进可打开/关闭的抽屉；关闭后主内容仍可见，当前项不丢。
• 恢复入口必须可见可达：抽屉关闭后「打开侧栏」出现在工具栏，关闭瞬间焦点回到该按钮；不靠隐藏手势或悬停。