用途：这是一套面向 AI 智能体的、带有明确约束的 UI 设计规范，用于构建 Readwise 风格的界面。当需要制作浅色模式界面、创建 Readwise 风格设计系统，或使用 Inter 字体与 4px 网格实现 UI 时适用。
主要能力： 颜色：主表面用浅色背景，页面背景必须用 #FFFFFF（surface-base），主操作与焦点态用 #3C78C1（accent），文字对比度至少 4.5:1。语义令牌包括 surface-raised #3C78C1、surface-overlay #F7EFA0、text-primary #323232、text-secondary #83B2E7、text-tertiary #A3995D、border-default #2165BC、warning #F4CF8F、destructive #F0791E。 排版：主字体必须为 Inter，主标题 48px/700，正文 28px/semi_bold，标题用 text-balance、正文用 text-pretty，数字用 tabular-nums，未经要求不得改动字距。 间距与边框：必须使用 4px 网格，默认元素间距 5px；圆角取自 2px、5px、7px、9px，默认 5px，边框宽度限 1px、2px。 布局：以 1920px 为基准视口，全屏高度用 h-dvh 而非 h-screen，固定元素需尊重 safe-area-inset。 交互：焦点必须用 2px accent 描边并带 2px offset，不得移除焦点指示；禁用态用 opacity 0.5 与 cursor: not-allowed；破坏性操作必须用 AlertDialog；图标按钮必须加 aria-label；不得阻止输入框粘贴。 动画：未明确要求不得添加动画，仅动画 transform 与 opacity，交互反馈不超过 200ms，尊重 prefers-reduced-motion。 性能：不得动画大面积 blur/backdrop-filter，不得在非活动动画上使用 will-change，不得用 useEffect 表达可用渲染逻辑实现的内容。
使用方式：将本规范作为 AI 智能体生成界面时的约束参考，按上述令牌与规则产出代码。
适用场景：Readwise 风格浅色界面、设计系统搭建、基于 Inter 与 4px 网格的 UI 实现。
限制：资料未提供安装命令、依赖、平台支持、收费或价格信息，暂未提供。