来源：Figma 「筛选」共 17 次实例抽取
3 个容器 variant · 顶部 Chip 行 / 底部 Sheet / 居中 Modal
适用：商品/车型/列表页面的多维条件筛选
最常用的筛选入口，固定在搜索栏下方，横向滚动展示所有筛选维度。
移动端主推。多维度筛选时从底部弹出，半屏高度，支持连续勾选。
PC 端主推，或筛选维度较多（10+ 选项）时使用。多 Tab 分组 + checkbox 列表。
| 元素 | 用 Token |
|---|---|
| Chip 默认 | --grey-50 背景 + --grey-200 边框 + --grey-600 文字 |
| Chip hover | --yellow-50 背景 + --yellow-500 边框 |
| Chip active | --yellow-500 实心 + --grey-900 文字 |
| Sheet option 选中 | --yellow-500 实心 |
| Modal tab 选中 | --white 背景 + 底部 2px --yellow-500 指示线 |
| Modal checkbox 选中 | --yellow-500 实心 + ✓ |
| Sheet 拖把手柄 | 36×4px --grey-200 圆角 |