把 Capcat 放进真实场景
下面的场景连接的都是部署在 Cloudflare Workers 上的生产验证服务。点一下复选框，SHA-256 工作量证明会在你的浏览器后台静默完成，按钮随之解锁；点击提交，服务端会真实执行一次 siteverify 校验，并把 API 响应原样回显。也可以完全不显示组件——见下面的无感模式。
01 /
评论与留言
博客、社区、商品评价——垃圾评论机器人靠批量提交存活。把发表按钮锁在验证之后，灌水成本立刻高到不划算。
02 /
账号注册
批量注册和撞库脚本每秒可以尝试成百上千次。每次提交都要先付出真实算力并通过环境校验，脚本的吞吐大幅下降、成本直线上升，而真实用户只是点了一下复选框。
03 /
AI 问答 / 昂贵接口
每次推理调用都是真实成本。让请求先通过验证，脚本刷接口就要为每一次调用付出算力——把滥用的成本抬到不划算，同时不打扰正常用户。
04 /
无感模式
不想让用户看到任何验证组件？程序化模式在你的 JS 里调用 new Cap().solve()，点击业务按钮的瞬间才在后台请求挑战、解题、核销 token——领券、点赞、搜索这类轻操作全程零打扰。
这个场景没有复选框——点击按钮的那一刻才在后台请求挑战并解题，用户只会看到自己的操作完成了。
05 /
样式自适应
加上 data-cap-theme="auto"，组件读取周围页面的字体、配色、边框与圆角，自动长成你站点的样子。下面三种风格里是同一个组件、同一行代码。需要更细的控制时，一整套 --cap-* CSS 变量与 data-cap-i18n-* 文案属性依旧可用，且优先于自动采样。
编辑风
深色
圆润
<cap-widget data-cap-theme="auto"
data-cap-api-endpoint="…"></cap-widget>
/* 需要更细的控制？--cap-* CSS 变量依旧可用，
且优先于自动采样；文案用 data-cap-i18n-* 替换 */本演示启用工作量证明与 instrumentation 环境检测（无头/自动化浏览器会被拦截）；表单内容不会上传，点击提交仅将 cap-token 发送至验证服务，完成一次真实的 siteverify 校验。
接入自己的项目