面包屑导航 Breadcrumb

顶部一串"首页 / 分类 / 详情"路径，告诉你身在何处、可逐级跳回

（最后一级是当前页：不可点、颜色更淡）

**面包屑导航（Breadcrumb）**是页面顶部那串小字路径：首页 / 分类 / 动效 / 视差滚动。名字来自童话《汉赛尔与格莱特》——沿途撒面包屑标记来路。它回答两个问题：我在哪、怎么一层层退回去。

什么时候用：层级达到三级以上（分类/标签/详情）的内容站、电商、文档站。层级浅的站放了也是占地方；它在移动端常被省略（屏幕窄，靠返回键兜底）。

对 AI 说清楚的三要素：① 最后一级是当前页，不可点、弱化显示；② 分隔符全站统一（/ 或 ›）；③ 层级过深时折叠中间层（首页 / … / 当前页），别让面包屑自己换行。

层级深的页面加面包屑导航（Breadcrumb）：顶部一行"首页 / 分类 /
子分类 / 当前页"路径，上级可点击跳转、以斜杠或箭头分隔；
最后一级是当前页——不可点、颜色更淡；层级超过 4 层折叠中间层
为省略号。