布局配方

用于 top-nav 和 character/loadout 屏幕的 chrome / layout 原子组件的简短配方。Storybook：Samples~/Storybook（icon-rail、wedge-slider、parallax-stack、app-bar）。

SusIconRail

垂直（默认）或水平的圆形项目类别 / loadout 条带。

Prop	作用
`Items`	`List<RailItem>` —— `Label`、`Value`、`Icon`、`Disabled`
`Model`	已选中的 `Value`（或索引字符串）
`Direction`	`vertical` \| `horizontal`
`OnChanged`	`Action<string>`

根节点布局可能需要消费方的 USS 覆盖：Sharq scoping 会破坏 .sus-icon-rail 上的 self-target，请将不带 scope 的根级规则放在 companion / theme USS 中。

USS 类契约 — 无需改 C# 即可覆盖外观。状态通过这些类切换：

分段式“volume wedge”（上升条形）。沿行点击可设置已填充的分段数量。

辅助方法：Bind(label, filled, segments = 10)。

USS 类契约 — 无需改 C# 即可覆盖外观。状态通过这些类切换：

由指针驱动的分层堆叠：bg → pattern → subject → ui（tips） → chrome。

Prop	作用
`PatternAmp` / `SubjectAmp` / `UiAmp`	视差幅度（px）

构建后调用 EnsureLayers() 以解析出 Bg、Pattern、Subject、Ui、TipHost、Chrome。将子元素添加到这些层中；堆叠会自行处理指针移动与插值（lerp）。

USS 类契约 — 无需改 C# 即可覆盖外观。状态通过这些类切换：

带有 prepend / 默认 / append 插槽的顶部条（在 Prominent 时还可有可选的 extension）。

Prop	作用
`Title`	内容中的标签
`Density`	`default` \| `compact` \| `comfortable`
`Color`	`primary` \| `secondary` \| … \| `surface`
`Flat` / `Absolute` / `Prominent`	视觉 / 位置修饰符

配方： 默认插槽 = SusTabs；append 插槽 = 货币 / 操作用的 SusChip（参见 Storybook 中的 app-bar）。

USS 类契约 — 无需改 C# 即可覆盖外观。状态通过这些类切换：