组件与样式系统演示
本页面用于演示各式主题样式；可从预设配色中选择，或在此基础上微调并确认 IDLM 系统的最终样式。页面仅展示了部分常用组件，其它组件将遵循同一风格体系开发。
说明：粗体与斜体仅用于标准正文排版，不用于标题、按钮等其它类型文本/组件。
注意：为兼顾导出的 HTML 体积与工期，最终交付版本不支持在使用端切换“主题/明暗”。请在本页先选定配色预设与明暗模式作为开发的固定方案。
排版与颜色
主色
次色
成功
警告
错误
按钮
表单与输入
布局与信息
卡片
用于承载内容与交互。
操作成功提示
错误提示信息
标签
通过
待确认
错误
62%
表格（六列等宽）
| 姓名 | 学号 | 班级 | 实验题数 | 正确率 | 用时 |
|---|---|---|---|---|---|
| 张三 | 2025001 | 高一(1)班 | 20 | 95% | 23m |
| 李四 | 2025002 | 高一(1)班 | 20 | 88% | 28m |
| 王五 | 2025003 | 高一(2)班 | 20 | 100% | 19m |
选项卡、折叠、模态
这里是信息内容。
这里是规范内容。
主题令牌以 CSS 变量形式提供统一的色彩与空间体系。