重构关于我们、商家申请和案例页面，优化布局和内容展示

website/images/animal-case1.svg

@@ -0,0 +1,44 @@
+<svg width="400" height="300" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <linearGradient id="sky" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" style="stop-color:#87CEEB;stop-opacity:1" />
+      <stop offset="100%" style="stop-color:#E0F7FA;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient id="grass" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" style="stop-color:#4CAF50;stop-opacity:1" />
+      <stop offset="100%" style="stop-color:#81C784;stop-opacity:1" />
+    </linearGradient>
+  </defs>
+  
+  <!-- 天空背景 -->
+  <rect width="400" height="200" fill="url(#sky)" />
+  
+  <!-- 草地 -->
+  <rect width="400" height="100" y="200" fill="url(#grass)" />
+  
+  <!-- 太阳 -->
+  <circle cx="50" cy="50" r="20" fill="#FFEB3B" />
+  
+  <!-- 云朵 -->
+  <circle cx="120" cy="40" r="15" fill="white" />
+  <circle cx="135" cy="35" r="12" fill="white" />
+  <circle cx="150" cy="40" r="15" fill="white" />
+  
+  <!-- 小羊 -->
+  <circle cx="200" cy="180" r="25" fill="white" stroke="#E0E0E0" stroke-width="2" />
+  <circle cx="190" cy="170" r="8" fill="white" stroke="#E0E0E0" stroke-width="1" />
+  <circle cx="210" cy="170" r="8" fill="white" stroke="#E0E0E0" stroke-width="1" />
+  <circle cx="195" cy="175" r="3" fill="black" />
+  <circle cx="205" cy="175" r="3" fill="black" />
+  
+  <!-- 羊角 -->
+  <path d="M185 165 Q180 155, 175 160" stroke="#8D6E63" stroke-width="3" fill="none" />
+  <path d="M215 165 Q220 155, 225 160" stroke="#8D6E63" stroke-width="3" fill="none" />
+  
+  <!-- 羊腿 -->
+  <rect x="195" y="200" width="5" height="20" fill="white" stroke="#E0E0E0" stroke-width="1" />
+  <rect x="210" y="200" width="5" height="20" fill="white" stroke="#E0E0E0" stroke-width="1" />
+  
+  <!-- 文字标签 -->
+  <text x="200" y="250" text-anchor="middle" font-family="Arial, sans-serif" font-size="14" fill="#333">小羊认领案例</text>
+</svg>