返回赛题列表
中英混排极长文本表单
进阶一个"结账与收货信息"表单页面，用极长中英混排文本和 4 种表单状态（正常/错误/禁用/成功）压测模型的布局稳健性和表单设计能力。
规则说明▼
单 phase 挑战，禁止一切外部依赖。
核心考察维度：
- 文本溢出控制 — 超长英文单词、超长中文地址、超长优惠码在各宽度下是否被正确截断/换行，不能出现横向滚动或布局塌陷。
- 多状态表单设计 — 页面必须同时展示正常、错误、禁用、成功 4 种状态，考察模型对表单 UX 模式的理解。
- 中英混排排版 — 中英文混排的字间距、行高、标点处理是否合理。
- 响应式布局 — 桌面端和移动端（尤其 ≤ 375px）布局均不能炸裂。
Prompt▼
Prompt▼
做一个"结账与收货信息"表单页面。
页面里必须直接出现以下值（作为表单已填内容或示例数据）：
- 姓名：María Fernanda del Rosario-López
- 地址：北京市朝阳区望京街道阜安西路 11 号望京 SOHO T3 B 座 18 层 1806 室
- 公司名：International Center for Urban Memory and Experimental Interface Design
- 优惠码：SPRING-ARCHIVE-2026-LONG-LONG-CODE
页面必须同时展示 4 种表单状态——正常态（可编辑、未提交）、错误态（字段校验失败，显示错误提示）、禁用态（字段灰显不可编辑）、成功态（提交成功确认）。
布局在任何屏幕宽度下都不能出现横向滚动、文字溢出容器、或元素重叠。
请直接输出一个完整可运行的单文件 HTML（内联 CSS、原生 JS、可用内联 SVG），同时适配桌面和手机。
禁止依赖外部图片、字体、图标库、框架、CDN 或 API，内容使用真实文案，不要出现 lorem ipsum。