自定义页面代码（HTML / CSS / JS）
CSS
1.
2.
使用保留的 CSS 变量
--g- 开头的 CSS 变量，用于控制字体、颜色、背景等页面基础样式。这些变量在浅色或深色模式下都具备良好适配性，使用它们可以提升自定义样式的稳定性和可维护性。示例：修改主文本颜色
使用保留的 CSS 类名
.g- 前缀类名，这些类名相对稳定，不容易因 DOM 结构变化而失效。示例：隐藏左侧目录栏
查看页面结构和类名
.g- 开头的类名，这些是平台保留的，结构相对稳定，不容易失效。对于其他结构类名，请谨慎使用，避免产品升级后样式失效。Command + Option + I或fn + F12Ctrl + Shift + I或fn + F12或F12Cmd/Ctrl + F）定位某个类名。JavaScript
<script> 和 <style> 标签。你需要将这些内容改写为纯 JavaScript 实现，例如：❌ 原始写法
✅ 适配后的纯 JS 写法
https://xxx.apifox.cn/ 开头），自定义 JS 将不会被加载执行。load而不是DOMContentLoaded，例如：示例：点击按钮展开/收起 iframe 对话窗口
将代码粘贴到 Apifox 自定义 JS 区域
访问你的自定义域名文档站
右下角会出现一个按钮，点击后弹出对话窗口（iframe）
替换 这里用 Apifox 官网地址来演示： 
iframe.src 为你自己的 AI 服务地址，如：示例：嵌入 Dify 聊天应用
在 Dify 中创建一个应用，应用发布后选择“嵌入网站”，将代码复制下来，并用上文提到的 Prompt 提示词转换成纯 JavaScript 格式。
将转换后的代码粘贴到 Apifox 自定义 JS 区域。
访问你的自定义域名文档站
右下角会出现一个按钮，点击后弹出对话窗口。