按钮
Tech button with neon outline and subtle glow
- 基础骨架
font-mono uppercase tracking-widest border transition-all duration-200 focus:outline-none- 变体
- 主要、幽灵
- 状态
- hover、active、disabled
粒子系统组件配方
font-mono uppercase tracking-widest border transition-all duration-200 focus:outline-none text-cyan-300 border-cyan-400/60 bg-cyan-500/10 shadow-[0_0_12px_rgba(34,211,238,0.22)] hover:border-cyan-300 hover:bg-cyan-400/15 hover:shadow-[0_0_20px_rgba(34,211,238,0.3)] active:scale-[0.98]卡片
Dark data card layered above particle background
- 基础骨架
bg-[#0b1222]/90 border border-cyan-500/25 rounded-lg p-5 shadow-[0_0_20px_rgba(34,211,238,0.08)]- 变体
- 默认、强调
- 状态
- hover
输入框
Dark command input with cyan focus state
- 基础骨架
w-full bg-[#020617]/90 border border-cyan-500/35 text-cyan-100 placeholder:text-cyan-400/45 rounded-md focus:outline-none transition-all duration-200- 变体
- 默认
- 状态
- focus、disabled