midnight command universal

# Style Pack: Midnight Command (Universal)
# 来源: UNIVERSAL_DESIGN.md Style Pack 3
# 适用: 开发者基础设施、API 工具、网络安全、自动化、AI 代理、技术指挥中心
# 情绪: 黑暗、精确、技术性、活跃但不嘈杂
# 主题: 暗色 (Dark)

---
## 配色 Token (Colors)
---

--bg: #0D1117
--bg-raised: #151A22
--bg-elevated: #1B2230
--fg: #F0F6FC
--fg-secondary: #9198A1
--fg-muted: #6E7681
--border: #283041
--border-strong: #384152
--accent: #8DD6FF
--accent-hover: #A3E0FF
--accent-fg: #08111A
--accent-soft: rgba(141,214,255,0.1)
--accent-glow: rgba(141,214,255,0.18)
--success: #3FB950
--warning: #D29922
--danger: #F85149

---
## 字体 (Typography)
---

--font-display: "Geist", "Satoshi", system-ui, sans-serif
--font-size-display: clamp(2.75rem, 5.5vw, 5rem)
--font-weight-display: 650
--line-height-display: 0.95
--letter-spacing-display: -0.04em

--font-size-h1: clamp(2.25rem, 4vw, 3.5rem)
--font-weight-h1: 650
--line-height-h1: 0.98

--font-sans: "Geist", system-ui, sans-serif
--font-size-body: 0.938rem
--font-weight-body: 400
--line-height-body: 1.6

--font-mono: "JetBrains Mono", "Geist Mono", "IBM Plex Mono", monospace
--font-size-mono: 0.813rem
--font-weight-mono: 500
--line-height-mono: 1.4

---
## 圆角 (Border Radius)
---

--radius-none: 0px
--radius-sm: 4px
--radius-md: 8px
--radius-lg: 12px
--radius-xl: 18px
--radius-full: 999px

---
## 间距 (Spacing)
---

--space-xs: 4px
--space-sm: 8px
--space-md: 16px
--space-lg: 24px
--space-xl: 40px
--space-section: 96px

---
## 阴影 (Shadows)
---

--shadow-none: none
--shadow-glow-sm: 0 0 8px rgba(141,214,255,0.06)
--shadow-glow-md: 0 0 16px rgba(141,214,255,0.1)

---
## 布局 (Layout)
---

--max-width-desktop: 1280px
--content-padding-desktop: 48px
--content-padding-tablet: 32px
--content-padding-mobile: 20px
--nav-height-desktop: 64px
--nav-height-mobile: 52px
--section-gap-desktop: 80px
--section-gap-mobile: 56px

---
## 组件规格 (Component Tokens)
---

# 主按钮 (Primary Button) — 冰蓝实心或轮廓
--btn-primary-bg: var(--accent)
--btn-primary-fg: var(--accent-fg)
--btn-primary-hover-bg: var(--accent-hover)
--btn-primary-radius: var(--radius-md)
--btn-primary-padding-x: 18px
--btn-primary-padding-y: 10px
--btn-primary-font-weight: 600
--btn-primary-glow: var(--shadow-glow-sm)

# 次按钮 (Secondary Button) — 暗面+冰蓝边框
--btn-secondary-bg: var(--bg-raised)
--btn-secondary-fg: var(--fg)
--btn-secondary-border: var(--border-strong)
--btn-secondary-hover-bg: var(--bg-elevated)
--btn-secondary-radius: var(--radius-md)

# 卡片 (Card)
--card-bg: var(--bg-raised)
--card-fg: var(--fg)
--card-border: var(--border)
--card-radius: var(--radius-lg)
--card-padding: 20px
--card-shadow: none

# 代码块 (Code Block) — 真实代码
--code-bg: var(--bg)
--code-fg: var(--fg-secondary)
--code-border: var(--border)
--code-radius: var(--radius-sm)
--code-padding: 14px
--code-font: var(--font-mono)

# 输入框 (Input)
--input-bg: var(--bg-raised)
--input-fg: var(--fg)
--input-border: var(--border-strong)
--input-radius: var(--radius-sm)
--input-padding-x: 12px
--input-padding-y: 10px
--input-focus-ring: 0 0 0 2px var(--accent-glow)
--input-height: 42px

# 指标卡 (Metric Card)
--metric-value-fg: var(--accent)
--metric-value-font: var(--font-mono)
--metric-value-size: 1.5rem

# 导航 (Navigation)
--nav-bg: rgba(13,17,23,0.88)
--nav-backdrop: blur(10px)
--nav-border: var(--border)

---
## 动效 (Motion)
---

--duration-fast: 120ms
--duration-normal: 200ms
--duration-slow: 350ms
--easing-default: cubic-bezier(0.4, 0, 0.2, 1)

---
## 设计铁律 (Design Locks)
---

1. 颜色锁定：冰蓝 #8DD6FF（不是紫色！这是 UNIVERSAL 版本的关键区别）
2. 形状锁定：按钮 6-10px，卡片 16-24px
3. 阴影锁定：微妙边框 + 无重辉光
4. 主题锁定：暗色 (#0D1117)，不使用纯黑 #000000
5. 字体锁定：Geist 为主，代码用 JetBrains Mono
6. 间距锁定：4, 8, 16, 24, 40, 96

---
## 布局家族 (Layout Families)
---

1. 分割屏 (Split Screen): 真实产品截图或生成界面框架
2. 暗色卡片 (Dark Cards): 技术展示
3. 命令面板条 (Command Palette Strip): 功能搜索
4. 架构图 (Architecture Diagram): 系统拓扑
5. 集成网格 (Integration Grid)
6. 指标条 (Metric Strip)

---
## PC端布局规范
---

- 最大内容宽度: 1280px
- 内容区内边距: 48px
- 导航高度: 64px

---
## 移动端布局规范 (<768px)
---

- 内容区内边距: 20px
- 导航高度: 52px

---
## 使用提示词模板 (Prompt Template)
---

使用 Midnight Command (Universal) 风格。

---
## 禁止清单 (Anti-Slop Ban List)
---

- 不要使用伪终端内容
- 不要到处使用霓虹外发光
- 不要使用 #000000 画布 (用 #0D1117)
- 不要使用 AI 紫色（这个版本用冰蓝！）
- 不要堆叠如驾驶舱般的第一页

本文档为站内渲染。原始文件本地路径：saas/source/knowledge-world/Knowledge-World-设计配色-midnight-command-universal-bbceb9.txt（仅本地保留，不入库不部署）