用途：这是一份前端工程指令，用于生成高度精炼、文档式、类似高端工作台平台的极简界面，主动拒绝通用 SaaS 设计套路。
主要能力与规则：
- 排版：正文与 UI 使用几何或系统无衬线字体（如 SF Pro Display、Geist Sans、Helvetica Neue、Switzer）；主标题与引语使用编辑衬线字体（如 Lyon Text、Newsreader、Playfair Display、Instrument Serif），字距 -0.02em 至 -0.04em，行高 1.1；代码与元数据用等宽字体。正文不用纯黑，用 #111111 或 #2F3437，行高 1.6，次要文字 #787774。
- 配色：画布为纯白 #FFFFFF 或暖白 #F7F6F3 / #FBFBFA；卡片 #FFFFFF 或 #F9F9F8；边框 #EAEAEA 或 rgba(0,0,0,0.06)；点缀仅用低饱和粉彩，如淡红 #FDEBEC（文字 #9F2F2D）、淡蓝 #E1F3FE（#1F6C9F）、淡绿 #EDF3EC（#346538）、淡黄 #FBF3DB（#956400）。
- 组件：便当网格用非对称 CSS Grid，卡片 1px 实线边框、圆角 8px 或 12px、内边距 24–40px；主按钮 #111111 底白字、圆角 4–6px、无阴影，悬停变 #333333 或 scale(0.98)；标签为胶囊形、小号大写宽字距；手风琴仅用底部分隔线；快捷键用 <kbd> 呈现；软件模拟图加白色顶栏与三个浅灰圆点。
- 图标与图像：使用 Phosphor Icons（Bold/Fill）或 Radix UI Icons，统一描边宽度；插画为单色线稿加一块粉彩几何形；照片低饱和暖调，可叠加 0.04 暖色颗粒；无真实素材时可用 https://picsum.photos/seed/{context}/1200/800。
- 动效：滚动进入用 translateY(12px) 加透明度，600ms、cubic-bezier(0.16,1,0.3,1)，用 IntersectionObserver；卡片悬停阴影 0 2px 8px rgba(0,0,0,0.04)；列表错峰延迟 calc(var(--index) * 80ms)；仅动画 transform 与 opacity。
禁用项：Inter、Roboto、Open Sans；Lucide、Feather、Heroicons；Tailwind 默认重阴影；大面积主色背景；渐变、霓虹、3D 玻璃拟态；大容器胶囊圆角；表情符号；John Doe、Acme Corp、Lorem Ipsum 等占位名；Elevate、Seamless 等套话。
执行方式：先建立宏观留白（如 py-24 或 py-32），正文宽度限制在 max-w-4xl 或 max-w-5xl，套用上述字体与单色变量，所有卡片与分隔线遵守 1px #EAEAEA，为主要内容块加滚动进入动画，并让区块通过图像、环境渐变或纹理获得层次。
适用场景：生成 HTML、React、Tailwind、Vue 界面或设计布局时作为风格约束。
限制：资料未提供安装命令、依赖版本、浏览器兼容范围与授权信息，暂未提供。