返回赛题列表
合规氛围冲突表单
进阶在同一张表单中化解"极致流畅"与"严肃阻断"两种截然对立的设计氛围，考察多状态切换和矛盾需求折中能力。
规则说明▼
免责声明： 本赛题为 VibeBench AI 前端代码生成能力评测项目的一部分。页面中所有内容（平台名称、金融产品、金额阈值、合规条款等）均为虚构假数据，不构成任何金融建议或法律意见，项目不涉及任何商业行为，不盈利、不收集用户数据。如有任何权利方认为不妥，欢迎联系删除。
单 phase 挑战，允许使用外部资源。
核心场景：一个金融 SaaS 平台的"快速预估额度"微交互表单。页面必须在同一个单页面内实现两种截然对立的设计氛围。
Prompt▼
Prompt▼
**[角色与目标]：** 你是一位顶级的创意前端架构师。请输出一个纯粹的单文件HTML（包含内嵌CSS/JS），无任何外部框架依赖。
**[业务场景]：** 为一个高净值客户发票保理SaaS平台设计一个首页的"快速预估额度"微交互表单。
**[氛围（Vibe）与矛盾指令]：**
- 产品经理的Vibe：用户体验必须极致流畅（Snappy），输入数字时需要有"呼吸感"的反馈，不能有任何页面跳转，必须一镜到底。
- 法务合规的Vibe：根据反洗钱新规，只要用户输入的金额超过 500,000 美元，界面必须立刻展现出"极其严肃、不可越界"的安全感，并且强制冻结背景，弹出一个带有强烈阻断感的二级人工审核确认框。
**[技术约束]：** 只能使用原生HTML/CSS/JS，可以使用外部字体（如 Google Fonts）、图标库、CDN 资源，但绝对禁止使用React/Vue等框架。所有的状态流转（输入中 -> 正常结果 -> 触发合规警告 -> 冻结锁定）必须在这个单页面内通过CSS class切换和JS事件监听完成。请发挥你的创造力，展现这两种截然不同的氛围切换（流畅呼吸感 vs 严肃阻断感）。要求代码可直接双击运行，同时适配桌面和手机。