侧边抽屉 Side Drawer

点汉堡按钮后菜单从屏幕侧边滑出并推开主内容，移动端导航标配

抽屉内容

主内容区

**侧边抽屉（Side Drawer）**是隐藏在屏幕边缘的导航面板：平时收起，点汉堡按钮（☰）后从侧面滑入，同时把主内容推开或盖上遮罩。它解决的是“功能多但屏幕小”的矛盾——移动端导航的主流方案。

什么时候用：移动端网站和 App 的主导航、筛选面板、设置中心。桌面宽屏上若侧栏长期可见，那就叫“常驻侧边栏”而不是抽屉——抽屉的关键是“按需出现”。

对 AI 说清楚的三要素：① 从哪侧滑出（左为主、右用于通知/购物车）；② 主内容是“被推开”（推挤感）还是“被盖住”（遮罩变暗）；③ 必须支持点遮罩关闭和 Esc 关闭，只进不出是事故。

导航用侧边抽屉（Side Drawer）：点击汉堡按钮，菜单面板
从左侧以 0.35s ease 滑入，同时把主内容区向右推开形成层次；
再次点击滑出复位；点击遮罩层也应关闭。