safari（v17.6）要求必须为直接子元素才渲染backdrop，否则遮罩失效、esc无响应；需用showmodal()/close()控制，避免open属性操作，并补全aria-labelledby、autofocus、inert三要素。
dialog必须作为body直接子元素，否则Safari backdrop不渲染
这不是样式问题，是浏览器解析规则：Safari（截至v17.6）只认<dialog></dialog>是的直接子节点时，才会生成并渲染dialog::backdrop。嵌套在<div id="app">或<code><main></main>里，遮罩层直接消失，用户点击空白处无响应，键盘Esc也无效。
实操建议：
anything-to-html
下载
将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML，替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度，HTML 能同时承载排版、表格、SVG 等。
- 把所有
<dialog></dialog>标签写在前、
