徽章 Badge

徽章 负责用短文本、状态色或数量提示当前事实，让用户在不打开详情时也能判断状态。

• 先确认用户是在阅读、比较、筛选还是继续操作，再选择对应的内容结构。

徽章的判断依据不是外观，而是用户正在阅读、比较、筛选或继续操作的关系。[[列表|list]只在语义边界符合时替代它。

• 先确认用户是在阅读、比较、筛选还是继续操作，再选择对应的内容结构。

组成部分来自真实 DOM：对象上下文、状态区域、徽章本体。标注只帮助定位结构，不复制一套新的内容。

• 先确认用户是在阅读、比较、筛选还是继续操作，再选择对应的内容结构。

区分状态徽章、提醒徽章和数量徽章。

• 先确认用户是在阅读、比较、筛选还是继续操作，再选择对应的内容结构。

徽章只更新它负责的事实提示，不应替换整个对象。

• 先确认用户是在阅读、比较、筛选还是继续操作，再选择对应的内容结构。

短文本或数量足以让用户先判断事实。

• 先确认用户是在阅读、比较、筛选还是继续操作，再选择对应的内容结构。

请用徽章实现消息入口旁需要显示未读数量，订单标题旁需要提示当前处理状态。，先说明内容关系、可观察结果和窄屏策略；不要用相邻结构替代它，也不要添加没有语义责任的装饰。