用途：为界面提供统一的流式排版系统，基于 Utopia 字号阶梯配合容器查询内联单位（cqi），字号随容器宽度自动插值，适用于网页的排版层级搭建。
主要能力： 字体栈：展示字体 --font-display: 'Cinzel', serif 用于标题、导航标签、按钮文字、阶段名称、游戏标题；正文字体 --font-sans: 'Crimson Pro', Georgia, serif 用于正文、表单输入、提示与故事内容。 字号阶梯：--step--2 至 --step-5，最小值基于 320px、最大值基于 1240px，例如 --step-0 为 16px→22.22px，--step-5 为 39.81px→93.65px。 行高：标题 1.1–1.2，正文 1.5–1.6，UI 元素 1.2–1.3，长文 1.6–1.7。 字距：--letter-spacing-tight 到 --letter-spacing-wider 四档。字重：400 正文、600 强调与标签、700 标题与按钮。 还包含强调、链接、键盘提示等文本样式，以及容器查询下的响应式调整。
使用方式：需在祖先元素（该项目在 html 上）设置 container-type: inline-size，cqi 单位才生效。通过如 .body-text { font-size: var(--step-0); font-family: var(--font-sans); } 调用令牌。
适用场景：需要随容器自适应缩放字体、并保持一致排版层级的界面开发。
限制与无障碍：正文最小 --step-0（基础 16px），交互标签最小 --step--1，任何可读文字不得小于 --step--2。应避免固定像素字号、用 vw 设置正文，以及小字号低对比度；小字需保证对比度。资料未提供该技能的安装命令、许可与收费信息。