UI Craft — Editorial 是 UI Craft 体系下的一套预置编辑风格，面向杂志、长文、Medium、Substack 等内容密集型界面。其核心主张是：排版承载层级，布局服务阅读体验。
用途 适用于编辑类、内容优先的界面设计，例如杂志式页面、长篇报道、订阅通讯与内容密集型站点。
锁定参数 该风格预先锁定三项参数，在 Discovery 阶段无需再次询问，只需确认强调色与衬线/无衬线搭配：
- CRAFT_LEVEL = 9：编辑排版只有在高完成度下才成立，必须执行 Polish Pass（打磨环节）。
- MOTION_INTENSITY = 4：阅读感知型动效，仅淡入揭示与链接悬停，不使用入场错落。
- VISUAL_DENSITY = 3：宽阅读栏、宽松纵向节奏，特性区每行一项。
主要能力与风格锚点
- 标题使用衬线展示字体，正文使用人文主义无衬线或衬线字体。
- 具备基线网格感，正文行高 leading-relaxed（1.7）。
- 宽阅读栏 max-w-[65ch]，纵向节奏宽松。
- 强调色用于强调——引文、首字下沉、链接下划线——而非装饰。
- 启用 OpenType 特性：小型大写、连字、风格集、表格数字（在相关处）。
- 非对称、文本为主的 hero 区，特色图片较大。
- 动效尊重阅读：仅淡入，绝不把视线拉走。
- 黑色文字、暖色/象牙画布、单一强调色。颜色是一种声音，不是装饰。
基础规则 ../ui-craft/SKILL.md 中的所有规则均适用。本文件覆盖参数默认值，并补充以下风格专属指引。反粗糙（anti-slop）与工艺测试仍完整适用。
风格专属覆盖
排版（核心）
- 展示字体：Playfair Display、Fraunces、Lora 或 Source Serif 4，用于标题与引文。
- 正文字体：Alegreya、Source Sans 3、ITC Charter 或人文主义搭配。不要将 Inter 作为主正文——它读起来像产品 UI，而非编辑内容。
- 最多两个字族：一个展示 + 一个正文。
- 标题：text-wrap: balance，font-optical-sizing: auto，大字号下字距接近 0 或略负。
- 正文：text-wrap: pretty，line-height: 1.7，font-feature-settings: "liga", "kern"。
- 首字下沉：p:first-of-type::first-letter { float: left; font-size: 4.5em; line-height: 0.85; padding: 6px 10px 0 0; font-family: <display>; }。
- 小型大写：font-variant-caps: small-caps，用于章节标签、署名。
- 可选 OpenType：当所选字体支持时使用 font-feature-settings: "ss01", "cv11"。
- 引文：衬线、大字号（1.75-2.25em）、单一强调色、上方短分隔线。
颜色
- 画布：象牙或暖白——oklch(98% 0.01 85)——不是纯 #fff。
- 文字：oklch(18% 0.01 40) 暖近黑。
- 受限调色板：黑、象牙/暖白、一个强调色，仅此而已。
- 强调色应用于：首字下沉、引文、行内链接下划线、章节分隔线。不用于不需要的按钮。
间距与布局
- 阅读栏：正文 max-w-[65ch]；hero 与特色图片可突破至 max-w-5xl。
- 正文纵向节奏：段落间距 = 行高 × 0.6 起。
- 非对称 hero：左对齐展示标题 + 署名 + 下方或偏移的特色图片。
- 章节分隔：居中装饰或短分隔线，而非全宽分割线。
动效
- 仅 hero/特色图片滚动揭示淡入，300-400ms ease-out。
- 行内链接悬停：下划线偏移增加 1px，颜色转为强调色，120ms。
- 无入场错落、无视差、无与阅读流冲突的页面转场。
- 遵循 prefers-reduced-motion——取消所有揭示动效。
内容组件
- 署名：小型大写、tracking-wide、次要文字色。
- 日期 + 阅读时长：tabular-nums，用圆点 · 分隔。
- 行内图片：全宽或突破栏宽，下方配斜体衬线图注。
- 引用块：左侧强调色边框、衬线斜体、max-w-[55ch]。
建议先阅读的参考文件 从 ../ui-craft/references/ 加载：
- typography.md——本风格的主要参考
- layout.md——阅读栏、节奏、层级
- color.md——暖色调色板、强调色纪律
- copy.md——编辑语气、标题、空状态 除非相关，跳过 dashboard.md、sound.md。
本风格的反模式
- 将 Inter、Geist、DM Sans 作为主正文。它们暗示产品 UI，而非编辑内容。
- 三个字族。始终一个展示 + 一个正文。
- 纯 #fff 画布。要加暖。
- 正文使用紧凑 leading-tight。阅读需要 1.6-1.8。
- 彩色引文背景、标题渐变文字、章节分隔线中的 emoji。
- 滚动触发的错落或视差——破坏阅读流。
- 文章使用卡片网格——改用带缩略图与导语的堆叠列表。
- 默认使用无衬线展示标题。若需要无衬线展示，用户可能想要的是 minimal 变体。
- 全大写标题。始终使用句首大写（署名的小型大写是例外）。
- 带厚重胶囊背景的 CTA——优先使用衬线语气中的行内下划线链接。
限制 该技能为预置风格，参数已锁定，不重新询问；仅确认强调色与字体搭配。具体实现细节、平台支持与收费情况暂未提供。