2. 色彩系统
品牌主色、强调色、功能色与中性色 Token（DESIGN.md §2）。
--ziyit-primary#0078d4 · 主色
--ziyit-primary-dark#005a9e · 主色深
--ziyit-primary-light#e8f3fb · 主色浅底
--ziyit-accent#66e656 · 强调
--ziyit-accent-dark#28a745 · 强调深
--ziyit-info#12b7f5 · 信息
--ziyit-warning#f3a707 · 警告
--ziyit-danger#f25767 · 错误
--ziyit-success#28a745 · 成功
--ziyit-text-primary#333333 · 主文字
--ziyit-text-secondary#666666 · 次要
--ziyit-text-disabled#999999 · 禁用
--ziyit-border#dddddd · 边框
--ziyit-border-light#eeeeee · 浅边
--ziyit-bg#f5f5f5 · 页面背景
--ziyit-bg-hover#f0f7fc · 悬停底
标准品牌渐变（Hero / Banner）：
3. 排版层级
字号 / 行高 / 字重规范（DESIGN.md §3）。
Display · 36px科技 · 创造 · 无限可能
H1 · 28px/700
下载中心
H2 · 22px/600
区块标题示例
H3 · 18px/600
卡片标题示例
正文 · 15px
这是默认正文样式，用于主要内容的阅读与描述，行高保持 1.6 以获得良好可读性。
辅助 · 13px辅助文字：时间戳、说明、元信息示例
小字 · 12px© 2026 ZIYIT STUDIO
4.1 按钮
五种类型 × 三种规格 + 禁用 + 加载态（DESIGN.md §4.1）。
类型：
规格（大号 44px / 默认 36px / 小号 28px）：
禁用与加载态：
4.2-4.4 表单控件
输入框状态、下拉、复选框 / 单选框 / 开关（DESIGN.md §4.2-4.4）。
请输入正确的邮箱地址
校验通过
复选框 / 单选框：
开关（点击 / 键盘 Tab+Space 均可切换；右侧中文文本为功能用途说明，控件内部不含文字）：
功能联动：关闭"自动更新"后，下方输入框自动禁用
4.5 卡片
普通卡片与可点击卡片（DESIGN.md §4.5）。
Release Control
系统工具与 MOD / DLC 下载中心，支持授权验证与自动更新。
人机验证
基于密钥校验的安全验证服务，保护你的应用免受滥用。
ModWiki
Minecraft 模组维基百科（可点击卡片：hover 抬升）。
了解更多 →
4.7 模态框
打开演示：遮罩淡入 + 面板上移淡入；Esc / 遮罩 / 取消关闭（DESIGN.md §4.7）。
4.8 表格
表头 / 斑马纹 / 行悬停 / 操作列（DESIGN.md §4.8）。
| 用户名 | 角色 | 状态 | 注册时间 | 操作 |
|---|---|---|---|---|
| Minecraft_zy227 | VIP | 正常 | 2025-06-12 | |
| ziyit_user | 普通 | 正常 | 2026-01-03 | |
| test_104 | 普通 | 已封禁 | 2026-03-21 |
共 104 条记录
4.10 标签与徽章
VIP / 封禁 / 普通 / 主色标签 与 计数徽章（DESIGN.md §4.10）。
VIP
已封禁
普通
DLC
消息12
4.12 加载指示器
主加载指示器/ 骨架屏 / 按钮加载（DESIGN.md §4.12）。
4.13 空状态
无数据引导，必须提供下一步动作（DESIGN.md §4.13）。
未找到匹配的 MOD
试试更换关键词，或浏览全部 MOD
4.14 主题切换
浅色 / 深色 / 跟随系统（DESIGN.md §4.14）。偏好自动保存至 cookie（key：ziyit-theme，有效期 1 年），刷新后保持；"跟随系统"实时响应系统设置。
当前：浅色模式
实现要点：① 仅交换中性色 token，品牌主色不变；② 深色模式同时修正 code / 表格斑马纹 / 禁用输入框 / 骨架屏等硬编码浅色；③ 监听
prefers-color-scheme，系统切换时"跟随系统"模式自动响应。4.9 Toast 提示
成功 / 错误 / 信息，自动消失，替代 alert()（DESIGN.md §4.9）。
5. 图标系统
线性风格，四档尺寸（DESIGN.md §5）。
16px · 行内
24px · 按钮
32px · 标题
48px · 空态
7. 深度与层级
Elevation 1-3 阴影系统（DESIGN.md §7）。
Elevation 1
卡片默认
卡片默认
Elevation 2
下拉 / 悬浮
下拉 / 悬浮
Elevation 3
模态框
模态框