沉静的密集界面

中性色不是纯灰——整条色阶都带一点色偏，和纸感底色同源：云杉偏绿，华云偏暖红。品牌色 500 为主色，云杉 Moss。

界面 DM Sans + 苹方；数据与代码 IBM Plex Mono（等宽数字）；教学正文思源宋体——只在文档画布里出现，因为教案是读物不是界面。

4px 基准栅格。圆角比原型收紧一档，密集数据需要更硬的边界。阴影带品牌色相的偏移，不用纯黑。

侧边栏 260px、顶栏 60px、内容区 24px 内边距——取自 DashStack 与 ByeWind 的收敛值。下面是可交互的活体骨架。

这是原来的最大窟窿——18 个组件里 16 个原型没有。控件统一 36px 高、8px 圆角、聚焦时 4px 品牌色光环。

Figma 上这一类的热门件全是 chatbox，与产品哲学冲突，所以整类自定义。共同约定：AI 产出一律带依据，一律给采纳 / 略过两个出口，一律紧贴它要改的那个对象。

决定界面素不素的一层。四种叠法都垫在内容之下，永不参与信息表达——它们只负责让大片底色不再是一块塑料。参数写死在 token 里，不许目测。

上面四块是刻意做大的：渐变的正确用法是焦点落在容器外面，你只该看见衰减、看不见那个「球」。所以块越小越看不出来——这也正是它对的表现。

我们的产品哲学是把 AI 嵌进工作对象，不堆 Chatbox。但规格不能缺——总有对话确实是最优解的场合（开放式追问、跨对象的检索）。所以它建全，但默认贴边停靠，不做浮窗、不抢主区。

class: 八(3) · assignment: 读后感 · filter: rubric.structure < 7
→ 7 rows

这一类没有「长相」，但少了它，前面 140 多个组件会各做各的。状态矩阵和动效 token 是 P0：它们是让系统保持一致的东西。

通用后台没有、但普教一定会用到的一族。它们复用前面所有的 token 与原子件，不另起炉灶。

系统立不立得住，看的是把组件拼成真页面之后还成不成立。下面两屏全部由上面的组件搭成，没有一行专用样式。