工具页样例（10 个）
分两组：
配色样式
（5 个，只有视觉不同）+
布局结构
（5 个，版式不同）。
最后告诉我：样式选哪个 + 布局选哪个（可以混搭）。
一、配色样式（5 个）
A · 精致卡片风
浅灰底+白卡片+柔和阴影。
推荐
B · 清爽扁平风
无卡片、分割线、大留白。
极简
C · 现代渐变风
渐变按钮+超大圆角。
有活力
D · it-tools 风
参考 github 40k star 的 it-tools。
参考成熟站
E · 柔和阴影圆角风
超大圆角+无边框输入。
柔和
二、布局结构（5 个）
2 个新增
F · 左右分栏
左窄栏（输入，sticky）+ 右宽栏（结果）。边输边看。
推荐
G · 居中单列
居中标题+步骤指引。移动端最佳。
移动优先
H · 左宽右窄
左结果+说明 + 右操作面板。
操作优先
I · 工具卡片风（新）
参考爱资料工具：顶部 tab + 搜索 + 卡片网格（带热度/使用按钮）。这是
工具列表页
的样式。
新
J · 顶部工具条风（新）
顶部浮动工具条（切换标准/模式）+ 左结果右渐变操作面板。操作区很突出。
新