用途：为项目提供流式排版（字号）与间距（空白）设计令牌，随容器宽度平滑缩放，而非依赖视口断点跳变。
主要能力：基于 Utopia.fyi 生成，配置为最小视口 360px、最大视口 1240px，最小基准字号 18px、最大 20px，比例从 1.2（小三度）到 1.25（大三度）。提供 --step--2 至 --step-5 共 8 级字号令牌（从约 12.5px 到 61px），以及 --space-3xs 至 --space-3xl 共 9 级间距令牌和相邻尺寸的过渡对（如 --space-s-m、--space-l-xl）与自定义对 --space-s-l。所有数值用 clamp() 定义，单位 cqi。
使用方式：https://www.skills.sh/matthewharwood/fantasy-phonics/utopia-fluid-scales 用作参考。字号定义在 css/styles/typography.css，间距在 css/styles/space.css。可直接以 var(--step-0) 等引用；body 已应用字号与行高，标题样式默认未应用，需自行添加 h1 至 h6 映射。示例：.card { padding: var(--space-m); }，.stack { gap: var(--space-s-m); }。
适用场景：需要字号与间距随容器（而非仅视口）自适应的现代 CSS 项目，尤其适合容器查询驱动的组件化布局。
限制：cqi 单位要求父元素设置 container-type: inline-size，否则流式计算可能不按预期工作；资料未说明浏览器兼容兜底方案。标题样式默认缺失，需手动启用。价格、授权与平台支持暂未提供。