复制一行 <script>，页面右上角就多出「AI 助手」：访客可就本页主题提问（走 freem.ai 智能路由 auto），也可提出开发需求；页脚前自动沉淀成 FAQ。样式隔离、可配置、开箱即用 —— 右上角的按钮就是它本人，点一下试试。
接入 freem.ai 智能路由，按问题自动选模型作答，带来源引用，保留多轮上下文。
访客描述想要的功能/页面/接口，进入 Freem Flow 队列；当前按「人工处理」跟进。
每个浏览器保留自己的多轮对话，可切换、可继续追问，无需登录。
问答自动汇成页脚前的 FAQ，最新若干条内联展示，「更多」跳独立分页页。
把下面这行放进页面（一般在 </body> 前即可），把 data-site 换成你的站点标识：
<script src="https://freem.ai/flow-widget.js" data-site="yoursite" defer></script>就这样。按钮会自动插到语言切换按钮（.navbtn）旁边，FAQ 会插到 <footer> 之前。需要微调时，加上下面的可选属性：
| 属性 | 默认 | 说明 |
|---|---|---|
data-site | 必填 | 站点标识（用于隔离会话与 FAQ），如 sport |
data-features | qa,dev | 启用的功能：qa（问答）/ dev（开发），逗号分隔 |
data-anchor | .navbtn | 按钮插入位置（CSS 选择器，插在该元素前）；找不到则右上角浮动 |
data-faq-before | footer | FAQ 区块插入在该元素之前；设为空则不插 |
data-faq | 1 | 是否显示页脚前的 FAQ 区块（0 关闭） |
data-faq-limit | 10 | FAQ 区块显示的最新问答条数 |
data-accent | #4F87ED | 主题色 |
data-lang | 跟随页面 | 强制语言 zh/en（默认跟随宿主 html.zh/.en 或 freem_lang） |
data-label | AI 助手 | 触发按钮文字 |
data-context | main,article,[data-flow-page],.wrap | 用于提取页面正文的 CSS 选择器；长文只生成一次概览并复用 |
data-api | 脚本同源 | 后端 API 根地址（默认取脚本 origin） |
会话与问答存于 freem 侧数据库；token 消耗、回答/开发模型、最近互动与开发工单，统一在 flow 后台查看与配置。开发需求默认进人工队列，可在后台处理。