# 简洁商务（Clean Business）

## 风格标识
`clean-business`

## 适用场景
商务汇报、产品路线、企业方案、技术发布、Agent/系统能力介绍等通用专业演示。默认预设。

## 风格定位
Calm Intelligence。页面像一个「思想的界面」：平静、现代、自信、精准，把思考过程可视化为清晰结构，而不是装饰性海报。

## 视觉系统
- 纯白背景（#ffffff），极简、通透、轻盈，大量留白，无视觉噪音。
- 可在角落或边缘加入极低不透明度的蓝/青柔和渐变（透明到 5% 不透明度），只作氛围，不放在文字正后方、不承担信息结构。
- 视觉元素应像产品文档被转化成演示界面：细线卡片、界面框架、清晰流程。

## 配色（CSS 可用）
- 背景：#ffffff（纯白）
- 文字：#1a1a1a（近黑）
- 强调：#2563eb（平静蓝）
- 辅助：#6b7280（中灰）
- 面板：#f8fafc（极浅灰蓝）

## 排版（HTML/CSS）
- 标题用干净现代无衬线（font-family: system-ui, "PingFang SC", sans-serif; font-weight: 600-700; font-size: 28-40px）。
- 层级：大标题 → 一句解释 → 短要点或短段落；避免长段落。
- 用户指定语言为主，英文可作更小更轻的辅助标签。

## 推荐版式（960×540pt）
- 左侧文字 + 右侧视觉（flex 左右分栏）。
- 三栏能力卡片（grid: 1fr 1fr 1fr），每张卡片含细线图标、标题和 1-2 行说明。
- 界面即证明：CSS 绘制的界面框架（圆角矩形 + 内部线条模拟浏览器/应用）。
- 序列流程：用箭头（CSS 三角形或 →）和间距暗示系统正在运行。

## CSS 实现要点
- 细线卡片：`border: 1px solid #e5e7eb`，圆角 `border-radius: 8-12px`。
- 阴影极淡：`box-shadow: 0 1px 3px rgba(0,0,0,0.05)`。
- 图标用 Unicode 符号或 CSS 几何形状。

## 避免
- 不使用像素艺术、粗黑边框、贴纸、拼贴、俏皮图标或强对比色块。
- 不使用硬边纹理、网格背景和过度装饰。
- 页面应显得「必然且清晰」，而不是「热闹有趣」。

## 输出要求
保留输入内容的信息结构和文字含义，按此风格重绘为统一连贯的 16:9 演示页面。所有视觉元素必须用 HTML/CSS 实现，不依赖外部图片资源。
