按钮
Cyberpunk neon button with hot pink glow and sharp edges
- 基础骨架
font-mono font-bold uppercase tracking-widest rounded-none border-2 transition-all duration-200- 变体
- 主要、次要、橙色
- 状态
- hover、active、disabled
霓虹东京组件配方
font-mono font-bold uppercase tracking-widest rounded-none border-2 transition-all duration-200 bg-[#ff1493] text-[#0a0a1a] border-[#ff1493] shadow-[0_0_20px_rgba(255,20,147,0.5)] hover:shadow-[0_0_35px_rgba(255,20,147,0.7)] hover:scale-105 hover:tracking-[0.2em] active:scale-[0.96]卡片
Dark cyberpunk panel with neon border accents and sharp corners
- 基础骨架
bg-[#0a0a1a] border border-[#ff1493]/30 rounded-none font-mono text-[#00f0ff]/90 transition-all duration-200- 变体
- 默认、青色
- 状态
- hover
输入框
Dark neon input with glowing cyan focus and monospace font
- 基础骨架
w-full bg-[#0a0a1a] border-2 border-[#ff1493]/30 rounded-none font-mono text-[#00f0ff] placeholder:text-[#ff1493]/30 focus:outline-none transition-all duration-200- 变体
- 默认、橙色
- 状态
- focus、disabled