✦ COMPONENTS · 组件库
博客 UI 组件库
源自 Uiverse.io / galaxy 改造 · 发丝线 · 胶囊 · 冷白粉紫 · 只用 transform/opacity · 尊重 reduced-motion
01按钮 · Buttons
02拨动开关 · Toggle
关
开
03卡片 · Cards
✦ BUILDING
占位卡标题
发丝线框 + 半透明玻璃 + 薄阴影，hover 微上浮。玻璃衬在粉紫光晕上才显通透。
✦ NOTE
内容卡标题
衬线墨字标题 + 灰紫正文，统一博客色板与动效约束。
04复选框 · Checkbox
05单选 · Radio
06输入 · Inputs
07表单 · Forms
08加载 · Loaders
「星芒点亮星图」全站加载动画已接 Base（进站显示、load 后淡出）。
✦
正在点亮星图
09发丝线语言 · 优化小样
A · 现状发丝线（淡 + 框中框）
✦ NOTE
示例标题
淡边框全包、内部元素也套框——框多、边界糊。
B · 无框语言（底色分层）
✦ NOTE
示例标题
彻底去边框，淡底色块 + 微阴影分层，最清爽。
C · 优化发丝线（深 + 内去框）
✦ NOTE
示例标题
外框加深清晰，内部去框改留白 + 细线——清晰又清爽。
10粒子点缀 · 小样
✦✦✦✦
✦ SAMPLE
星芒粒子点缀
克制的星芒微粒缓慢飘散，只用 transform/opacity，尊重 prefers-reduced-motion，不抢内容。