LAB 10FT6
核心页面使用少量固定比例族：1:1、2:3、3:5、5:8。非对称来自比例，而不是随机错位。38.2/61.8 可以作为主页主分割，但不需要迷信黄金分割。
grid-template-columns: 38.2% 61.8%Proportion is repeated logic, not decoration.
SANAA 给网页最重要的启发不是白色，而是允许空间保持未命名状态。每个主要 viewport 至少保留一块连续区域，不被导航、卡片、图片或说明穿过。
避免“每个 component 自己居中”。建立一个 global edge、一个 secondary vertical axis、一个 text baseline，再允许一个偶发偏移。
grid 与 shared alignment lines 优先于独立 flex centering。Typography 必须按功能角色分配，而不是按页面临时发明字号。全站使用固定的 meta、UI、body、section、document title 与 display 层级；字号、字重、行高和 tracking 均由角色决定。
Type hierarchy is a semantic system, not a visual volume contest.
Justified English is allowed only when the measure is wide enough to keep word spacing calm. The default reading width is approximately sixty to sixty-four characters, and may expand toward sixty-eight characters before the design gives up justification.
If a narrow column produces visible rivers or uneven spacing, widen the text block first and enable hyphenation. Do not force a rigid grid at the expense of typography.
中文正文同样采用两端对齐，但不复制英文的字间逻辑。正文保持更宽松的行距，并允许语义段落拥有不同的高度。
页面的工整来自稳定的文字体块、段落节奏和列宽，而不是强迫两种语言拥有完全相同的行数。
段落排版必须先保证阅读质量，再服从网格。英文、中文分别使用自己的列宽与行距；两端对齐只有在文字宽度足以维持稳定间距时才启用。
字体系统必须保持少量且语义明确。Institutional Sans、CJK Sans、Technical Mono、Memo/Document Mono、OCR Registry 与 Math face 各自承担固定职责，不允许以风格变化为理由增加字体。
“淡、细”必须优先通过灰度、opacity 与空间实现。小字号保持完整的 400 字重；只有非关键的大尺寸 display text 才允许使用 300。
Thinness is an optical condition before it is a font-weight value.
字体选择只由内容角色决定。Department、project、campaign 和单一页面不得通过临时 accent font 建立个性；个性必须来自构图、对象、媒体与交互。
Letter Gothic 与 OCR‑B 必须承担不同职责：Letter Gothic 是内部工程 memo 的连续正文声部；OCR‑B 是编号、登记、时间、revision stamp 与短状态的 registry 声部。二者不得互相替代。
canonicalState.commit()Markdown 只描述语义，不直接指定字体。Renderer 必须把 title、H2/H3、paragraph、quote、code、footnote、list 与 directive 映射到固定的 typography role。
** 自动变成 700。Research archive, material studies, collected objects and observations.
不要把 monospace 当成“高级感滤镜”。Sans = institution / public / finished / taxonomy；Mono = process / note / log / draft / annotation。
<main class="institution"> 与 <article class="document"> 形成语义层。大部分结构只允许单边 hairline：border-left、border-top。不要到处用四边 border 把内容框成 component。
主画面保持冷白 / 黑 / 灰。绿色只作为 active state 或 system marker；红、黄只作为注释线。颜色面积长期维持在极小比例。
现有 mark 可以成为整个 LAB 的 primitive。department、project class、publication type、experiment state 都从同一 primitive 派生，而不是各自另做图标。
A system of related anomalies is stronger than a collection of icons.
这套表不是“18 种特效”，而是一套可组合但不可滥用的事件词汇。每个 element 同时规定 trigger、物理幅度、时间尺度与适用对象。选择事件时先判断发生的是信息、方向、状态、拓扑、物件还是边界变化，再选对应 element。
项目图像优先自然比例、完整呈现、较少 crop。图像周围允许不均等的大尺度空白，caption 可以远离对象。
height:auto、natural ratio、低强度 crop。“editions of selves form the universe.”
I launched this series as a testing ground for finding “me”.
fixed foreground / modal / one authoritative message
Manifesto / memo / system message 进入 foreground 时采用 modal <dialog>：位置固定、带 backdrop、一次只呈现一个权威对象。Hard shadow 表示文件被从页面平面中抽离。
fixed / modal；不允许拖拽。Landscape 4:3 is the canonical floating-note format. It preserves a stable reading measure for justified prose while remaining visibly smaller and lighter than a fixed document window.
Longer content stays inside the same outer geometry and scrolls vertically within the note body. Scrollbar chrome remains hidden.
4:3 LANDSCAPE / 288 × 216 / INTERNAL Y-SCROLLUse the same 4:3 format for technical remarks, review comments, guidance fragments, comparative notes, citations and compact code explanations.
Content adapts through internal scrolling; the outer ratio remains an institutional constant.
SAME FORMAT / DIFFERENT CONTENTHTML 应接近内容逻辑：header、nav、main、section、article、dl、dialog。避免无穷套娃的匿名 <div> 和由组件库决定信息结构。
理想状态是用户知道界面有生命，但不会把注意力转移到动画本身。只用 opacity、极小 transform、短距离状态迁移。
prefers-reduced-motion 直接关闭非必要 motion。桌面中的“水平静域”在移动端应转换成“垂直静域”。内容可以改序，但空白不能被压缩掉。
这不是硬数学，而是防止设计不断加码的检查工具。大多数 viewport 中，空白应仍然是最大的视觉成分。
刹寂最终体现为：知道何时停止。
Architecture remains fixed. Only one bounded field acquires vertical time.
它不是 gallery panel，而是一个有限窗口内的纵向连续空间。整个页面维持静止，其中只有被界定的 field 拥有自己的时间轴。
height / min-height:0 / overflow-y:auto / overscroll-behavior:containOpen Field 必须表现为连续空间而非滚动组件。容器 chrome、可见 scrollbar 与 card 边界全部隐藏；尺度反馈使用坐标、序号或 taxonomy。
01 / 15 坐标，而不是轨道。The field provides the boundary; objects inside it need no cards.
这里滚动本身就是索引行为。编号、年份、类型承担定位，不需要 thumbnail card。它是整个系统里最偏 MIT information design 的一支。
对象尺度、左右位置和间距可以不一致，但仍服从少量不可见轴线。滚动像向一个很深的陈列柜内部继续观察，而不是连续消费等尺寸缩略图。
“Editions of selves form the universe.”
— Shōbōgenzō
The field may expand while the institutional frame remains still.
“排列吾身，终成尽界。”
— 道元
内容的运动不要求整个页面同时运动。
首页必须保持 institutional infrastructure 与 movable field 的分工：Header、identity 与 statement 构成稳定基准；symbol/object field 独立滚动并持续扩张。
<gallery-grid> 内部逻辑，在外层用 bounded viewport 控制高度与滚动。不是“左边 gallery / 右边介绍”，而是 movable field against a fixed conceptual datum.
In an age where selves shift with ease and all things lure, learning to rest the mind in the present is essential. The measure remains narrow enough to preserve quiet lateral space.
A new paragraph begins by semantic necessity, not because the grid asks to be filled.
在人能轻易化形为万物，而万物皆可魅惑人的时代，让本心安坐当下，是我们自我实现道路上的必修课。段落宽度应保留足够的侧向空白。
新的段落只因语义需要而开始，而不是为了把网格填满。
英文和中文不能用完全相同的 line-height 与行长。视觉上的“等价”来自相近的阅读重量，而不是相同 CSS 数值。
line-height:1.42–1.55。line-height:1.60–1.78。Equal status does not require identical metrics.
“Editions of selves form the universe.”
“排列吾身，终成尽界。”
The universe is only as large as our perception of it. When we cultivate our awareness, we are expanding universe. This expands the scope, not just of the material at our disposal to create from, but of the life we get to live.
宇宙的广阔，取决于我们的认知。当我们拓展意识，便是在拓展宇宙。这不仅扩展了我们可用以创造的素材，更拓展了我们得以体验的人生。
每一对翻译共享一个 section row：两边段首对齐，但各自独立换行。较短语言自然留下 void；不要通过改字号、压 leading 或补空行把两边底部强行拉齐。
<br> 人工同步高度。p[lang] 独立排版。“Editions of selves form the universe.”
“排列吾身，终成尽界。”
In an age where selves shift with ease and all things lure, learning to rest the mind in the present is essential. The prose remains visually quiet beneath the quotation.
在人能轻易化形为万物，而万物皆可魅惑人的时代，让本心安坐当下，是我们自我实现道路上的必修课。正文在引文之后降低视觉声量。
英文斜体是自然的引文手段；中文不要为了“视觉一致”使用 faux italic。两个语言保持相同的信息等级，但允许采用各自最自然的字体行为。
桌面上的横向 pair 在窄屏改成纵向 pair。正确顺序是 EN₁ → 中文₁ → EN₂ → 中文₂；如果先排完全部英文再排全部中文，读者会失去段落映射。
Preserve translation proximity, not desktop geometry.
SSENSE reference 只用于对象列表与对象详情的空间组织。不得引入其 commerce skin、editorial 气质、sale aesthetics 或首页构图。
列表页不做 card。图片、标题、编号直接落在共同网格里；对象之间的秩序来自 column、baseline 与重复的 metadata 结构，而不是圆角、边框或阴影。
详情页不采用常规 “image | everything else” 二栏。中心对象形成稳定重力轴；左侧承担 identity 与 knowledge，右侧承担 state 与 operation。
A secular triptych: knowledge — object — operation.
先决定信息在哪里，再决定它多大。中心位置、留白范围和轴线关系已经足以建立主次时，就不要再用巨型字号、粗体或颜色重复宣告层级。
当背景条件允许时，让媒体背景与 page paper 融合；使用 contain 而非 aggressive crop。对象不应该被一个明显的照片矩形框住。Hover specimen 只用于展示原本隐藏的 image bounds。
object-fit:contain，透明或 paper-matched background。The index carries only enough information to identify the object. Detail appears only after entering the object page.
INDEX 只承担识别；OBJECT 页面再展开材料、工艺、revision、description、source。这样高密度 archive 不会因为每个 thumbnail 都携带完整属性而变得嘈杂。
Department、Type、Year 直接成为排版内容。Active state 只需要 underline 或极少量 signal color；不要 dropdown forest、pill、checkbox container、price-slider 式商业控制面板。
LAB 的整体画面继续低重量。黑色矩形不是装饰，也不是每个按钮的默认皮肤；它只代表 commit / enter / execute，因此一个 object page 通常最多出现一个 dominant operation。
“TYPE Prototype / 原型”这类短 metadata 不需要占两列；它应压缩成同一信息单位。只有 description、research note、interpretation 等长文本才恢复 EN / 中文平行段落。
重大作品、小型实验、研究碎片进入同一 grid、同一 metadata grammar、同一 media logic。系统不因为“重要项目”就突然切换成巨型 hero、特殊背景或更华丽的 typography。
Institutional neutrality protects object sovereignty.
KURA 补充“如何凝视物”，Altroom 补充“如何进入空间”。二者都必须服从 LAB 已有的 institutional frame：3D、reel、video 不接管页面身份，只增加观察深度。
The medium deepens observation; it does not become the subject.
对象页的标准序列由六种认知任务组成：整体存在、比例轴向、另一面、材料、运动、主动检查。不是每个项目都必须拥有六项，但重复角度没有价值。
这一条防止 object page 最终滑向 full-bleed luxury advertising。对象达到适当视觉尺度后应停止增长，让宽屏继续扩张周围的 white field。
width:min(52vw,720px) 一类有限上界。Object Grid 默认全部是 still。只有一个被选择的对象可以获得时间；reel、autoplay video、animated model 不应同时竞争。时间本身也是视觉重量。
Space Page 使用约 1 / 5 / 1 的中心媒体场。首屏仍是一张被作者选择的建筑摄影式 frame；不是一打开页面就 full-screen WebGL。当前 preview 中 #39 的 ENTER SPACE 故意跳转并激活 #40：#39 表示进入前的静态 Space Plate，#40 表示同一空间在用户明确意图之后进入 Depth-on-Demand 状态。这是一个连续 linked-demo，而不是两个无关页面。
ENTER SPACE 是明确的状态转换。这个 specimen 用纯 HTML/CSS 模拟 mode change。实际实现时，poster 状态不 mount WebGL；点击 ENTER SPACE 后才加载或激活 R3F / Three viewer。
空间首先由 3–5 个经过构图的 camera anchor 建立。每个位置允许有限 look；只有 circulation 本身是项目内容时，才额外提供 EXPLORE 自由漫游。
技术结构应与视觉哲学一致：网站默认静止；需要活动的区域才获得 JavaScript。对象 grid、文章、双语内容和大多数页面不应因为少数 3D viewer 而成为整站 React application。
title, bilingual metadata, dimensions, poster placeholder.
WEBGL = 0responsive image or video poster enters the visible media field.
WEBGL = 0idle / hover / focus may begin GLB fetch without mounting the canvas.
CANVAS = 0mount the R3F canvas, activate controls, then render only when needed.
USER INTENT主页与 grid 不允许存在一排 3D canvas。用户必须先看到稳定、快速的 institutional page；只有在明确靠近模型时，网络和 GPU 才开始承担更深的媒体成本。
Depth is earned progressively.
不要把 offline renderer 的场景直接 export 给浏览器。Web Scene 要主动减少 geometry、draw calls、材质数量和纹理显存，并在 build/publish 阶段自动压缩 GLB。
所有 3D、视频和高分辨率资产必须先满足性能预算再进入页面。功能存在本身不构成加载理由；每一层媒体都必须证明其观察价值高于网络与 GPU 成本。
Blender、BlenderKit、Kling AI 可以同时服务制作流程，但网站必须知道每种输出的证据等级。静态摄影与 GLB 记录对象；AI motion 可以解释氛围或动作，但不能成为几何真实性的来源。
The orchestration layer owns decomposition, dependency ordering and state reconciliation. Figure 03 is placed in the marginal field at the same vertical coordinate as the paragraph that first calls for it.
The canonical state remains immutable until verification completes.1 A footnote or revision note appears beside the paragraph whose claim it qualifies rather than collecting into an unrelated sidebar block.
边注、figure、footnote 与 revision note 必须和触发它们的正文共享纵向语义锚点。Marginal field 不是独立 sidebar，不允许把证据集中堆放到固定顶部。
The orchestration layer owns decomposition, dependency ordering and state reconciliation. Worker processes are deliberately narrower, so the page can remain structurally dense without becoming visually heavy.
The reading column is justified and held to a consistent measure. The margin is identified by distance and vertical correspondence rather than by a permanent dividing line.
单语知识页不再使用 column divider。导航、正文与边注通过不同的 text measure、起始位置和 column gap 自动形成区分。
The worker state is reconciled only after verification completes. The orchestration layer therefore preserves the canonical state until the auditor returns a valid result.
Worker 的状态只在验证完成后进入协调。因而在 Auditor 返回有效结果之前，编排层持续保持 canonical state，不提前提交中间状态。
The shared diagram sits between semantic pairs rather than belonging to either language. Language-specific images remain inside the language column that owns them.
共享图像置于两个语义段落组之间，同时跨越中英文两栏，而不归属于任何一侧。只有语言专属的截图或注释图才留在对应语言栏内部。
这解决图片“属于哪种语言”的问题：共享 figure 作为第三种共同语言，横跨两栏并插在两个 semantic pair 之间。两种语言仍按段落对齐，不需要围绕图片硬凑相同行数。
Architecture & implementation guidance for orchestration, execution and verification. A structured reference intended for continuous revision rather than campaign-style presentation.
Knowledge document 的权威感必须来自编号、状态、版本、日期、比例和留白。标题只承担命名，不承担 hero 宣告。
The orchestration layer owns task decomposition and state reconciliation. The first natural paragraph is allowed to end wherever its language requires.
A second paragraph continues naturally. It does not need to share its top edge or bottom edge with the second Chinese paragraph.
编排层负责任务分解与状态协调。篇章开始位置必须与英文篇章共享同一顶对齐锚点，但自然段的行数与结束位置不要求一致。
篇章内部的第二、第三自然段按照中文自身的节奏继续流动，不进行逐段强制对齐，也不为了追求同高而压缩行距或改写译文。
At the beginning of the next semantic section, both languages reset to a shared top coordinate. Alignment therefore happens at chapter/section boundaries, not at every paragraph.
进入下一篇章时，中英文重新建立新的共同顶坐标。由此得到“篇章级对齐、篇章内自然流”的双层制度。
双语长文采用两级结构。一级是 Section Pair：每个篇章或语义章节的起点必须中英顶对齐。二级是 Natural Paragraph Flow：篇章内部的自然段独立排版，不做逐段顶对齐，也不强制等高。
Each Markdown H2 becomes a section object with an index, anchor and spacing rule. The title remains compact enough to stay in the same tonal family as the body, while the paragraph width broadens slightly so justified English does not become over-compressed.
The renderer owns the layout wrappers. Authors write headings and paragraphs; the build turns them into a stable structure with a predictable measure, section gap and on-this-page reference.
H1 comes from metadata. H2 and H3 carry almost the full authored hierarchy. When a title becomes too long or too nested, that usually means the document should split into a new page instead.
Section title 必须明显高于 body，但保持同一冷静尺度。英文正文若采用两端对齐，列宽必须足够；无法维持自然词距时优先扩栏或改为左对齐。
这些图示的重点不是抽象线条，而是说明图像在页面里和正文、边注、宽幅空间之间的关系。图可以小，可以大，但它必须先被归类为 inline、margin、spread、compare、sequence 或 media 之一，之后才谈具体内容。
The canonical state remains immutable until verification completes.1 This allows parallel workers to operate without silently changing the reference state.
When a worker returns a candidate result, the auditor evaluates the output against the acceptance criteria. Only a valid result advances the document state.2
不允许 RELATED / SHARE / RECENT ARTICLES。边注是正文的一部分，不是网站运营区域。
NOTE、RULE、EXAMPLE 与 CAUTION 必须使用同一左边界、label 宽度与正文列宽。它们只通过语义、rule 强度和极少量 signal 区分。
| TYPE | RESPONSIBILITY | STATE |
|---|---|---|
| ORCHESTRATOR | decomposition / reconciliation | persistent |
| WORKER | bounded execution | ephemeral |
| AUDITOR | verification | ephemeral |
export const verify = async (candidate) => { const result = await auditor.check(candidate) return result.valid ? "commit" : "reject" }
Code block 不切换 dark editor，也不引入彩色 syntax theme。Keyword、string、function 只通过黑—灰的明度、字重与 opacity 建立差异。
版式制度保持一致，只根据 frontmatter type 调整 section rhythm、导航权重和 semantic component 密度。
## 03. Execution Architecture Normal paragraph with **strong term**. - bounded worker - canonical state > Actual quotation. `inline code` [reference](../verification) [^1]: Citation note.
<div style="margin-left:42px;
color:red">
<font size="18">
<br><br><br>
<table width="85%">
<script>...普通知识文档使用 `.md`。只有真正需要嵌入特殊交互实现时才允许 `.mdx` 作为 escape hatch。
:::figure{#fig-03 mode="margin"
src="/media/orchestrator.svg"}
Orchestrator execution hierarchy.
:::
Think of a directive as a short authoring shortcut. You do not hand-build HTML wrappers; you simply tell the system what this block is.
This directive means: “place an image here, number it, style its caption and align it to the right place in the document.”
Instead of manually drawing lines and labels, you mark the paragraph as a rule and the renderer formats it consistently.
A pair groups the English paragraph and the Chinese paragraph so they travel together and can be validated together.
The document does not need to know viewer code. It only says “this block is a model,” and the site mounts the right media component.
Directive 必须让非前端作者也能直接理解。作者只标记“这是什么内容”，renderer 负责生成 component、布局、编号与视觉样式。
真正模板化发生在 AST / component mapping 层，而不是用 regex 替换 Markdown 字符串。这样 TOC、figure numbering、双语 pair、citations 和 layout 都可以在 build time 被验证。
--- id: G-014 title: IEF Agentic System type: guidance department: atelier status: stable version: 0.6.2 updated: 2026-08-07 language: bilingual toc_depth: 3 related: - G-009 - W-021 ---
Astro Content Collections 应在 build time 校验这些字段并提供 typed content。Document ID、status、language、type 都成为 institutional system 的一部分。
Agent 自动维护 Wiki、开发日志或 whitepaper 时，lint 会阻止它绕开模板。输出来源可以不同，最终 HTML 的制度必须相同。
The renderer owns appearance; the author owns meaning.
先决定 mass / void / axis / orientation，再决定组件。每一个视图最多允许两个 dominant masses；至少保留一个 reserve void； orientation 应明确服从阅读轴或空间轴，而不是让体块朝向互相打架。
坐标轴、刻度、单位、基准线和注释必须清楚。默认用灰度、线型、点型和 small multiples 建立差异；只有在必须强调单一异常点时，才允许信号色进入图表。
Inline math 维持段落节奏；display equation 用独立行和可选编号承载关键式；推导步骤则以成组纵向对齐呈现。公式字体可以带轻微衬线气质，但行间规则必须和整站一样克制。
flowchart LR A[Goal Intake] B[Task Decompose] C[Worker Execute] A --> B --> C
写 Mermaid 的目的是快速表达节点和关系。最终渲染时，应统一替换默认颜色、圆角、阴影和字体，让它回到 LAB 的 institutional syntax：灰度、hairline、短标签和清晰的方向性。
项目时间线必须以时间坐标、事件记录与证据三列组织。不得使用装饰性的竖线圆点路线图；chronology 本身就是空间结构。
Milestone、Development Ledger 与 Session Trace 必须按时间尺度采用不同信息密度，但共享相同的时间坐标、事件类型与证据语法。
| Registry / Micro | 9px |
| Meta | 10px |
| UI / Caption | 11px |
| Body | 13px |
| Section | 15px |
| Document | 20px |
| Registry / Micro | 9px |
| Meta | 10px |
| UI / Caption | 11px |
| Body | 13px |
| Section | 15px |
| Document | 20px |
| Registry / Micro | 10px |
| Meta | 11px |
| UI / Caption | 12px |
| Body | 14px |
| Section | 16.5px |
| Document | 22px |