按钮
Technical blueprint button with white outlines on blue background
- 基础骨架
font-mono font-medium uppercase tracking-wider rounded-none border transition-all duration-200- 变体
- 主要、次要、强调
- 状态
- hover、active、disabled
工程蓝图组件配方
font-mono font-medium uppercase tracking-wider rounded-none border transition-all duration-200 bg-[#1e3a5f] text-white border-white/80 shadow-[0_0_0_1px_rgba(255,255,255,0.2)] hover:border-white hover:shadow-[0_0_12px_rgba(255,255,255,0.2)] active:scale-[0.97]卡片
Blueprint panel with grid-like border and technical drawing aesthetic
- 基础骨架
bg-[#1e3a5f]/90 border border-white/30 rounded-none font-mono text-white/90 transition-all duration-200- 变体
- 默认、虚线
- 状态
- hover
输入框
Blueprint-style input with white border and monospace font on blue
- 基础骨架
w-full bg-[#1e3a5f]/60 border border-white/40 rounded-none font-mono text-white placeholder:text-[#4a90d9]/60 focus:outline-none transition-all duration-200- 变体
- 默认
- 状态
- focus、disabled