按钮
Restrained dark button with subtle hover
- 基础骨架
font-medium rounded-lg transition-colors duration-200 text-sm- 变体
- 主要、强调、描边
- 状态
- hover、active、disabled
macOS 毛玻璃组件配方
font-medium rounded-lg transition-colors duration-200 text-sm bg-[#3a3a3c] text-white/90 hover:bg-[#48484a] hover:bg-[#48484a] active:opacity-80卡片
Dark panel with 1px border
- 基础骨架
bg-[#2c2c2e] border border-white/8 rounded-xl transition-colors duration-200- 变体
- 默认、表面
- 状态
- hover
输入框
Dark inset input with subtle focus
- 基础骨架
bg-[#1c1c1e] border border-white/10 rounded-lg text-white/90 placeholder-white/30 text-sm transition-colors duration-200- 变体
- 默认
- 状态
- focus、disabled