浏览器原生弹窗的替代方案：用 dialog 元素实现带背景遮罩的模态框

之前维护一个后台管理项目时遇到一个尴尬问题：所有弹窗都靠 window.confirm 和 window.alert 实现，交互生硬，样式完全没法改，移动端体验尤其差。后来想换成自定义模态框，又得处理焦点捕获、ESC 关闭、背景滚动穿透、层叠上下文这一堆细节。其实 HTML 规范里早就提供了 <dialog> 元素，配合 showModal() 就能拿到浏览器原生的模态行为：自动置于顶层、点击遮罩