这是一个测试卡片，验证卷轴卡片组件是否正常渲染。
汉 · 快速上手测试
按照 README 使用方式引入 CSS，测试设计令牌与组件是否正常工作
① 色彩令牌
朱红 500
--han-color-vermilion-500
靛蓝 500
--han-color-indigo-500
金色 500
--han-color-gold-500
浓墨 700
--han-color-ink-700
宣纸 100
--han-color-paper-100
/* 使用示例 */
.title {
color: var(--han-color-vermilion-500);
background: var(--han-color-paper-100);
}
② 字体排版
楷体标题 — 笔走龙蛇
宋体正文 — 横平竖直，结构端庄
Sans 界面文字 — 现代简洁
③ 间距令牌
space-2
space-4
space-6
space-8
④ 组件使用
印章按钮 .han-btn-seal
印章 .han-stamp
汉
印
之印
卷轴卡片 .han-card-scroll
标签 .han-tag
默认标签
朱红标签
金色标签
窗花边框 .han-frame-window
窗花边框测试
验证四角装饰是否正常渲染
⑤ 引入方式
<!-- 复制 assets 后引入完整入口 -->
<link rel="stylesheet" href="/han/fonts.css">
<link rel="stylesheet" href="/han/han.css">