请做一个可以离线打开的单文件 HTML，演示“清空草稿”确认弹窗，交付实际 index.html，不只给截图或口头说明。

页面范围：
- 页面展示 3 条明确标注为虚构的演示草稿。
- 有“清空演示草稿”按钮和“恢复3条演示草稿”按钮。
- 页面显著注明“本地交互原型，未接真实数据/服务”。
- 所有操作只改变当前页面 DOM；不调用网络、不读写浏览器存储、不操作真实文件或服务。

确认弹窗要求：
- 使用原生 <dialog> 和 showModal()，并用 aria-labelledby、aria-describedby 关联可见标题和说明。
- 选择“取消”作为初始焦点，按钮有清晰的键盘焦点样式。
- Tab 和 Shift+Tab 在弹窗内切换，不能到页面背景上的按钮。
- 取消或按 Escape 时关闭弹窗，保留草稿；确认时才清空页面内的演示列表，并通过 role=status 文字说明结果。
- 弹窗关闭后，将焦点明确返回原来的“清空演示草稿”按钮。该按钮一直保留且不禁用，清空后也能再次打开确认框。
- 每次打开前重置 dialog.returnValue，不能让上一次确认的返回值使后续 Escape 或取消被误判为确认。
- “恢复3条演示草稿”只恢复当前页的三个固定例子。

交付与验收：
- HTML 内联所需 CSS 与脚本，不依赖外部字体、图片、CDN 或其他资源，不放站外链接、域名、二维码、品牌或推广。
- 桌面和手机布局均可阅读，按钮可点；不要把演示做成真实产品的截图。
- 实际打开页面，检查初始 3 条、初始焦点、Tab/Shift+Tab、Escape、取消、确认、再次打开、焦点返回和恢复。
- 若有浏览器工具，报告实际浏览器版本、视口及通过/失败项；若不能运行，就明确列为未运行，不把计划或截图当作交互验收。
- 这只是本地原型，不声称已连接服务、完成真实删除或通过所有平台的可访问性认证。
