MECHANICAL UI / 1.21.1 NEOFORGE

机械动力

黄铜斜角、烧焦木纹、羊皮纸表单与蓝图底稿。像素网格是 2px，所有材质只负责 CSS 画不出来的斜角、铆钉与抖动。

stable 2px grid brass parchment blueprint

Assembly Line 07

BLUEPRINT / KINETIC PRESS

InputBrass Ingot × 4

OutputCogwheel × 1

Stress8.0 SU

Speed32 RPM

蓝图蓝是这套主题的次强调色，只出现在需要“工程底稿”语气的面板上。

Engineer's Note 羊皮纸只给“纸”的角色：说明、提示、tooltip。它不参与面板底色，否则整页会变成一本书。

1024 STRESS UNITS / 可用余量

色板

canvas
#171411

surface
#2e2a24

surface-deep
#1f1b17

brass
#c99a52

brass light
#f4c86a

brass shadow
#704630

parchment
#e5d0b5

blueprint
#2a3863

confirm
#2f8a5c

danger
#a8453a

排版

Heading 1 / 装配线

Heading 2 / 动力系统

Heading 3 / 齿轮组

Heading 4 / 传动轴

正文。Creates 的界面不靠字体家族区分层级，靠字号、黄铜色和留白。按 K 打开动力学面板，或在代码里写 create:mechanical_press。

次要文字：未组装的部件、不可用的配方、被禁用的按钮。

DISPLAY / 1024 SU

按钮

主按钮永远是黄铜；蓝图蓝只做次动作；危险动作是铜红，不是网页红。

徽章、标签、提示

.badge stable stress blocked blueprint

andesite brass copper overheat warning kinetic outlined closable

Success / 装配完成，输出 1 个齿轮。

Warning / 应力接近上限。

Danger / 传动轴被方块阻挡。

Info / 使用扳手调整朝向。

卡片与统计

Kinetics

水车 → 大齿轮 → 传动轴 → 压床。

8 components

Logistics

Frogport 与打包机共享同一套频率。

2 channels

Schematics

蓝图桌会保存每一根传动轴的角度。

.nbt · 42 KB

accent green

accent blueprint

accent brass

plain card

1024STRESS / SU

32SPEED / RPM

48COGWHEELS

控件

开关

Off On Secondary Destructive Disabled

点击非原生开关可以切换演示状态；轨道是 52×28 凹槽，拇指 20×20。

复选与单选

送到打包机送到仓库完成后发出通知保留空桶

原生 input 保留键盘、互斥与禁用行为；勾和圆点由主题自绘，不使用图片。

滑杆

64RPM

0128

.slider-plain 只有滑块，不填充。

.slider-2 是分段轨道，用于档位而不是连续值。

禁用态连 hover 一起冻结。

进度与加减

82%

55%

填充不是纯色块，而是 4px 一组的黄铜斜纹。

64 max stack

顶部加载条只做不定态扫光。

工具条

表单

Line name 显示在工厂仪表与列车时刻表上。

Material

Notes textarea 最小高度 96px，可拖拽调整。

Valid 绿色内环表示校验通过。

Invalid 超出传动上限。

Search

Placeholder

设置行

Auto-assemble 检测到完整配方时自动开始。 On

Rotation speed 滑杆会占满控制列，而不是被挤成一条边。 64

Buffer 输出缓冲的格数。 12

选项组

仅输出成品同时输出副产物保留输入物品

启用传送带启用机械臂锁定频率

数据

表格

部件	应力	转速	状态
Large Cogwheel	8 SU	32 RPM	ok
Mechanical Press	8 SU	32 RPM	ok
Encased Fan	2 SU	16 RPM	slow
Crushing Wheel	16 SU	64 RPM	blocked
Total	34 SU	—	3 running

真实 <table> 自动列宽；表头是黄铜抖动条，列之间是 2px 硬线。

列表与键值

Water Wheelx4
Large Cogwheelx2
Shaftx18
Mechanical Pressx1

Stress1024 / 2048 SU

Speed32 RPM

SourceWater Wheel × 4

OutputCogwheel

OwnerWorkshop / 07

树与步骤

kinetics

cogwheel_large

shaft

belt

belt_connector

logistics

frogport

package

1Design

2Assemble

3Deploy

Page 1 / 4

稀有度

Andesite Alloy Brass Ingot Precision Mechanism Schematic

结构

标签页

互斥按钮组与标签页共用同一个 active 钩子。

菜单与下拉

点击标签展开；短标签不会把 220px 的菜单挤窄，长列表会限高滚动。

折叠面板

动力与应力

应力是网络级预算，不是单台机器的属性。拆掉水车会让整条线停转。

传送带方向

用扳手右键改变方向；潜行右键会拆下整段。

蓝图与放置

蓝图炮需要消耗火药；蓝图桌只负责保存与旋转。

侧栏

sidebar / mask

浮层

模态

modal / brass frame

抽屉

drawer-left / overlay

通知与加载

Assembly complete · 1 cogwheel

toast / 2.6s

loading-mask / cog spinner

提示气泡

tooltip / 四方向

骨架与空状态

No assembly selected

放下一个蓝图桌，或从右侧选择一个已保存的装配方案。

代码与分隔

KINETIC CONFIG

create:mechanical_press
  stress: 8.0 SU
  speed: 32 RPM
  input: create:brass_ingot
  output: create:cogwheel

背包与槽位

物品格

C16

S64

B

C8

A32

P4

真实容器这些是纯视觉格。真实物品要用容器系统的 <slot>，并由服务端 menu(...).bind(...) 打开。

快捷栏

C16

S64

B

W

A8

选中格是 3px 亮黄铜内嵌环，不是白色外发光。

槽位状态

99

聚焦态用 outline 画在内侧；真实槽位仍由容器系统接管放置与堆叠。

蓝图便签

Schematic Tip 在蓝图桌里按住 Ctrl 滚动可以旋转预览；黄铜框上的铆钉不是装饰贴图，而是 9-slice 角落的一部分。