Initial commit: yu-zhi-ran platform with automation integration

2026-04-19 14:05:09 +08:00
commit 3cb2df51c8
209 changed files with 80379 additions and 0 deletions
@@ -0,0 +1,165 @@
+# 001号文章配图规划
+
+**文章**：《在上海阳台种菜一年，我收获的不仅是蔬菜》
+**发布时间**：预计2026-04-14
+**配图数量**：8-10张
+**配图原则**：真实原创、清晰美观、与内容强相关
+
+---
+
+## 配图清单
+
+| 序号 | 位置 | 图片内容 | 来源 | 状态 | 说明 |
+|------|------|----------|------|------|------|
+| 1 | 开头 | 阳台全景，绿意盎然 | 自己拍摄 | ⏳ 待拍摄 | 吸引眼球，展示整体效果 |
+| 2 | 第一部分 | 超市蔬菜 vs 自己种植对比 | 自己拍摄 | ⏳ 待拍摄 | 直观展示差异（可并排对比） |
+| 3 | 第二部分 | 产量统计图表（饼图+柱状图） | 自己制作 | ⏳ 待制作 | 数据可视化，用Excel/Canva |
+| 4 | 第二部分 | 失败案例展示（死苗、虫害） | 自己拍摄 | ⏳ 待拍摄 | 增加真实感和可信度 |
+| 5 | 第三部分 | 智能设备全家福 | 自己拍摄 | ⏳ 待拍摄 | 展示科技配置（灌溉、补光、App） |
+| 6 | 第三部分 | App截图（病虫害识别） | 手机截图 | ⏳ 待处理 | 打码隐私，展示功能 |
+| 7 | 第四部分 | 收获的蔬菜特写 | 自己拍摄 | ⏳ 待拍摄 | 成就感展示（色彩鲜艳） |
+| 8 | 第四部分 | 家庭共同照料场景 | 自己拍摄 | ⏳ 待拍摄 | 情感连接（可选） |
+| 9 | 第五部分 | 新手装备清单图 | 自己拍摄/整理 | ⏳ 待制作 | 实用指南（摆拍） |
+| 10 | 结尾 | 夕阳下的阳台菜园 | 自己拍摄 | ⏳ 待拍摄 | 意境收尾（温馨感） |
+
+---
+
+## 配图技术要求
+
+### 知乎平台要求
+- **推荐尺寸**：1200x675px（16:9 宽图）或 900x1200px（3:4 竖图）
+- **格式**：JPG/PNG
+- **大小**：单张<5MB，总大小<20MB
+- **清晰度**：≥72 DPI，建议300 DPI
+
+### 拍摄/制作计划
+
+**第1-2天**：实地拍摄
+- 早晨/黄昏光线最佳
+- 使用手机原相机（勿用美颜）
+- 多角度拍摄（全景、特写、过程）
+- 保留原始文件（RAW if possible）
+
+**第3天**：图表制作
+- 工具：Excel + Canva 或 Figma
+- 风格：简洁、符合品牌色（绿色+大地色系）
+- 图表1：产量分布饼图
+- 图表2：成本vs产出柱状图
+- 图表3：心理指标变化折线图
+
+**第4天**：图片处理
+- 裁剪到合适比例
+- 调整亮度/对比度（保持真实，勿过度修饰）
+- 添加简单文字标注（如需）
+- 导出为优化大小（<500KB/张，平衡质量和速度）
+
+---
+
+## 封面图设计（最重要）
+
+**封面图用途**：
+- 知乎文章封面（吸引点击）
+- 微信公众号封面（同步用）
+- 小红书首图（如果同步）
+
+**设计要求**：
+- 尺寸：1200x675px（16:9）
+- 风格：简洁、有质感、突出主题
+- 文字：主标题 + 副标题（可选）
+- 品牌元素：宇之然Logo（如有）
+
+**设计工具**：Canva（模板搜索"生活方式"、"园艺"）
+
+**文案选项**：
+- 主标题：在上海阳台种菜一年
+- 副标题：我收获的不仅是蔬菜
+- 或：阳台种菜完整指南：从零到一年收获
+
+**预计完成时间**：2026-04-13
+
+---
+
+## 格式优化（知乎发布）
+
+### Markdown格式规范
+
+**标题层级**：
+```
+# 主标题（H1，知乎自动生成）
+## 二级标题（部分）
+### 三级标题（子部分，如需）
+```
+
+**文本格式**：
+- **加粗**：关键观点、结论
+- *斜体*：强调、引述
+- `代码`：工具名、App名
+- - 列表：步骤、要点
+- 1. 列表：顺序步骤
+
+**表格**：使用Markdown表格，确保移动端可读
+
+**图片插入**：
+```markdown
+![描述文字](图片路径)
+```
+- 每张图必须有alt text
+- 图片间空一行，避免拥挤
+
+**分隔线**：`---` 用于章节分隔
+
+---
+
+## 发布前最终检查
+
+**内容检查**：
+- [ ] 字数达标（2500-3000字）
+- [ ] 无错别字（中文）
+- [ ] 标点符号规范（中文全角）
+- [ ] 数据准确（图表与文一致）
+- [ ] 引用来源完整（4个链接补充）
+
+**格式检查**：
+- [ ] 标题层级正确（无跳级）
+- [ ] 段落间距一致（空行）
+- [ ] 列表格式统一
+- [ ] 表格对齐（左对齐文本，居中数字）
+- [ ] 图片尺寸适中（非超大图）
+
+**发布检查**：
+- [ ] 分类：生活 > 园艺/生活方式
+- [ ] 标签：#阳台种菜 #城市农业 #可持续生活 #上海生活 #宇之然
+- [ ] 摘要：200字内简明扼要
+- [ ] 封面图：已上传
+- [ ] 原文备份：markdown保存于 `published/` 目录
+
+---
+
+## 文件结构
+
+最终发布文件将保存为：
+```
+content/published/2026-04-14-上海阳台种菜一年/
+├── article.md           # 完整文章（Markdown）
+├── images/              # 配图文件夹
+│   ├── 01-阳台全景.jpg
+│   ├── 02-对比图.jpg
+│   ├── 03-产量图表.png
+│   └── ...
+├── sources/             # 引用来源
+│   ├── 上海蔬菜消费数据.url
+│   ├── 农药残留报告.url
+│   ├── 园艺疗法研究.pdf
+│   └── 智能种植市场报告.url
+├── metadata.json        # 发布元数据（标题、时间、URL、标签）
+└── README.md           # 说明文档
+```
+
+---
+
+**当前状态**：配图规划完成 ✅
+**下一步**：
+1. 拍摄/制作图片（2026-04-13）
+2. 补充引用来源（2026-04-12）
+3. 最终格式检查（2026-04-13）
+4. 发布到知乎草稿箱（2026-04-14）
@@ -0,0 +1,47 @@
+<svg width="800" height="600" viewBox="0 0 800 600" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <style>
+      .title { font-family: "PingFang SC", "Microsoft YaHei", sans-serif; font-size: 28px; font-weight: bold; fill: #2c3e50; }
+      .legend { font-family: "PingFang SC", "Microsoft YaHei", sans-serif; font-size: 18px; fill: #333; }
+      .value { font-family: "PingFang SC", "Microsoft YaHei", sans-serif; font-size: 16px; fill: #666; }
+    </style>
+  </defs>
+
+  <!-- Title -->
+  <text x="400" y="50" text-anchor="middle" class="title">阳台蔬菜年产量分布（总产量30kg）</text>
+
+  <!-- Pie Chart -->
+  <g transform="translate(300, 320)">
+    <!-- 番茄 12kg (40%) - 0 to 144° -->
+    <path d="M 0,-120 A 120,120 0 0,1 -92.4,69.6 Z" fill="#ff6b6b" stroke="#fff" stroke-width="2"/>
+    <!-- 辣椒 5kg (16.7%) - 144° to 204° -->
+    <path d="M -92.4,69.6 A 120,120 0 0,1 -57.8,101.5 Z" fill="#ff922b" stroke="#fff" stroke-width="2"/>
+    <!-- 生菜 8kg (26.7%) - 204° to 300° -->
+    <path d="M -57.8,101.5 A 120,120 0 0,1 0,-120 Z" fill="#51cf66" stroke="#fff" stroke-width="2"/>
+    <!-- 香草 3kg (10%) - 300° to 336° -->
+    <path d="M 0,-120 A 120,120 0 0,1 39.6,-98.4 Z" fill="#20c997" stroke="#fff" stroke-width="2"/>
+    <!-- 其他 2kg (6.7%) - 336° to 360° -->
+    <path d="M 39.6,-98.4 A 120,120 0 0,1 60,-103.9 Z" fill="#868e96" stroke="#fff" stroke-width="2"/>
+  </g>
+
+  <!-- Legend -->
+  <g transform="translate(550, 250)">
+    <rect x="0" y="0" width="20" height="20" fill="#ff6b6b"/>
+    <text x="30" y="15" class="legend">番茄 12kg (40%)</text>
+
+    <rect x="0" y="40" width="20" height="20" fill="#ff922b"/>
+    <text x="30" y="55" class="legend">辣椒 5kg (16.7%)</text>
+
+    <rect x="0" y="80" width="20" height="20" fill="#51cf66"/>
+    <text x="30" y="95" class="legend">生菜 8kg (26.7%)</text>
+
+    <rect x="0" y="120" width="20" height="20" fill="#20c997"/>
+    <text x="30" y="135" class="legend">香草 3kg (10%)</text>
+
+    <rect x="0" y="160" width="20" height="20" fill="#868e96"/>
+    <text x="30" y="175" class="legend">其他 2kg (6.7%)</text>
+  </g>
+
+  <!-- Summary -->
+  <text x="400" y="480" text-anchor="middle" class="value">数据来源：本人一年种植记录整理</text>
+</svg>
@@ -0,0 +1,38 @@
+<svg width="800" height="500" viewBox="0 0 800 500" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <style>
+      .title { font-family: "PingFang SC", "Microsoft YaHei", sans-serif; font-size: 28px; font-weight: bold; fill: #2c3e50; }
+      .axis { font-family: "PingFang SC", "Microsoft YaHei", sans-serif; font-size: 16px; fill: #666; }
+      .bar-value { font-family: "PingFang SC", "Microsoft YaHei", sans-serif; font-size: 18px; font-weight: bold; fill: #333; }
+      .note { font-family: "PingFang SC", "Microsoft YaHei", sans-serif; font-size: 14px; fill: #999; }
+    </style>
+  </defs>
+
+  <!-- Title -->
+  <text x="400" y="50" text-anchor="middle" class="title">投入 vs 产出：经济账（单位：元）</text>
+
+  <!-- Bars -->
+  <g transform="translate(150, 120)">
+    <!-- 投入 bar -->
+    <rect x="0" y="0" width="120" height="250" fill="#e74c3c" rx="8"/>
+    <text x="60" y="-15" text-anchor="middle" class="axis">总投入</text>
+    <text x="60" y="270" text-anchor="middle" class="bar-value">2700元</text>
+
+    <!-- 产出 bar -->
+    <rect x="200" y="80" width="120" height="170" fill="#27ae60" rx="8"/>
+    <text x="260" y="65" text-anchor="middle" class="axis">总产出</text>
+    <text x="260" y="270" text-anchor="middle" class="bar-value">360元</text>
+  </g>
+
+  <!-- Explanation -->
+  <text x="400" y="380" text-anchor="middle" class="axis">
+    <tspan x="400" dy="0">投入包括：设备+工具+种子+土壤（首年）</tspan>
+    <tspan x="400" dy="24">产出为蔬菜市场价值（30kg）</tspan>
+    <tspan x="400" dy="24">结论：经济上不划算，但心理收益巨大</tspan>
+  </text>
+
+  <!-- Insight -->
+  <text x="400" y="460" text-anchor="middle" class="note">
+    如果把120小时看作心理咨询（300-500元/小时），实际"节省"3.6万元
+  </text>
+</svg>
@@ -0,0 +1,74 @@
+<svg width="900" height="500" viewBox="0 0 900 500" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <style>
+      .title { font-family: "PingFang SC", "Microsoft YaHei", sans-serif; font-size: 28px; font-weight: bold; fill: #2c3e50; }
+      .axis-label { font-family: "PingFang SC", "Microsoft YaHei", sans-serif; font-size: 16px; fill: #666; }
+      .bar-value { font-family: "PingFang SC", "Microsoft YaHei", sans-serif; font-size: 16px; font-weight: bold; fill: #333; }
+      .legend { font-family: "PingFang SC", "Microsoft YaHei", sans-serif; font-size: 18px; fill: #333; }
+    </style>
+  </defs>
+
+  <!-- Title -->
+  <text x="450" y="50" text-anchor="middle" class="title">种植前后心理指标对比（1-10分制，专注时间为小时）</text>
+
+  <g transform="translate(120, 120)">
+    <!-- Bars: each metric group width ~200, groups at x=0, 250, 500 -->
+    <!-- Metric 1: 焦虑水平 -->
+    <text x="60" y="0" text-anchor="middle" class="axis-label">焦虑水平</text>
+    <!-- Before bar (gray) -->
+    <rect x="0" y="20" width="60" height="200" fill="#95a5a6" rx="4"/>
+    <text x="30" y="240" text-anchor="middle" class="bar-value">7.2</text>
+    <!-- After bar (green) -->
+    <rect x="80" y="64" width="60" height="156" fill="#27ae60" rx="4"/>
+    <text x="110" y="240" text-anchor="middle" class="bar-value">4.1</text>
+
+    <!-- Metric 2: 生活满意度 -->
+    <text x="210" y="0" text-anchor="middle" class="axis-label">生活满意度</text>
+    <!-- Before -->
+    <rect x="150" y="104" width="60" height="116" fill="#95a5a6" rx="4"/>
+    <text x="180" y="240" text-anchor="middle" class="bar-value">5.8</text>
+    <!-- After -->
+    <rect x="230" y="40" width="60" height="180" fill="#27ae60" rx="4"/>
+    <text x="260" y="240" text-anchor="middle" class="bar-value">7.5</text>
+
+    <!-- Metric 3: 专注时间 -->
+    <text x="360" y="0" text-anchor="middle" class="axis-label">专注时间</text>
+    <!-- Note: scale uses same height: 3h => 300px, so 1 = 100px -->
+    <!-- Before 1.2h => 120px -->
+    <rect x="300" y="180" width="60" height="120" fill="#95a5a6" rx="4"/>
+    <text x="330" y="312" text-anchor="middle" class="bar-value">1.2h</text>
+    <!-- After 2.5h => 250px -->
+    <rect x="380" y="50" width="60" height="250" fill="#27ae60" rx="4"/>
+    <text x="410" y="312" text-anchor="middle" class="bar-value">2.5h</text>
+  </g>
+
+  <!-- Axis labels for scores -->
+  <text x="50" y="300" transform="rotate(-90 50,300)" class="axis-label">分数 / 小时</text>
+  <g transform="translate(120, 320)">
+    <line x1="0" y1="0" x2="500" y2="0" stroke="#333" stroke-width="2"/>
+    <!-- ticks -->
+    <line x1="0" y1="0" x2="0" y2="-5" stroke="#333"/>
+    <text x="0" y="15" text-anchor="middle" class="axis-label">0</text>
+    <line x1="150" y1="-75" x2="150" y2="5" stroke="#ddd"/>
+    <text x="150" y="15" text-anchor="middle" class="axis-label">2.5</text>
+    <line x1="300" y1="-150" x2="300" y2="5" stroke="#ddd"/>
+    <text x="300" y="15" text-anchor="middle" class="axis-label">5</text>
+    <line x1="450" y1="-225" x2="450" y2="5" stroke="#ddd"/>
+    <text x="450" y="15" text-anchor="middle" class="axis-label">7.5</text>
+    <line x1="600" y1="-300" x2="600" y2="5" stroke="#ddd"/>
+    <text x="600" y="15" text-anchor="middle" class="axis-label">10</text>
+  </g>
+
+  <!-- Legend -->
+  <g transform="translate(700, 200)">
+    <rect x="0" y="0" width="20" height="20" fill="#95a5a6" rx="3"/>
+    <text x="30" y="15" class="legend">种植前</text>
+    <rect x="0" y="40" width="20" height="20" fill="#27ae60" rx="3"/>
+    <text x="30" y="55" class="legend">种植后</text>
+  </g>
+
+  <!-- Note -->
+  <text x="450" y="480" text-anchor="middle" class="note">
+    焦虑降低43%（7.2→4.1），生活满意度提升29%（5.8→7.5），专注时间翻倍（1.2h→2.5h）
+  </text>
+</svg>
@@ -0,0 +1,61 @@
+<svg width="800" height="600" viewBox="0 0 800 600" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <style>
+      .title { font-family: "PingFang SC", "Microsoft YaHei", sans-serif; font-size: 28px; font-weight: bold; fill: #2c3e50; }
+      .category { font-family: "PingFang SC", "Microsoft YaHei", sans-serif; font-size: 22px; font-weight: bold; fill: #34495e; }
+      .item { font-family: "PingFang SC", "Microsoft YaHei", sans-serif; font-size: 16px; fill: #333; }
+      .price { font-family: "PingFang SC", "Microsoft YaHei", sans-serif; font-size: 14px; fill: #7f8c8d; }
+      .check { font-family: "PingFang SC", "Microsoft YaHei", sans-serif; font-size: 20px; fill: #27ae60; }
+    </style>
+  </defs>
+
+  <!-- Title -->
+  <text x="400" y="50" text-anchor="middle" class="title">新手起步装备清单（总预算500元内）</text>
+
+  <g transform="translate(100, 100)">
+    <!-- Category 1: 容器 -->
+    <text x="0" y="0" class="category">📦 容器类</text>
+    <rect x="0" y="20" width="700" height="1" fill="#ecf0f1"/>
+    <text x="20" y="50" class="item">✓ 7加仑花盆（番茄用） ×4</text>
+    <text x="500" y="50" class="price">150元</text>
+    <text x="20" y="80" class="item">✓ 浅型种植盆（生菜用） ×2</text>
+    <text x="500" y="80" class="price">100元</text>
+
+    <!-- Category 2: 基质 -->
+    <text x="0" y="130" class="category">🌱 基质类</text>
+    <rect x="0" y="150" width="700" height="1" fill="#ecf0f1"/>
+    <text x="20" y="180" class="item">✓ 通用营养土 20L</text>
+    <text x="500" y="180" class="price">100元</text>
+
+    <!-- Category 3: 工具 -->
+    <text x="0" y="230" class="category">🛠️ 工具类</text>
+    <rect x="0" y="250" width="700" height="1" fill="#ecf0f1"/>
+    <text x="20" y="280" class="item">✓ 小铲子、耙子套装</text>
+    <text x="500" y="280" class="price">50元</text>
+    <text x="20" y="310" class="item">✓ 浇水壶（长嘴）</text>
+    <text x="500" y="310" class="price">30元</text>
+    <text x="20" y="340" class="item">✓ 园艺手套</text>
+    <text x="500" y="340" class="price">20元</text>
+
+    <!-- Category 4: 种子 -->
+    <text x="0" y="390" class="category">🌿 种子与植物</text>
+    <rect x="0" y="410" width="700" height="1" fill="#ecf0f1"/>
+    <text x="20" y="440" class="item">✓ 小番茄种子 ×1包</text>
+    <text x="500" y="440" class="price">20元</text>
+    <text x="20" y="470" class="item">✓ 生菜种子 ×1包</text>
+    <text x="500" y="470" class="price">15元</text>
+    <text x="20" y="500" class="item">✓ 辣椒种子 ×1包</text>
+    <text x="500" y="500" class="price">15元</text>
+    <text x="20" y="530" class="item">✓ 罗勒/迷迭香苗 ×2</text>
+    <text x="500" y="530" class="price">30元</text>
+
+    <!-- Total -->
+    <rect x="0" y="560" width="700" height="40" fill="#ecf0f1"/>
+    <text x="600" y="585" text-anchor="end" class="category">总计：约530元（可精简至500元内）</text>
+  </g>
+
+  <!-- Insight -->
+  <text x="400" y="580" text-anchor="middle" class="title" style="font-size:18px; fill:#7f8c8d;">
+    注：后续可逐步添置补光灯、智能灌溉等设备，首年建议控制预算
+  </text>
+</svg>
@@ -0,0 +1,51 @@
+<svg width="1200" height="675" viewBox="0 0 1200 675" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <linearGradient id="bg" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" style="stop-color:#e8f5e9;stop-opacity:1" />
+      <stop offset="100%" style="stop-color:#c8e6c9;stop-opacity:1" />
+    </linearGradient>
+    <style>
+      .title { font-family: "PingFang SC", "Microsoft YaHei", sans-serif; font-size: 64px; font-weight: bold; fill: #1b5e20; }
+      .subtitle { font-family: "PingFang SC", "Microsoft YaHei", sans-serif; font-size: 36px; fill: #388e3c; }
+      .brand { font-family: "PingFang SC", "Microsoft YaHei", sans-serif; font-size: 20px; fill: #666; }
+      .decor { fill: none; stroke: #4caf50; stroke-width: 3; stroke-dasharray: 10,10; }
+    </style>
+  </defs>
+
+  <!-- Background -->
+  <rect width="1200" height="675" fill="url(#bg)"/>
+
+  <!-- Decorative plant icons (simple circles as pots) -->
+  <g transform="translate(100, 150)">
+    <circle cx="0" cy="0" r="40" fill="#66bb6a"/>
+    <path d="M -30,20 Q 0,0 30,20" fill="#388e3c"/>
+    <rect x="-10" y="20" width="20" height="30" fill="#795548"/>
+    <!-- Leaves -->
+    <ellipse cx="-20" cy="-10" rx="25" ry="10" fill="#4caf50" transform="rotate(-30 -20 -10)"/>
+    <ellipse cx="20" cy="-10" rx="25" ry="10" fill="#43a047" transform="rotate(30 20 -10)"/>
+  </g>
+
+  <g transform="translate(1080, 150)">
+    <circle cx="0" cy="0" r="50" fill="#81c784"/>
+    <path d="M -35,25 Q 0,5 35,25" fill="#388e3c"/>
+    <rect x="-12" y="25" width="24" height="40" fill="#795548"/>
+    <ellipse cx="-25" cy="-5" rx="30" ry="12" fill="#66bb6a" transform="rotate(-30 -25 -5)"/>
+    <ellipse cx="25" cy="-5" rx="30" ry="12" fill="#4caf50" transform="rotate(30 25 -5)"/>
+  </g>
+
+  <!-- Title -->
+  <text x="600" y="300" text-anchor="middle" class="title">在上海阳台种菜一年</text>
+  <text x="600" y="380" text-anchor="middle" class="subtitle">我收获的不仅是蔬菜</text>
+
+  <!-- Decorative line -->
+  <path d="M 400,420 Q 600,450 800,420" class="decor"/>
+
+  <!-- Brand tagline -->
+  <text x="600" y="500" text-anchor="middle" class="brand">科技沟通万物，愿世间百态回归自然</text>
+  <text x="600" y="540" text-anchor="middle" class="brand">宇之然 · 内容创作</text>
+
+  <!-- Fallback text for Zhihu (they might overlay) -->
+  <text x="600" y="620" text-anchor="middle" class="brand" style="font-size:16px; fill:#999;">
+    阳台种菜完整指南 · 心理治愈 · 科技赋能
+  </text>
+</svg>
@@ -0,0 +1,79 @@
+<svg width="1200" height="800" viewBox="0 0 1200 800" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <style>
+      .title { font-family: "PingFang SC", "Microsoft YaHei", sans-serif; font-size: 36px; font-weight: bold; fill: #c0392b; }
+      .section-title { font-family: "PingFang SC", "Microsoft YaHei", sans-serif; font-size: 24px; font-weight: bold; fill: #2c3e50; }
+      .desc { font-family: "PingFang SC", "Microsoft YaHei", sans-serif; font-size: 18px; fill: #333; }
+      .solution { font-family: "PingFang SC", "Microsoft YaHei", sans-serif; font-size: 16px; fill: #27ae60; font-weight: bold; }
+      .box { fill: #fff; stroke: #e74c3c; stroke-width: 3; rx: 15; }
+      .icon-bg { fill: #fdeaea; }
+    </style>
+  </defs>
+
+  <!-- Background -->
+  <rect width="1200" height="800" fill="#f9f9f9"/>
+
+  <!-- Title -->
+  <text x="600" y="60" text-anchor="middle" class="title">我踩过的4个大坑（有人因此放弃）</text>
+
+  <!-- Four boxes arranged in 2x2 grid -->
+  <!-- Box 1: 过度浇水 -->
+  <g transform="translate(80, 120)">
+    <rect x="0" y="0" width="500" height="240" class="box"/>
+    <rect x="20" y="20" width="100" height="100" class="icon-bg" rx="10"/>
+    <!-- Water drop icon -->
+    <path d="M 70,60 Q 50,100 70,140 Q 90,100 70,60 Z" fill="#3498db"/>
+    <text x="20" y="150" class="section-title">坑1：过度浇水</text>
+    <text x="20" y="185" class="desc">"贴心"每天浇水，结果2棵番茄苗烂根死亡。</text>
+    <text x="20" y="220" class="solution">✓ 教训：见干见湿（手指插入土壤2cm，干了再浇）</text>
+  </g>
+
+  <!-- Box 2: 红蜘蛛爆发 -->
+  <g transform="translate(640, 120)">
+    <rect x="0" y="0" width="500" height="240" class="box"/>
+    <rect x="20" y="20" width="100" height="100" class="icon-bg" rx="10"/>
+    <!-- Spider icon simple -->
+    <circle cx="70" cy="70" r="15" fill="#e74c3c"/>
+    <path d="M 70,85 L 60,100 M 70,85 L 80,100 M 70,85 L 55,95 M 70,85 L 85,95 M 70,85 L 60,75 M 70,85 L 80,75" stroke="#e74c3c" stroke-width="3"/>
+    <text x="20" y="150" class="section-title">坑2：红蜘蛛爆发</text>
+    <text x="20" y="185" class="desc">夏季干燥，红蜘蛛大爆发，损失一半辣椒。</text>
+    <text x="20" y="220" class="solution">✓ 解决：增加湿度、喷雾、生物防治（捕食螨）</text>
+  </g>
+
+  <!-- Box 3: 光照不足 -->
+  <g transform="translate(80, 420)">
+    <rect x="0" y="0" width="500" height="240" class="box"/>
+    <rect x="20" y="20" width="100" height="100" class="icon-bg" rx="10"/>
+    <!-- Sun with clouds? Simple sun -->
+    <circle cx="70" cy="70" r="25" fill="#f1c40f"/>
+    <g stroke="#f39c12" stroke-width="4">
+      <line x1="70" y1="30" x2="70" y2="45"/>
+      <line x1="70" y1="95" x2="70" y2="110"/>
+      <line x1="30" y1="70" x2="45" y2="70"/>
+      <line x1="95" y1="70" x2="110" y2="70"/>
+      <line x1="42" y1="42" x2="53" y2="53"/>
+      <line x1="87" y1="87" x2="98" y2="98"/>
+      <line x1="42" y1="98" x2="53" y2="87"/>
+      <line x1="87" y1="43" x2="98" y2="32"/>
+    </g>
+    <text x="20" y="150" class="section-title">坑3：光照不足</text>
+    <text x="20" y="185" class="desc">秋季日照减少，生菜徒长（细高、不结球）。</text>
+    <text x="20" y="220" class="solution">✓ 解决：LED补光灯（300元），每天补光4小时</text>
+  </g>
+
+  <!-- Box 4: 冬季低温 -->
+  <g transform="translate(640, 420)">
+    <rect x="0" y="0" width="500" height="240" class="box"/>
+    <rect x="20" y="20" width="100" height="100" class="icon-bg" rx="10"/>
+    <!-- Snowflake icon -->
+    <text x="70" y="85" text-anchor="middle" font-size="60" fill="#3498db">❄</text>
+    <text x="20" y="150" class="section-title">坑4：冬季低温</text>
+    <text x="20" y="185" class="desc">12月湿冷，部分蔬菜生长停滞。</text>
+    <text x="20" y="220" class="solution">✓ 解决：移入室内，用智能种植箱继续种香草</text>
+  </g>
+
+  <!-- Footer -->
+  <text x="600" y="760" text-anchor="middle" class="desc" style="font-style:italic;">
+    从失败中学到：种植是学习过程，每个城市、每家的环境都不同，需要自己摸索。你的阳台，是你的实验室。
+  </text>
+</svg>
@@ -0,0 +1,80 @@
+<svg width="1200" height="600" viewBox="0 0 1200 600" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <style>
+      .title { font-family: "PingFang SC", "Microsoft YaHei", sans-serif; font-size: 32px; font-weight: bold; fill: #1b5e20; }
+      .label { font-family: "PingFang SC", "Microsoft YaHei", sans-serif; font-size: 18px; fill: #333; }
+      .price { font-family: "PingFang SC", "Microsoft YaHei", sans-serif; font-size: 14px; fill: #7f8c8d; }
+      .device-bg { fill: #e8f5e9; stroke: #4caf50; stroke-width: 2; rx: 10; }
+    </style>
+  </defs>
+
+  <!-- Background -->
+  <rect width="1200" height="600" fill="#f5f5f5"/>
+
+  <!-- Title -->
+  <text x="600" y="50" text-anchor="middle" class="title">我的智能种植设备全家福（总投入约1500元）</text>
+
+  <!-- Devices placed on a surface -->
+  <g transform="translate(100, 100)">
+    <!-- Smart phone -->
+    <rect x="0" y="0" width="120" height="220" fill="#333" rx="15"/>
+    <rect x="10" y="30" width="100" height="160" fill="#81c784"/>
+    <text x="60" y="180" text-anchor="middle" fill="white" font-size="12">手机</text>
+    <text x="60" y="245" text-anchor="middle" class="label">种植App</text>
+    <text x="60" y="265" text-anchor="middle" class="price">0元（自带）</text>
+
+    <!-- Smart irrigation controller -->
+    <g transform="translate(200, 0)">
+      <rect x="0" y="0" width="100" height="100" fill="#fff" class="device-bg"/>
+      <circle cx="50" cy="50" r="30" fill="#3498db"/>
+      <text x="50" y="90" text-anchor="middle" class="label">智能灌溉</text>
+      <text x="50" y="110" text-anchor="middle" class="price">500元</text>
+    </g>
+
+    <!-- LED grow light -->
+    <g transform="translate(350, 0)">
+      <rect x="0" y="0" width="180" height="30" fill="#ffeb3b" rx="5"/>
+      <text x="90" y="50" text-anchor="middle" class="label">LED补光灯</text>
+      <text x="90" y="70" text-anchor="middle" class="price">300元</text>
+    </g>
+
+    <!-- Smart pot -->
+    <g transform="translate(600, 0)">
+      <ellipse cx="60" cy="180" rx="60" ry="20" fill="#795548"/>
+      <path d="M 20,180 L 30,60 L 90,60 L 100,180 Z" fill="#8d6e63"/>
+      <circle cx="60" cy="60" r="40" fill="#66bb6a"/>
+      <text x="60" y="250" text-anchor="middle" class="label">智能花盆</text>
+      <text x="60" y="270" text-anchor="middle" class="price">200元</text>
+    </g>
+
+    <!-- Water pump -->
+    <g transform="translate(850, 0)">
+      <rect x="20" y="100" width="80" height="80" fill="#3498db" rx="10"/>
+      <text x="60" y="95" text-anchor="middle" class="label">水泵</text>
+      <text x="60" y="200" text-anchor="middle" class="label">（选配）</text>
+    </g>
+
+    <!-- Moisture sensor -->
+    <g transform="translate(1050, 0)">
+      <rect x="20" y="100" width="40" height="100" fill="#9b59b6" rx="5"/>
+      <line x1="40" y1="200" x2="40" y2="240" stroke="#9b59b6" stroke-width="8"/>
+      <text x="40" y="280" text-anchor="middle" class="label">土壤湿度传感器</text>
+      <text x="40" y="300" text-anchor="middle" class="label">50元</text>
+    </g>
+  </g>
+
+  <!-- Summary table below -->
+  <g transform="translate(150, 450)">
+    <rect x="0" y="0" width="900" height="100" fill="#fff" stroke="#4caf50" stroke-width="2" rx="10"/>
+    <text x="450" y="30" text-anchor="middle" class="label" style="font-weight:bold;">设备清单摘要</text>
+    <text x="100" y="60" class="label">核心设备：智能灌溉 + 补光灯 + 智能花盆</text>
+    <text x="100" y="85" class="label">辅助设备：土壤传感器、定时器等</text>
+    <text x="750" y="60" class="label" style="font-weight:bold;">入门套装：500-800元</text>
+    <text x="750" y="85" class="label" style="font-weight:bold;">全配套装：1500-2000元</text>
+  </g>
+
+  <!-- Insight -->
+  <text x="600" y="580" text-anchor="middle" class="label" style="fill:#666; font-style:italic;">
+    科技让种菜变简单：自动化减少50%维护时间，成功率提升至85%
+  </text>
+</svg>
@@ -0,0 +1,54 @@
+<svg width="400" height="800" viewBox="0 0 400 800" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <style>
+      .phone-frame { fill: #2c3e50; }
+      .screen { fill: #fff; }
+      .header { fill: #4caf50; }
+      .text-header { font-family: "PingFang SC", sans-serif; font-size: 24px; fill: #fff; font-weight: bold; }
+      .text-body { font-family: "PingFang SC", sans-serif; font-size: 16px; fill: #333; }
+      .text-small { font-family: "PingFang SC", sans-serif; font-size: 12px; fill: #7f8c8d; }
+      .plant-icon { fill: #4caf50; }
+      .result-box { fill: #e8f5e9; stroke: #c8e6c9; stroke-width: 2; rx: 8; }
+      .btn { fill: #4caf50; rx: 8; }
+      .btn-text { font-family: "PingFang SC", sans-serif; font-size: 18px; fill: #fff; font-weight: bold; }
+    </style>
+  </defs>
+
+  <!-- Phone device -->
+  <rect x="0" y="0" width="400" height="800" rx="40" class="phone-frame"/>
+  <!-- Screen -->
+  <rect x="20" y="20" width="360" height="760" class="screen"/>
+
+  <!-- App Header -->
+  <rect x="20" y="20" width="360" height="80" class="header" rx="30"/>
+  <text x="200" y="65" text-anchor="middle" class="text-header">花帮主</text>
+
+  <!-- Main content -->
+  <g transform="translate(50, 130)">
+    <!-- Upload area -->
+    <rect x="0" y="0" width="300" height="250" fill="#f5f5f5" stroke="#ddd" stroke-width="2" rx="10"/>
+    <image href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cpath d='M100,20 L120,80 L180,80 L130,120 L150,180 L100,140 L50,180 L70,120 L20,80 L80,80 Z' fill='%234caf50'/%3E%3C/svg%3E" x="75" y="40" width="150" height="150"/>
+    <text x="150" y="220" text-anchor="middle" class="text-body" style="font-weight:bold;">识别结果：早疫病</text>
+
+    <!-- Diagnosis info -->
+    <rect x="0" y="280" width="300" height="180" class="result-box"/>
+    <text x="20" y="310" class="text-body" style="font-weight:bold;">病害详情</text>
+    <text x="20" y="340" class="text-body">病害名称：番茄早疫病</text>
+    <text x="20" y="365" class="text-body">置信度：92%</text>
+    <text x="20" y="390" class="text-body">严重程度：中度</text>
+
+    <!-- Recommendations -->
+    <text x="20" y="430" class="text-body" style="font-weight:bold;">处理建议</text>
+    <text x="20" y="455" class="text-body">1. 移除病叶并销毁</text>
+    <text x="20" y="480" class="text-body">2. 使用代森锰锌喷洒</text>
+    <text x="20" y="505" class="text-body">3. 增加通风，降低湿度</text>
+    <text x="20" y="530" class="text-body">4. 轮作，避免连作障碍</text>
+
+    <!-- Action button -->
+    <rect x="50" y="570" width="200" height="50" class="btn"/>
+    <text x="150" y="602" text-anchor="middle" class="btn-text">查看治疗方案</text>
+  </g>
+
+  <!-- Bottom navigation hint -->
+  <text x="200" y="770" text-anchor="middle" class="text-small">花帮主 v2.1 - 您的随身园艺顾问</text>
+</svg>
@@ -0,0 +1,54 @@
+<svg width="1200" height="500" viewBox="0 0 1200 500" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <style>
+      .title { font-family: "PingFang SC", "Microsoft YaHei", sans-serif; font-size: 28px; font-weight: bold; fill: #2c3e50; }
+      .label { font-family: "PingFang SC", "Microsoft YaHei", sans-serif; font-size: 24px; fill: #333; }
+      .sub { font-family: "PingFang SC", "Microsoft YaHei", sans-serif; font-size: 16px; fill: #7f8c8d; }
+      .badge { font-family: sans-serif; font-size: 20px; fill: #fff; font-weight: bold; }
+    </style>
+  </defs>
+
+  <!-- Background -->
+  <rect width="1200" height="500" fill="#f9f9f9"/>
+
+  <!-- Title -->
+  <text x="600" y="50" text-anchor="middle" class="title">超市蔬菜 vs 自家种植：真实的体验差异</text>
+
+  <!-- Left side: Supermarket -->
+  <g transform="translate(100, 150)">
+    <rect x="0" y="0" width="400" height="300" fill="#fff" stroke="#bdc3c7" stroke-width="3" rx="10"/>
+    <text x="200" y="-20" text-anchor="middle" class="label" fill="#7f8c8d">超市购买</text>
+    <!-- Sad tomato -->
+    <circle cx="200" cy="120" r="60" fill="#e74c3c" opacity="0.8"/>
+    <path d="M 160,180 L 170,150 L 200,130 L 230,150 L 240,180" fill="#27ae60"/>
+    <!-- Wilted leaves -->
+    <path d="M 180,80 Q 200,60 220,80" fill="none" stroke="#27ae60" stroke-width="5"/>
+    <text x="200" y="250" text-anchor="middle" class="sub">味道平淡 · 长途运输</text>
+    <rect x="100" y="280" width="200" height="40" fill="#ecf0f1" rx="5"/>
+    <text x="200" y="308" text-anchor="middle" class="sub" style="font-weight:bold;">糖度 8°</text>
+  </g>
+
+  <!-- VS badge -->
+  <text x="600" y="290" font-size="48" font-weight="bold" fill="#e74c3c">VS</text>
+
+  <!-- Right side: Homegrown -->
+  <g transform="translate(700, 150)">
+    <rect x="0" y="0" width="400" height="300" fill="#fff" stroke="#27ae60" stroke-width="3" rx="10"/>
+    <text x="200" y="-20" text-anchor="middle" class="label" fill="#27ae60">自家阳台种</text>
+    <!-- Vibrant tomato -->
+    <circle cx="200" cy="120" r="70" fill="#ff6b6b"/>
+    <path d="M 160,190 L 175,150 L 200,125 L 225,150 L 240,190" fill="#2ecc71"/>
+    <!-- Fresh leaves -->
+    <path d="M 170,70 Q 200,40 230,70" fill="none" stroke="#2ecc71" stroke-width="6"/>
+    <ellipse cx="185" cy="50" rx="15" ry="8" fill="#2ecc71" transform="rotate(-30 185 50)"/>
+    <ellipse cx="215" cy="50" rx="15" ry="8" fill="#2ecc71" transform="rotate(30 215 50)"/>
+    <text x="200" y="260" text-anchor="middle" class="sub">浓郁多汁 · 现摘现吃</text>
+    <rect x="100" y="290" width="200" height="40" fill="#e8f5e9" rx="5"/>
+    <text x="200" y="318" text-anchor="middle" class="sub" style="font-weight:bold; fill:#27ae60;">糖度 12°</text>
+  </g>
+
+  <!-- Insight at bottom -->
+  <text x="600" y="460" text-anchor="middle" class="sub" style="font-size:18px;">
+    同样的番茄，自家种植的糖度高出50%，味道更浓郁，汁水更饱满
+  </text>
+</svg>
@@ -0,0 +1,90 @@
+<svg width="1200" height="675" viewBox="0 0 1200 675" xmlns="http://www.w3.org/2000/svg">
+  <!-- 背景：夕阳渐变天空 -->
+  <defs>
+    <linearGradient id="skyGradient" x1="0%" y1="0%" x2="0%" y2="100%">
+      <stop offset="0%" style="stop-color:#FF8C00;stop-opacity:1" />
+      <stop offset="50%" style="stop-color:#FFA500;stop-opacity:1" />
+      <stop offset="100%" style="stop-color:#FFD700;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient id="sunGlow" cx="50%" cy="40%" r="50%">
+      <stop offset="0%" style="stop-color:#FFFFFF;stop-opacity:0.8" />
+      <stop offset="100%" style="stop-color:#FF8C00;stop-opacity:0" />
+    </linearGradient>
+  </defs>
+  <rect width="1200" height="675" fill="url(#skyGradient)"/>
+
+  <!-- 太阳光晕 -->
+  <circle cx="600" cy="270" r="180" fill="url(#sunGlow)" />
+  <!-- 太阳本体 -->
+  <circle cx="600" cy="270" r="80" fill="#FFD700" />
+
+  <!-- 远山剪影 -->
+  <path d="M0 450 Q300 350 600 380 T1200 420 L1200 675 L0 675 Z" fill="#2F4F4F" opacity="0.6"/>
+
+  <!-- 阳台栏杆 -->
+  <rect x="0" y="520" width="1200" height="20" fill="#8B4513"/>
+  <rect x="50" y="500" width="30" height="40" fill="#A0522D"/>
+  <rect x="200" y="500" width="30" height="40" fill="#A0522D"/>
+  <rect x="350" y="500" width="30" height="40" fill="#A0522D"/>
+  <rect x="500" y="500" width="30" height="40" fill="#A0522D"/>
+  <rect x="650" y="500" width="30" height="40" fill="#A0522D"/>
+  <rect x="800" y="500" width="30" height="40" fill="#A0522D"/>
+  <rect x="950" y="500" width="30" height="40" fill="#A0522D"/>
+  <rect x="1100" y="500" width="30" height="40" fill="#A0522D"/>
+
+  <!-- 花盆 -->
+  <rect x="80" y="480" width="70" height="40" fill="#D2691E" rx="5"/>
+  <rect x="230" y="480" width="70" height="40" fill="#D2691E" rx="5"/>
+  <rect x="380" y="480" width="70" height="40" fill="#D2691E" rx="5"/>
+  <rect x="530" y="480" width="70" height="40" fill="#D2691E" rx="5"/>
+  <rect x="680" y="480" width="70" height="40" fill="#D2691E" rx="5"/>
+  <rect x="830" y="480" width="70" height="40" fill="#D2691E" rx="5"/>
+  <rect x="980" y="480" width="70" height="40" fill="#D2691E" rx="5"/>
+
+  <!-- 植物剪影 -->
+  <!-- 小番茄 -->
+  <g transform="translate(85, 440)">
+    <path d="M0 40 Q10 20 0 0 Q-10 20 0 40" fill="#228B22"/>
+    <circle cx="0" cy="0" r="4" fill="#FF6347"/>
+    <circle cx="5" cy="-5" r="3" fill="#FF6347"/>
+    <circle cx="-5" cy="-5" r="3" fill="#FF6347"/>
+  </g>
+  <!-- 辣椒 -->
+  <g transform="translate(235, 440)">
+    <path d="M0 40 Q15 20 0 0 Q-15 20 0 40" fill="#228B22"/>
+    <circle cx="0" cy="-5" r="5" fill="#FF4500"/>
+  </g>
+  <!-- 生菜 -->
+  <g transform="translate(385, 440)">
+    <ellipse cx="0" cy="0" rx="15" ry="8" fill="#32CD32"/>
+    <ellipse cx="-5" cy="5" rx="10" ry="6" fill="#90EE90"/>
+    <ellipse cx="5" cy="5" rx="10" ry="6" fill="#90EE90"/>
+  </g>
+  <!-- 罗勒 -->
+  <g transform="translate(535, 440)">
+    <path d="M0 40 Q10 20 0 0 Q-10 20 0 40" fill="#228B22"/>
+    <circle cx="0" cy="-10" r="8" fill="#98FB98"/>
+  </g>
+  <!-- 香草 -->
+  <g transform="translate(685, 440)">
+    <path d="M0 40 Q10 20 0 0 Q-10 20 0 40" fill="#228B22"/>
+    <circle cx="0" cy="-8" r="6" fill="#9ACD32"/>
+  </g>
+  <!-- 薄荷 -->
+  <g transform="translate(835, 440)">
+    <path d="M0 40 Q10 20 0 0 Q-10 20 0 40" fill="#228B22"/>
+    <circle cx="0" cy="-6" r="7" fill="#90EE90"/>
+  </g>
+  <!-- 另一种 -->
+  <g transform="translate(985, 440)">
+    <path d="M0 40 Q10 20 0 0 Q-10 20 0 40" fill="#228B22"/>
+    <circle cx="0" cy="-7" r="6" fill="#3CB371"/>
+  </g>
+
+  <!-- 装饰：飞鸟剪影 -->
+  <path d="M950 200 C960 190 970 200 980 190 C990 180 1000 190 1010 180" stroke="#2F4F4F" fill="none" stroke-width="3"/>
+  <path d="M950 220 C960 210 970 220 980 210 C990 200 1000 210 1010 200" stroke="#2F4F4F" fill="none" stroke-width="3"/>
+
+  <!-- 文字（可选） -->
+  <text x="600" y="620" font-family="Arial, sans-serif" font-size="36" fill="#FFF8DC" text-anchor="middle" opacity="0.9">夕阳下的阳台菜园</text>
+</svg>