轻提示Toast

保存学习进度：成功与失败的寿命不同

亲手点「保存学习进度」，切在线 / 离线，看成功提示 3 秒倒计时自动消失、失败提示留住带重试；连点触发堆叠上限，关闭或重试单条，观察工作区「上次保存」始终留底。

面板教会的知识点

把刚才操作里看到的现象命名为六条规则。

• 非阻塞：轻提示出现时，工作区的「保存学习进度」仍能连点——它不挡主任务，也不要求用户立刻处理。
• 成功自动消失：成功提示带 3 秒倒计时条，到时从堆叠自动移除；成功是「已完成的确认」，不需要用户操作。
• 失败留住待处理：失败提示没有倒计时，留住直到重试或关闭——自动消失会让用户错过重试，造成「以为存了其实没存」。
• 堆叠有上限：最多 3 条，超出时淘汰最旧那条，避免无限堆积挡住屏幕；右上角计数随时可见。
• 关键信息要留底：「上次保存」镜像常驻工作区，记录结果与时间；Toast 只负责即时反馈，会消失的内容不能是唯一信息来源。
• 可重试与可关闭：失败提示提供「重试」（转为成功并开始倒计时）和「关闭」；所有提示都能被用户主动结束。

什么时候用 Toast

从「要不要立刻处理」判断，而不是看反馈多不多。

怎么用：从触发到留底的最短路径

一次到位的检查顺序。

1. 定寿命：成功加 3 秒自动消失定时器；失败不要定时器，留住直到用户处理。
2. 给语义：成功用 role="status"、失败用 role="alert"；aria-live 让读屏同步获得反馈。
3. 给出口：每条提示可关闭；失败再给重试；堆叠超过上限时明确淘汰最旧，而不是悄悄堆叠。
4. 给留底：关键结果（上次保存、错误原因）同时在页面里持久展示，不只依赖会消失的提示。
5. 给键盘与减动效：提示内按钮可 Tab 到达；倒计时与入栈动画在 prefers-reduced-motion 下静态呈现，不挡阅读。

同一保存：正例与反例

目标都是反馈保存结果。差别只在成功与失败的寿命是否区分，以及关键信息有没有留底。