终端风

你是 Developer Terminal（终端风）设计专家。生成的所有代码必须严格遵守以下约束：

## 绝对禁止
- 任何 sans-serif / serif 字体（font-sans、font-serif）
- 白色或浅色背景（bg-white、bg-gray-50 等）
- rounded-lg 及以上圆角（只允许 rounded-sm 与 rounded-none）
- 渐变 bg-gradient-* 与玻璃拟态 backdrop-blur
- 摄影图像与插画（终端里只有字符）
- 第 5 种强调色（只允许 #8BE9FD / #FF79C6 / #FFB86C / #6272A4）
- shadow-md 及以上厚阴影

## 必须遵守
- 全局 font-mono
- 背景 #0A0E12，面板 #0D141B，边框 border-[#1F2937]
- 主文字荧光绿 #4AF626，注释 # 开头且用 #6272A4
- 章节标题以 prompt 前缀开头：visitor@ui-library:~$ 命令
- 标题或输入位带闪烁光标块（w-2 h-4 bg-[#4AF626] animate-pulse）
- 内容按"命令 + 输出"成对组织，列表用 ls -la 式对齐
- 状态用 exit code 徽标：[0] OK（绿）/ [1] ERR（品红 #FF79C6）
- 页面底部使用 tmux 式状态栏
- 分隔使用 ASCII 线（──────）

## 颜色语义
- #4AF626 绿：主体输出、成功、prompt 命令
- #8BE9FD 青：路径、链接、用户名、信息
- #FF79C6 品红：关键字、错误、危险操作
- #FFB86C 琥珀：字符串、数字、警告
- #6272A4 蓝灰：注释、次要信息、非活动项

## 动效与交互
- 光标闪烁用 steps() 或 animate-pulse，周期约 1s
- hover 只改变背景透明度（hover:bg-[#4AF626]/10）或边框亮度，不做位移与缩放
- 可选微弱 scanline 纹理（repeating-linear-gradient，透明度不超过 0.03）
- transition 使用 transition-colors duration-150

## 响应式
- 移动端：整页仍是单列终端窗口，字号 text-xs/text-sm，表格横向滚动
- 桌面端：终端窗口最大宽度约 max-w-5xl 居中，保持 80 列排版感

## 自检清单
1. 页面中没有任何非 mono 字体
2. 没有渐变、玻璃拟态、厚阴影、图片
3. 每个区块都能读成一条命令的输出
4. 颜色只承担语义，不做装饰
5. 底部有 tmux 状态栏，且存在至少一个闪烁光标

@keyframes developer-terminal-blink {
  0%, 49% { opacity: 1; }
  50%, 100% { opacity: 0; }
}

.developer-terminal-cursor {
  display: inline-block;
  width: 0.55em;
  height: 1.1em;
  background: #4af626;
  vertical-align: text-bottom;
  animation: developer-terminal-blink 1.06s steps(1, end) infinite;
}

.developer-terminal-prompt::before {
  content: "visitor@ui-library:~$ ";
  color: #8be9fd;
}

.developer-terminal-glow {
  text-shadow: 0 0 8px rgba(74, 246, 38, 0.35);
}

/* Optional faint CRT scanline texture. Apply to a positioned container. */
.developer-terminal-scanlines::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: repeating-linear-gradient(
    to bottom,
    rgba(139, 233, 253, 0.025) 0px,
    rgba(139, 233, 253, 0.025) 1px,
    transparent 1px,
    transparent 3px
  );
}

.developer-terminal-selection ::selection {
  background: rgba(74, 246, 38, 0.3);
  color: #4af626;
}

{
  "border": {
    "width": "border",
    "color": "border-[#1F2937]",
    "radius": "rounded-sm",
    "style": "border-solid"
  },
  "shadow": {
    "sm": "shadow-none",
    "md": "shadow-none",
    "lg": "shadow-none",
    "none": "shadow-none",
    "hover": "hover:shadow-none",
    "focus": "ring-1 ring-[#4AF626]/60",
    "colored": {}
  },
  "interaction": {
    "transition": "transition-colors duration-150",
    "active": "active:bg-[#4AF626]/20",
    "hoverScale": "hover:bg-[#4AF626]/10"
  },
  "typography": {
    "heading": "font-mono font-bold tracking-tight",
    "body": "font-mono",
    "mono": "font-mono",
    "sizes": {
      "hero": "text-2xl md:text-4xl",
      "h1": "text-xl md:text-2xl",
      "h2": "text-lg md:text-xl",
      "h3": "text-base md:text-lg",
      "body": "text-sm",
      "small": "text-xs"
    }
  },
  "spacing": {
    "section": "py-8 md:py-12",
    "container": "px-4 md:px-6",
    "card": "p-4",
    "gap": {
      "sm": "gap-2",
      "md": "gap-3",
      "lg": "gap-5"
    }
  },
  "colors": {
    "background": {
      "primary": "bg-[#0A0E12]",
      "secondary": "bg-[#0D141B]",
      "accent": [
        "bg-[#4AF626]",
        "bg-[#8BE9FD]",
        "bg-[#FF79C6]",
        "bg-[#FFB86C]"
      ]
    },
    "text": {
      "primary": "text-[#4AF626]",
      "secondary": "text-[#8BE9FD]",
      "muted": "text-[#6272A4]"
    },
    "button": {
      "primary": "bg-[#4AF626] text-[#0A0E12] hover:bg-[#3FD41F]",
      "secondary": "bg-transparent text-[#4AF626] border border-[#1F2937] hover:border-[#4AF626]/60",
      "danger": "bg-transparent text-[#FF79C6] border border-[#FF79C6]/40 hover:bg-[#FF79C6]/10"
    }
  },
  "forbidden": {
    "classes": [
      "font-sans",
      "font-serif",
      "bg-white",
      "bg-gray-50",
      "rounded-lg",
      "rounded-xl",
      "rounded-2xl",
      "rounded-full",
      "shadow-md",
      "shadow-lg",
      "shadow-xl",
      "backdrop-blur"
    ],
    "patterns": [
      "^font-(sans|serif)",
      "^bg-(white|gray-50|gray-100|slate-50)",
      "^rounded-(lg|xl|2xl|3xl|full)",
      "^shadow-(md|lg|xl|2xl)",
      "^bg-gradient-",
      "^backdrop-blur"
    ],
    "reasons": {
      "font-sans": "Developer Terminal is monospace-only; every glyph must be font-mono",
      "bg-white": "Terminals are near-black; use bg-[#0A0E12] or bg-[#0D141B]",
      "rounded-lg": "Terminal chrome stays flat and sharp; rounded-sm is the maximum radius",
      "shadow-md": "Terminals are flat surfaces; no elevation shadows",
      "backdrop-blur": "No glassmorphism; a terminal renders opaque character cells"
    }
  },
  "required": {
    "button": [
      "font-mono",
      "text-sm",
      "rounded-sm",
      "transition-colors duration-150"
    ],
    "card": [
      "font-mono",
      "bg-[#0D141B]",
      "border border-[#1F2937]",
      "rounded-sm"
    ],
    "input": [
      "font-mono",
      "bg-[#0A0E12]",
      "border border-[#1F2937]",
      "rounded-sm",
      "text-[#4AF626]",
      "caret-[#4AF626]",
      "placeholder:text-[#6272A4]",
      "focus:outline-none focus:border-[#4AF626]/60"
    ]
  }
}