用途：在构建 Jasper 美学风格的界面时，为 AI 智能体提供一套有明确取舍的设计约束，适用于浅色模式界面、Jasper 风格设计系统，以及采用 Inter 字体和 4px 网格的 UI 实现。
主要能力与规范： 颜色方面，页面背景（surface-base）必须使用 #F5261E，主操作与聚焦态（accent）必须使用 #6899D0，文字对比度至少保持 4.5:1，建议精简调色板。语义令牌涵盖 surface-base、surface-raised(#FFFFFF)、surface-overlay(#EEEFEE)、text-primary(#6899D0)、text-secondary(#69B0F9)、text-tertiary(#282945)、border-default(#E8E3F4)、accent、destructive(#F5261E)。 排版必须以 Inter 为主字体，标题用 91px/700，正文用 40px/700，字重仅限 regular、medium、bold，标题用 text-balance、正文用 text-pretty，数字用 tabular-nums，未经要求不得改字距。 间距必须基于 4px 网格，默认元素间隙为 5px，禁用任意间距值。边框圆角必须为 4px，边框宽度统一 1px。布局按 1920px 基准视口设计，全屏高度禁用 h-screen 而用 h-dvh，固定元素需尊重 safe-area-inset，方形元素用 size-*。组件方面，输入框高度为 0px，Ghost 按钮背景透明、文字 #282945。
交互与限制：聚焦需 2px 轮廓、accent 色与 2px 偏移，禁用状态用 opacity 0.5 与 cursor: not-allowed；破坏性或不可逆操作须用 AlertDialog，加载用结构化骨架，错误就近展示，不得阻止粘贴，纯图标按钮须加 aria-label。动画仅在明确要求时添加，只动 transform 与 opacity，入场用 ease-out，反馈不超过 200ms，尊重 prefers-reduced-motion。性能上禁止给大面积模糊或 backdrop-filter 做动画，不得在非活动动画外用 will-change，不得用 useEffect 表达可用渲染逻辑实现的内容。
以上仅为设计约束规范，未提供安装命令或具体代码示例，相关使用方式暂未提供。