正常态：可编辑、未提交
用户可以继续修改收货信息并提交订单。
结账与收货信息
同一页面展示四种表单状态
本页面同时包含正常态、错误态、禁用态与成功态。所有长姓名、长地址、长公司名和长优惠码都经过响应式处理，手机与桌面宽度下均不会横向滚动、溢出或重叠。
错误态：字段校验失败
展示清晰的错误提示，帮助用户定位需要修正的字段。
禁用态：字段灰显不可编辑
用于订单锁定、库存复核或等待支付通道返回时。
成功态：提交成功确认
展示订单已提交后的确认信息与收货摘要。
订单提交成功。 确认邮件和物流通知将在 10 分钟内发送。
订单号
SOHO-2026-0418-1806
姓名
María Fernanda del Rosario-López
公司名
International Center for Urban Memory and Experimental Interface Design
地址
北京市朝阳区望京街道阜安西路 11 号望京 SOHO T3 B 座 18 层 1806 室
优惠码
SPRING-ARCHIVE-2026-LONG-LONG-CODE
页面使用单文件 HTML、内联 CSS、原生 JavaScript 与内联 SVG 构建；未加载外部图片、字体、图标库、框架、CDN 或 API。