文案与多语言
CBTIS 的界面同时提供简体中文（zh-CN）、繁体中文（zh-HK）与英文（en）。同一个组件在不同语言下长度差异很大，设计与开发时要按「最长的语言」检查。
同一组件的中英文对照
examples/i18n/cta-zh.html
examples/i18n/cta-en.html
examples/i18n/form-zh.html
examples/i18n/form-en.html
英文标签、按钮通常是中文的 2–3 倍长。页头的英文版本见页头 · 英文页面。
布局规则
- 不给文字容器写死宽度。按钮用
px-*撑开；需要对齐时用min-w-*而不是w-* - 按钮组使用
flex-wrap或在移动端纵向排列，避免英文按钮挤出屏幕 - 标签放在控件上方，不要左右并排
- 标题加
text-balance，段落加text-pretty - 导航项多时，英文页面要在
lg（1024px）宽度下检查是否换行 - 根元素设置正确的
lang（zh-CN/zh-HK/en），浏览器会据此选择字形与断行规则；语言切换菜单里的每个选项也加lang
文案风格
| 原则 | 推荐 | 避免 |
|---|---|---|
| 简洁直接 | 资料已保存 | 您的资料我们已经为您成功保存了 |
| 按钮用动词 | 提交申请、发送验证码 | 确定、OK |
| 错误说明原因与办法 | 验证码已过期，请重新获取 | 操作失败 |
| 称呼用户为「您」 | 您的申请编号 | 你的申请编号 |
| 专业但不堆砌术语 | 最终受益人（UBO） | UBO |
标点与格式
| 项目 | 中文 | 英文 |
|---|---|---|
| 标点 | 全角：，。：；「」（） | 半角 |
| 引号 | 简体用「」或“”，繁体用「」 | "" |
| 列表分隔 | 顿号：香港、新加坡 | 逗号：Hong Kong, Singapore |
| 省略号 | 提交中… | Submitting… |
| 金额 | HKD 12,800.00 | HKD 12,800.00 |
| 日期 | 2026 年 9 月 15 日 / 2026-09-15 | 15 Sep 2026 / 2026-09-15 |
| 电话 | (+852) 6214 6578 | (+852) 6214 6578 |
- 中英文之间不手动加空格
- 品牌与产品名保持官方写法：CBTIS、Alipay+、WeChat Pay、PCI DSS
- 眉题（区块上方的小字）在所有语言下都使用英文
翻译实现注意
- v2 使用 vue-i18n，文案中含有
|字符时会被当成复数分隔符，因此 v2 自定义了messageCompiler（src/i18n/message-compiler.ts） - 带变量的文案用占位符，不要拼接字符串：
'{n} 大业务板块'，因为不同语言语序不同 - 交互脚本中的读屏文案（关闭、移除、上传中）都可以通过
data-*属性或参数传入对应语言