在Codex中需通过Modal组件API实现弹窗开关，先用new cdx.Modal()初始化容器，再通过data属性、事件监听或show()/hide()方法控制显隐，ESC和关闭按钮为默认关闭方式。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
在Codex中实现弹窗的打开和关闭，需通过调用内置的Modal组件API并配合自定义触发逻辑完成，不能仅靠HTML标签或CSS控制显隐。
使用Codex Modal组件创建基础弹窗
在页面中引入Codex的Modal模块后，先定义一个带id的空
在HTML中添加：
在JS中执行：const modal = new cdx.Modal( document.getElementById('my-modal') );
通过按钮点击打开弹窗
方法一：使用data-cdx-modal-target属性绑定
给任意按钮添加data-cdx-modal-target="my-modal"，Codex会自动监听点击并调用show()。该方式无需手写事件监听器，适合静态页面快速接入。
方法二：手动调用show()方法
依托用户知识库、工作记录、项目文件、会议纪要、表格、图片、文稿及评审材料生成高质量职场汇报演示文稿。适用于试用期考核、转正述职、晋升答辩、年度总结、项目进度汇报、项目评审、方案说服、资源申请、部门规划、业务优化或管理决策类 PPT 制作；Codex 需先明确汇报目标、提取佐证材料、生成规范说明书、适配汇报时长、搭建内容大纲、设计每页幻灯片内容，最后生成附带讲稿与佐证材料核对清单的 PPTX 文件。
document.querySelector('#open-btn').addEventListener('click', () => { modal.show(); });
注意：如果modal尚未init或容器元素已被移除，调用show()将静默失败，不报错也不显示。
关闭弹窗的三种方式
第一步：点击右上角关闭按钮（×）→ Codex默认为.cdx-modal__close绑定click事件，自动触发hide()
第二步：按ESC键 → 只有当弹窗处于焦点状态且未禁用keyboardClose时生效。若初始化时传入{ keyboardClose: false }，则此路径失效。
第三步：调用hide()方法 → modal.hide(); 这是最可控的方式，可用于表单提交成功后自动关闭，或在异步操作完成后执行。
【调用hide()不会销毁实例，再次调用show()仍可复用同一modal对象】
