按钮
Tech HUD button with cyan glow and monospace text
- 基础骨架
font-mono uppercase tracking-widest border transition-all duration-200- 变体
- 主要、幽灵
- 状态
- hover、active、disabled
科幻HUD组件配方
font-mono uppercase tracking-widest border transition-all duration-200 bg-cyan-500/10 text-cyan-400 border-cyan-500/40 shadow-[0_0_12px_rgba(34,211,238,0.2)] hover:bg-cyan-500/20 hover:border-cyan-400/60 active:scale-[0.98]卡片
Dark HUD panel with cyan border glow
- 基础骨架
bg-slate-900/85 border border-cyan-500/25 rounded-lg- 变体
- 默认
- 状态
- hover
输入框
Dark terminal input with cyan focus glow
- 基础骨架
w-full bg-[#020617]/90 border border-cyan-500/35 text-cyan-100 placeholder:text-cyan-400/40 focus:outline-none font-mono rounded-md transition-all duration-200- 变体
- 默认
- 状态
- focus、disabled