这么精美的设计,咋弄的,有啥提示词吗

请帮我创建一个**Summernote 0.8.20富文本编辑器完全兼容**的HTML网页，用于展示Quicker动作介绍：

## 技术要求

- **兼容性第一**：使用Summernote 0.8.20支持的HTML/CSS语法

- 避免使用：CSS Grid、Flexbox高级特性、CSS变量、复杂伪元素

- 仅使用：内联样式、基础CSS、表格布局、简单定位

- 背景：透明或白色

- 确保在富文本编辑器环境中完美渲染

## 内容要求

**Quicker动作详细介绍**（≥500字）：

- 动作名称、用途、适用场景

- 每个功能模块的详细说明

- 分步骤操作指南（第一步→第二步→第三步...）

- 核心特色与亮点

- 使用技巧与注意事项

- 让用户看完就能上手操作

## 设计风格：

## 视觉增强

- 用**纯CSS绘制图形**：图标、箭头、装饰线、分隔符、徽章

- 使用**表格、边框、阴影**创造视觉层次

- 颜色搭配突出重点信息

- 排版清晰，信息层级分明