把背景线、边框和内容列， 真正对齐到同一套秩序里。
这一轮不再只谈风格，而是把页面的基础秩序校准：背景线不再漂浮，边框不再各说各话，卡片与文本块都回到同一套列宽、间距与边界系统里。然后，再往里增加一组真正值得操作的交互组件。
Statement
精细感，首先来自对齐，其次才是风格。
许多页面第一眼显得“差一点”，并不是因为颜色或字体错了，而是因为线条系统没有被认真处理：背景里的线是背景，卡片边框是卡片边框，文本区是文本区，它们彼此没有参照，自然就显得散。
所以 Spectra Lab 这轮重构，优先把对齐关系收紧：统一页宽、统一纵向节奏、统一卡片边界、统一线条出场方式。只有这样，后面加进去的组件和交互，才不会像“后来又塞了一块东西”。
Selected Works
四个切片，说明这一页如何建立气质。
点击左侧卡片，右侧会切换说明与编号。
Current focus
01
Opening Spread
首页像一本刊物的开篇大跨页：不是堆特效，而是用标题、说明、细线和留白一起建立一眼可感知的秩序。
System
一套足够克制、但能支撑细节的视觉系统。
标题用更有书卷感的衬线中文，正文保持无衬线，以免页面陷入“全都在强调”的疲劳状态。
主色调维持在墨黑、纸白、灰米和暗红之间，确保视觉语言更接近品牌系统，而不是灵感拼贴。
背景线、内容边框、说明条和交互组件全部依附于同一页壳，不再出现互相打架的边界体系。
Components
再加一组真正可以操作的前端交互组件。
切换布局语气、信息密度与材质标记，右侧预览会即时更新。
Layout tone
Airy
Balanced
Dense
Material accent
Editorial notes
Balanced tone
Density 02
Live editorial specimen
A layout that knows where to stop.
这一块不是静态说明，而是一张会随着交互变化的样张：它会根据布局语气、信息密度与材料色点，实时调整状态。
Accent / Oxblood
封面对齐决定第一印象。
Spacing rule
所有主要模块共享统一的竖向节奏，避免 section 间的呼吸不一致。
Border rule
边框只在需要建立层级和材料感时出现，不再无差别包裹所有区域。
Motion rule
交互组件只做提示性运动，不做自我表演型运动。
Closing
当结构、边界与互动开始说同一种语言，页面才会显得真正完整。
这一版的目的不是把元素做得更多，而是让每一个元素都有归属：线条知道为什么在那里，边框知道为何出现，组件知道自己服务于什么。这样页面才不再只是“看起来不错”，而会更接近真正可落地的前端作品。
Spectra Lab / Alignment pass
Built with stricter structure.