智能台灯 Lumina
光线随你而变。一盏懂你的台灯，用 AI 算法模拟自然光的变化，让每一刻都有最适合的光线。
为什么选择 Lumina
AI 调光
内置传感器实时感知环境光线，自动调整亮度和色温。
护眼模式
无频闪、低蓝光，通过德国莱茵 TÜV 护眼认证。
语音控制
支持 Siri、小爱同学、Google Assistant 语音指令。
无衬线字体，干净现代，适合正文和标题
衬线字体，古典优雅，适合引文和长篇阅读
等宽字体，适合代码和技术内容
``` | 类名 | 风格 | 适用场景 | |------|------|----------| | `font-sans` | 无衬线 | 正文、标题、按钮（默认） | | `font-serif` | 衬线 | 引用块、文章正文 | | `font-mono` | 等宽 | 代码、技术数据 | ### 自定义字体（v4） 通过 `@theme` 引入自定义字体： ```css @import "tailwindcss"; @theme { --font-display: "Noto Sans SC", sans-serif; --font-body: "Noto Serif SC", serif; } ``` 定义后就能用 `font-display` 和 `font-body` 了。 ## 字号 ### 字号体系 Tailwind 从 `text-xs` 到 `text-9xl` 共 18 级字号： ```html正文（1rem / 16px，默认值）
辅助文字（0.875rem / 14px）
标注文字（0.75rem / 12px）
``` 常用字号速查：  | 类名 | rem | px | 用途 | |------|-----|----|------| | `text-xs` | 0.75rem | 12px | 标签、标注 | | `text-sm` | 0.875rem | 14px | 辅助信息 | | `text-base` | 1rem | 16px | 正文（默认） | | `text-lg` | 1.125rem | 18px | 大号正文 | | `text-xl` | 1.25rem | 20px | 小标题 | | `text-2xl` | 1.5rem | 24px | 二级标题 | | `text-3xl` | 1.875rem | 30px | 一级标题 | | `text-4xl` | 2.25rem | 36px | 页面大标题 | | `text-5xl` | 3rem | 48px | Hero 标题 | > [!tip] 技巧 > 一个页面用 3~4 种字号就够了。比如：标题 `text-3xl`、小节标题 `text-xl`、正文 `text-base`、辅助 `text-sm`。层级太多反而让人眼花。 ## 字重 字重控制文字的粗细，从 `font-thin`（100）到 `font-black`（900）： ```html细体 — 300
常规 — 400，默认
中等 — 500
半粗 — 600
粗体 — 700
特粗 — 800
``` > [!tip] 技巧 > 标题用 `font-bold` 或 `font-semibold`，正文用 `font-normal` 即可。太多不同的字重反而破坏一致性。 ## 对齐 ```html左对齐
居中
右对齐
两端对齐，适合大段文字
``` ## 行高 行高控制文本行之间的距离，影响阅读节奏： ```html紧凑排版，适合标题（line-height: 1.25）
正常行高，默认值（line-height: 1.5）
宽松行高，适合正文阅读（line-height: 1.625）
非常宽松（line-height: 2）
``` 正文建议用 `leading-relaxed` 或 `leading-normal`，行距太密读者容易串行。  ## 文字装饰 ### 下划线和删除线 ```html下划线
删除线
无下划线，常用于去除链接默认下划线
``` ### 装饰线颜色和宽度 ```html 蓝色粗下划线链接 波浪下划线 ``` ### 文字省略 超过容器宽度的文字用省略号截断： ```html这是一段很长的文字，超过容器宽度后会被截断并显示省略号...
``` 多行省略可以用 `line-clamp`： ```html这段文字最多显示两行。超过两行的部分会被截断，并用省略号表示。 第三行及以后的内容都看不见了。
``` `line-clamp-1` 到 `line-clamp-6`，分别表示限制 1 到 6 行。常用于文章列表的摘要显示。 ## 列表样式 ```html光线随你而变。一盏懂你的台灯，用 AI 算法模拟自然光的变化，让每一刻都有最适合的光线。
内置传感器实时感知环境光线，自动调整亮度和色温。
无频闪、低蓝光，通过德国莱茵 TÜV 护眼认证。
支持 Siri、小爱同学、Google Assistant 语音指令。