按钮
Electric-blue pill CTA and a hairline secondary
- 基础骨架
inline-flex items-center gap-1.5 rounded-full font-medium tracking-tight transition-all duration-300 ease-out active:scale-[0.98]- 变体
- 电蓝、面板、文字链接
- 状态
- hover
发布会主题组件配方
inline-flex items-center gap-1.5 rounded-full font-medium tracking-tight transition-all duration-300 ease-out active:scale-[0.98] bg-[#2997FF] text-white hover:bg-[#0071E3]卡片
Elevated dark panel that floats on the black stage
- 基础骨架
bg-[#1D1D1F] rounded-2xl- 变体
- 规格、带框、主图
- 状态
- hover
输入框
Minimal field that reads clearly on the dark stage
- 基础骨架
bg-[#1D1D1F] border border-white/10 rounded-xl px-5 py-3 text-[#F5F5F7] placeholder-[#86868B] focus:outline-none focus:border-[#2997FF] transition-colors duration-300- 变体
- 面板、极简
- 状态
- focus