按真实使用场景聚合工具，给出顺序、踩坑、典型搭配
这里不是按工具功能罗列，而是按 "我要解决什么场景" 组织的入口。每个主题串联多个工具、教程和 FAQ，给出明确的顺序逻辑和踩坑提示。
找工具的另外两种方式：知道工具名 → 首页 直接搜；想看某类目全部工具 → PDF / 图片 / 音频/视频 / 开发 / CSS / 生活 / 中文；要看背景知识 → 教程中心。