模型图鉴 · UI KIT v1

依据《少年三国志2》品质图鉴重绘 · 深木 + 描金 + 朱砂／青玉点缀 · 全部为可缩放 SVG

/spine 页面皮肤
10 个切片资源 · 无位图

01 色板 深木底 + 双金线 + 两处点亮色

#2E1710
#4A2717
#6B4022
#F0D197
#D9A85C
#8A5A28
#5C8F57
#B23A2C
#F6E3BC
#120905

02 品质圆钮 金环固定，品质色只进内盘；双字自动缩号

全
全部 · 选中
金
金
橙金
橙金
紫
紫
蓝
蓝
绿
空品质 · 62%

03 绶带 / 铭牌 从卡框上沿垂下

已拥有
未拥有
镇全曹仁 9100140-a

铭牌：金线 + 角钉 + 中心菱形

04 卡框 回纹四角、顶部挂坠

立绘 / 模型缩略
坐姿少女
240×320 · 100% 100% 拉伸

05 条 / 牌匾 / 分隔 横向构件统一金线收边

bar-quality.svg · 1200×92 品质条木托
模型图鉴
plaque.svg · 标题牌匾 divider.svg · 分隔饰线

06 背景板 暖木墙、灯窗、拼缝、颗粒

bg-hall.svg · 1600×1000

立绘 / 模型缩略
坐姿少女
组合示例
corner-ornament.svg

· 全部为 SVG，任意缩放不糊；引用路径 /spine-ui/*.svg，随 public 一起发布。

· 卡框、铭牌、木托用 background-size: 100% 100%；角花、绶带等比缩放。

· 品质色只作用于内盘，金环不换色；空品质 62% 不透明 + 降饱和。

· 层级：牌匾标题（衬线 800）＞ 铭牌名（衬线 700）＞ 模型 ID（等宽 11px）。

· 暗色固定，不随站点明暗主题反转；朱砂红点仅用于「有新内容」。

· 交互：卡牌 hover 上浮 4px + 金色外发光；品质钮选中为实心金盘。