aiotagro/jiebanke
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
mapleaf
2025-09-18 19:52:08 +08:00
parent 10aca89915
commit 4352f613fc
45 changed files with 8513 additions and 487 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
website/images/animal-case1.svg Normal file
View File

@@ -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>
Side by Side

After

Width:  |  Height:  |  Size: 1.9 KiB

58
website/images/animal-case2.svg Normal file
View File

@@ -0,0 +1,58 @@
<svg width="400" height="300" xmlns="http://www.w3.org/2000/svg">
<defs>
<linearGradient id="garden" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#E8F5E8;stop-opacity:1" />
<stop offset="100%" style="stop-color:#F1F8E9;stop-opacity:1" />
</linearGradient>
<linearGradient id="carrot" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#FF8A65;stop-opacity:1" />
<stop offset="100%" style="stop-color:#FF5722;stop-opacity:1" />
</linearGradient>
</defs>
<!-- 花园背景 -->
<rect width="400" height="300" fill="url(#garden)" />
<!-- 草地纹理 -->
<circle cx="50" cy="280" r="8" fill="#4CAF50" opacity="0.3" />
<circle cx="120" cy="290" r="6" fill="#4CAF50" opacity="0.3" />
<circle cx="200" cy="285" r="7" fill="#4CAF50" opacity="0.3" />
<circle cx="280" cy="290" r="5" fill="#4CAF50" opacity="0.3" />
<circle cx="350" cy="280" r="6" fill="#4CAF50" opacity="0.3" />
<!-- 小白兔 -->
<ellipse cx="200" cy="180" rx="35" ry="25" fill="white" stroke="#E0E0E0" stroke-width="2" />
<!-- 兔耳朵 -->
<ellipse cx="185" cy="150" rx="8" ry="25" fill="white" stroke="#E0E0E0" stroke-width="1" />
<ellipse cx="215" cy="150" rx="8" ry="25" fill="white" stroke="#E0E0E0" stroke-width="1" />
<!-- 兔脸 -->
<circle cx="190" cy="175" r="3" fill="pink" />
<circle cx="210" cy="175" r="3" fill="pink" />
<!-- 兔眼睛 -->
<circle cx="190" cy="170" r="2" fill="black" />
<circle cx="210" cy="170" r="2" fill="black" />
<!-- 兔嘴巴 -->
<path d="M195 185 Q200 188, 205 185" stroke="pink" stroke-width="1.5" fill="none" />
<!-- 胡萝卜 -->
<path d="M230 200 L250 190 L250 210 Z" fill="url(#carrot)" />
<path d="M250 195 L260 192" stroke="#4CAF50" stroke-width="2" />
<path d="M250 200 L262 200" stroke="#4CAF50" stroke-width="2" />
<path d="M250 205 L260 208" stroke="#4CAF50" stroke-width="2" />
<!-- 小朋友轮廓 -->
<circle cx="150" cy="160" r="20" fill="#FFCCBC" />
<ellipse cx="150" cy="200" rx="15" ry="25" fill="#64B5F6" />
<!-- 小朋友笑脸 -->
<circle cx="145" cy="155" r="2" fill="black" />
<circle cx="155" cy="155" r="2" fill="black" />
<path d="M145 165 Q150 170, 155 165" stroke="black" stroke-width="1" fill="none" />
<!-- 文字标签 -->
<text x="200" y="250" text-anchor="middle" font-family="Arial, sans-serif" font-size="14" fill="#333">小白兔认领案例</text>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.4 KiB

72
website/images/animal-case3.svg Normal file
View File

@@ -0,0 +1,72 @@
<svg width="400" height="300" xmlns="http://www.w3.org/2000/svg">
<defs>
<linearGradient id="barn" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#FFE0B2;stop-opacity:1" />
<stop offset="100%" style="stop-color:#FFCC80;stop-opacity:1" />
</linearGradient>
<linearGradient id="corporate" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#E3F2FD;stop-opacity:1" />
<stop offset="100%" style="stop-color:#BBDEFB;stop-opacity:1" />
</linearGradient>
</defs>
<!-- 农场背景 -->
<rect width="400" height="300" fill="#F5F5F5" />
<!-- 谷仓 -->
<rect x="100" y="150" width="200" height="100" fill="url(#barn)" stroke="#8D6E63" stroke-width="2" />
<polygon points="100,150 200,100 300,150" fill="#D32F2F" stroke="#B71C1C" stroke-width="2" />
<rect x="180" y="180" width="40" height="70" fill="#8D6E63" />
<!-- 企业标志 -->
<rect x="250" y="80" width="100" height="60" fill="url(#corporate)" rx="5" stroke="#1976D2" stroke-width="2" />
<text x="300" y="115" text-anchor="middle" font-family="Arial, sans-serif" font-size="12" fill="#1976D2" font-weight="bold">企业CSR</text>
<!-- 鸡群 -->
<!-- 鸡1 -->
<ellipse cx="130" cy="220" rx="12" ry="8" fill="white" />
<circle cx="125" cy="215" r="5" fill="white" />
<circle cx="123" cy="213" r="1.5" fill="black" />
<path d="M120 215 Q118 210, 115 212" stroke="#FF9800" stroke-width="2" fill="none" />
<path d="M135 225 Q138 228, 140 225" stroke="#FF9800" stroke-width="1.5" fill="none" />
<!-- 鸡2 -->
<ellipse cx="160" cy="230" rx="12" ry="8" fill="#FFEB3B" />
<circle cx="155" cy="225" r="5" fill="#FFEB3B" />
<circle cx="153" cy="223" r="1.5" fill="black" />
<path d="M150 225 Q148 220, 145 222" stroke="#FF9800" stroke-width="2" fill="none" />
<path d="M165 235 Q168 238, 170 235" stroke="#FF9800" stroke-width="1.5" fill="none" />
<!-- 鸡3 -->
<ellipse cx="190" cy="215" rx="12" ry="8" fill="#E91E63" />
<circle cx="185" cy="210" r="5" fill="#E91E63" />
<circle cx="183" cy="208" r="1.5" fill="black" />
<path d="M180 210 Q178 205, 175 207" stroke="#FF9800" stroke-width="2" fill="none" />
<path d="M195 220 Q198 223, 200 220" stroke="#FF9800" stroke-width="1.5" fill="none" />
<!-- 鸡4 -->
<ellipse cx="220" cy="225" rx="12" ry="8" fill="#9C27B0" />
<circle cx="215" cy="220" r="5" fill="#9C27B0" />
<circle cx="213" cy="218" r="1.5" fill="black" />
<path d="M210 220 Q208 215, 205 217" stroke="#FF9800" stroke-width="2" fill="none" />
<path d="M225 230 Q228 233, 230 230" stroke="#FF9800" stroke-width="1.5" fill="none" />
<!-- 鸡5 -->
<ellipse cx="250" cy="210" rx="12" ry="8" fill="#4CAF50" />
<circle cx="245" cy="205" r="5" fill="#4CAF50" />
<circle cx="243" cy="203" r="1.5" fill="black" />
<path d="M240 205 Q238 200, 235 202" stroke="#FF9800" stroke-width="2" fill="none" />
<path d="M255 215 Q258 218, 260 215" stroke="#FF9800" stroke-width="1.5" fill="none" />
<!-- 饲料 -->
<circle cx="280" cy="230" r="8" fill="#8D6E63" opacity="0.7" />
<circle cx="275" cy="225" r="5" fill="#8D6E63" opacity="0.7" />
<circle cx="285" cy="225" r="6" fill="#8D6E63" opacity="0.7" />
<!-- 爱心符号 -->
<path d="M300 180 Q320 160, 340 180 Q350 190, 340 200 Q320 220, 300 200 Q290 190, 300 180"
fill="#F44336" opacity="0.8" />
<!-- 文字标签 -->
<text x="200" y="280" text-anchor="middle" font-family="Arial, sans-serif" font-size="14" fill="#333">企业鸡群认领案例</text>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.5 KiB

54
website/images/chicken1.svg Normal file
View File

@@ -0,0 +1,54 @@
<svg width="200" height="200" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
<!-- 鸡身体 -->
<ellipse cx="100" cy="120" rx="40" ry="35" fill="#FFD700" stroke="#DAA520" stroke-width="2"/>
<!-- 鸡头部 -->
<circle cx="100" cy="80" r="20" fill="#FFD700" stroke="#DAA520" stroke-width="2"/>
<!-- 鸡冠 -->
<path d="M85 65 Q80 50 85 40 Q90 35 95 45 Q100 40 105 45 Q110 35 115 40 Q120 50 115 65" fill="#FF4500" stroke="#DC143C" stroke-width="1.5"/>
<!-- 肉垂 -->
<ellipse cx="100" cy="95" rx="5" ry="3" fill="#FF4500"/>
<!-- 眼睛 -->
<circle cx="92" cy="75" r="3" fill="#333333"/>
<circle cx="108" cy="75" r="3" fill="#333333"/>
<!-- 瞳孔 -->
<circle cx="92" cy="75" r="1" fill="#FFFFFF"/>
<circle cx="108" cy="75" r="1" fill="#FFFFFF"/>
<!-- 嘴巴 -->
<path d="M95 85 Q100 90 105 85" stroke="#FF8C00" stroke-width="2" fill="none"/>
<path d="M95 85 L90 80" stroke="#FF8C00" stroke-width="2"/>
<path d="M105 85 L110 80" stroke="#FF8C00" stroke-width="2"/>
<!-- 翅膀 -->
<ellipse cx="75" cy="115" rx="15" ry="10" fill="#FFD700" stroke="#DAA520" stroke-width="1.5" transform="rotate(-20 75 115)"/>
<ellipse cx="125" cy="115" rx="15" ry="10" fill="#FFD700" stroke="#DAA520" stroke-width="1.5" transform="rotate(20 125 115)"/>
<!-- 尾巴羽毛 -->
<path d="M140 110 Q155 100 150 85 Q145 80 140 90 Q135 85 130 95" fill="#FF8C00" stroke="#DAA520" stroke-width="1.5"/>
<path d="M135 105 Q145 95 140 80 Q135 75 130 85 Q125 80 120 90" fill="#FFA500" stroke="#DAA520" stroke-width="1.5"/>
<!-- 腿 -->
<path d="M90 150 L90 170 L85 170" stroke="#FF8C00" stroke-width="3" fill="none"/>
<path d="M110 150 L110 170 L115 170" stroke="#FF8C00" stroke-width="3" fill="none"/>
<!-- 爪子 -->
<path d="M85 170 L80 175 L82 172 L80 170" stroke="#FF8C00" stroke-width="1.5" fill="none"/>
<path d="M115 170 L120 175 L118 172 L120 170" stroke="#FF8C00" stroke-width="1.5" fill="none"/>
<!-- 鸡蛋 -->
<ellipse cx="60" cy="140" rx="8" ry="10" fill="#FFFFFF" stroke="#D3D3D3" stroke-width="1"/>
<!-- 草地背景 -->
<rect x="0" y="170" width="200" height="30" fill="#7CFC00"/>
<path d="M0 170 Q20 165 40 170 Q60 160 80 170 Q100 162 120 170 Q140 158 160 170 Q180 164 200 170 L200 200 L0 200 Z" fill="#32CD32"/>
<!-- 谷物装饰 -->
<circle cx="30" cy="150" r="3" fill="#DAA520"/>
<circle cx="35" cy="145" r="2" fill="#DAA520"/>
<circle cx="25" cy="145" r="2" fill="#DAA520"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.4 KiB

48
website/images/duck1.svg Normal file
View File

@@ -0,0 +1,48 @@
<svg width="200" height="200" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
<!-- 鸭子身体 -->
<ellipse cx="100" cy="130" rx="45" ry="35" fill="#FFD700" stroke="#DAA520" stroke-width="2"/>
<!-- 鸭子头部 -->
<circle cx="100" cy="90" r="25" fill="#FFA500" stroke="#D2691E" stroke-width="2"/>
<!-- 鸭嘴 -->
<path d="M85 85 Q75 80 80 70 Q85 65 90 75 Q95 70 100 75 Q105 70 110 75 Q115 65 120 70 Q125 80 115 85" fill="#FF8C00" stroke="#D2691E" stroke-width="1.5"/>
<!-- 眼睛 -->
<circle cx="95" cy="85" r="3" fill="#333333"/>
<circle cx="105" cy="85" r="3" fill="#333333"/>
<!-- 瞳孔 -->
<circle cx="95" cy="85" r="1" fill="#FFFFFF"/>
<circle cx="105" cy="85" r="1" fill="#FFFFFF"/>
<!-- 翅膀 -->
<ellipse cx="75" cy="120" rx="20" ry="15" fill="#FFD700" stroke="#DAA520" stroke-width="1.5" transform="rotate(-30 75 120)"/>
<ellipse cx="125" cy="120" rx="20" ry="15" fill="#FFD700" stroke="#DAA520" stroke-width="1.5" transform="rotate(30 125 120)"/>
<!-- 尾巴羽毛 -->
<path d="M140 125 Q155 115 150 100 Q145 95 140 105 Q135 100 130 110" fill="#FFA500" stroke="#DAA520" stroke-width="1.5"/>
<!-- 腿 -->
<path d="M90 160 L90 180 L85 180" stroke="#FF8C00" stroke-width="3" fill="none"/>
<path d="M110 160 L110 180 L115 180" stroke="#FF8C00" stroke-width="3" fill="none"/>
<!-- 蹼 -->
<path d="M85 180 Q82 185 80 183 Q78 181 80 178 Q82 175 85 180" fill="#FF8C00"/>
<path d="M115 180 Q118 185 120 183 Q122 181 120 178 Q118 175 115 180" fill="#FF8C00"/>
<!-- 水波纹 -->
<path d="M30 170 Q50 165 70 170 Q90 168 110 170 Q130 167 150 170 Q170 165 190 170 L200 170 L200 200 L0 200 L0 170 Z" fill="#87CEEB" opacity="0.6"/>
<!-- 水花 -->
<circle cx="50" cy="165" r="2" fill="#FFFFFF" opacity="0.8"/>
<circle cx="70" cy="168" r="3" fill="#FFFFFF" opacity="0.8"/>
<circle cx="100" cy="166" r="2" fill="#FFFFFF" opacity="0.8"/>
<circle cx="130" cy="169" r="3" fill="#FFFFFF" opacity="0.8"/>
<circle cx="150" cy="167" r="2" fill="#FFFFFF" opacity="0.8"/>
<!-- 小鸭子装饰 -->
<circle cx="160" cy="110" r="8" fill="#FFD700" stroke="#DAA520" stroke-width="1"/>
<circle cx="163" cy="107" r="2" fill="#333333"/>
<path d="M155 115 Q150 110 152 105" stroke="#FF8C00" stroke-width="1.5" fill="none"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.3 KiB

90
website/images/flower-case1.svg Normal file
View File

@@ -0,0 +1,90 @@
<svg width="300" height="200" viewBox="0 0 300 200" xmlns="http://www.w3.org/2000/svg">
<!-- 浪漫求婚场景 -->
<defs>
<linearGradient id="romanticGradient" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" style="stop-color:#FFB6C1;stop-opacity:1" />
<stop offset="100%" style="stop-color:#FF69B4;stop-opacity:1" />
</linearGradient>
<linearGradient id="nightSky" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" style="stop-color:#1E1E2E;stop-opacity:1" />
<stop offset="100%" style="stop-color:#2D2D44;stop-opacity:1" />
</linearGradient>
</defs>
<!-- 夜晚背景 -->
<rect width="300" height="200" fill="url(#nightSky)"/>
<!-- 星星 -->
<circle cx="50" cy="30" r="1" fill="#FFFFFF" opacity="0.8"/>
<circle cx="80" cy="20" r="0.8" fill="#FFFFFF" opacity="0.6"/>
<circle cx="120" cy="40" r="1.2" fill="#FFFFFF" opacity="0.9"/>
<circle cx="180" cy="25" r="0.7" fill="#FFFFFF" opacity="0.5"/>
<circle cx="220" cy="35" r="1" fill="#FFFFFF" opacity="0.8"/>
<circle cx="260" cy="15" r="0.9" fill="#FFFFFF" opacity="0.7"/>
<circle cx="280" cy="45" r="1.1" fill="#FFFFFF" opacity="0.9"/>
<!-- 月亮 -->
<circle cx="250" cy="50" r="15" fill="#FFD700" opacity="0.9"/>
<circle cx="245" cy="45" r="12" fill="#1E1E2E"/>
<!-- 城市剪影 -->
<rect x="0" y="120" width="300" height="80" fill="#000000" opacity="0.8"/>
<!-- 建筑物 -->
<rect x="20" y="100" width="15" height="20" fill="#333333"/>
<rect x="40" y="90" width="20" height="30" fill="#444444"/>
<rect x="65" y="95" width="18" height="25" fill="#555555"/>
<rect x="90" y="85" width="25" height="35" fill="#333333"/>
<rect x="120" y="100" width="15" height="20" fill="#444444"/>
<rect x="140" y="92" width="22" height="28" fill="#555555"/>
<rect x="170" y="88" width="30" height="32" fill="#333333"/>
<rect x="205" y="95" width="16" height="25" fill="#444444"/>
<rect x="230" y="90" width="20" height="30" fill="#555555"/>
<rect x="255" y="85" width="25" height="35" fill="#333333"/>
<rect x="285" y="100" width="12" height="20" fill="#444444"/>
<!-- 窗户灯光 -->
<rect x="25" y="105" width="5" height="8" fill="#FFD700" opacity="0.6"/>
<rect x="45" y="95" width="6" height="10" fill="#FFD700" opacity="0.7"/>
<rect x="95" y="90" width="8" height="12" fill="#FFD700" opacity="0.8"/>
<rect x="145" y="97" width="5" height="8" fill="#FFD700" opacity="0.6"/>
<rect x="175" y="93" width="7" height="11" fill="#FFD700" opacity="0.7"/>
<rect x="235" y="95" width="6" height="10" fill="#FFD700" opacity="0.6"/>
<rect x="260" y="90" width="8" height="12" fill="#FFD700" opacity="0.8"/>
<!-- 求婚场景 -->
<!-- 男性 -->
<circle cx="150" cy="140" r="5" fill="#1E90FF"/>
<rect x="145" y="145" width="10" height="15" fill="#4169E1"/>
<!-- 女性 -->
<circle cx="150" cy="130" r="5" fill="#FFB6C1"/>
<path d="M145 135 L155 135 L155 150 L145 150 Z" fill="#FF69B4"/>
<!-- 单膝跪地姿势 -->
<rect x="147" y="160" width="6" height="8" fill="#4169E1"/>
<rect x="145" y="168" width="3" height="5" fill="#1E90FF"/>
<rect x="152" y="168" width="3" height="5" fill="#1E90FF"/>
<!-- 玫瑰花束 -->
<circle cx="140" cy="125" r="8" fill="#FF0000"/>
<path d="M132 125 Q136 120 140 125 Q144 120 148 125" fill="#FF0000" opacity="0.8"/>
<path d="M130 127 Q134 122 138 127 Q142 122 146 127" fill="#FF0000" opacity="0.6"/>
<rect x="138" y="133" width="4" height="8" fill="#32CD32"/>
<!-- 爱心特效 -->
<path d="M160 120 Q165 115 170 120 Q175 125 170 130 Q165 135 160 130 Q155 125 160 120" fill="#FF6B6B" opacity="0.7"/>
<path d="M155 115 Q160 110 165 115 Q170 120 165 125 Q160 130 155 125 Q150 120 155 115" fill="#FF6B6B" opacity="0.5"/>
<!-- 文字标识 -->
<text x="150" y="30" text-anchor="middle" font-family="Arial, sans-serif" font-size="12" fill="#FFFFFF">浪漫求婚惊喜</text>
<text x="150" y="45" text-anchor="middle" font-family="Arial, sans-serif" font-size="10" fill="#FFB6C1">99朵玫瑰·感动时刻</text>
<!-- 闪光效果 -->
<circle cx="140" cy="125" r="2" fill="#FFFFFF" opacity="0.9">
<animate attributeName="opacity" values="0.3;0.9;0.3" dur="2s" repeatCount="indefinite"/>
</circle>
<circle cx="160" cy="120" r="1.5" fill="#FFFFFF" opacity="0.8">
<animate attributeName="opacity" values="0.2;0.8;0.2" dur="1.5s" repeatCount="indefinite"/>
</circle>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 4.3 KiB

111
website/images/flower-case2.svg Normal file
View File

@@ -0,0 +1,111 @@
<svg width="300" height="200" viewBox="0 0 300 200" xmlns="http://www.w3.org/2000/svg">
<!-- 生日祝福场景 -->
<defs>
<linearGradient id="birthdayGradient" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" style="stop-color:#FFD700;stop-opacity:1" />
<stop offset="100%" style="stop-color:#FFA500;stop-opacity:1" />
</linearGradient>
<linearGradient id="partyGradient" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" style="stop-color:#FF6B6B;stop-opacity:0.3" />
<stop offset="50%" style="stop-color:#FFD700;stop-opacity:0.3" />
<stop offset="100%" style="stop-color:#1E90FF;stop-opacity:0.3" />
</linearGradient>
</defs>
<!-- 背景 -->
<rect width="300" height="200" fill="url(#partyGradient)"/>
<!-- 生日蛋糕 -->
<!-- 蛋糕底层 -->
<rect x="120" y="130" width="60" height="20" rx="10" fill="#8B4513"/>
<!-- 蛋糕中层 -->
<rect x="110" y="110" width="80" height="20" rx="10" fill="#FFD700"/>
<!-- 蛋糕顶层 -->
<rect x="100" y="90" width="100" height="20" rx="10" fill="#FF6B6B"/>
<!-- 奶油装饰 -->
<circle cx="100" cy="90" r="5" fill="#FFFFFF"/>
<circle cx="110" cy="90" r="5" fill="#FFFFFF"/>
<circle cx="120" cy="90" r="5" fill="#FFFFFF"/>
<circle cx="130" cy="90" r="5" fill="#FFFFFF"/>
<circle cx="140" cy="90" r="5" fill="#FFFFFF"/>
<circle cx="150" cy="90" r="5" fill="#FFFFFF"/>
<circle cx="160" cy="90" r="5" fill="#FFFFFF"/>
<circle cx="170" cy="90" r="5" fill="#FFFFFF"/>
<circle cx="180" cy="90" r="5" fill="#FFFFFF"/>
<circle cx="190" cy="90" r="5" fill="#FFFFFF"/>
<circle cx="200" cy="90" r="5" fill="#FFFFFF"/>
<!-- 蜡烛 -->
<rect x="125" y="70" width="3" height="15" fill="#FF0000"/>
<rect x="135" y="70" width="3" height="15" fill="#00FF00"/>
<rect x="145" y="70" width="3" height="15" fill="#0000FF"/>
<rect x="155" y="70" width="3" height="15" fill="#FFFF00"/>
<rect x="165" y="70" width="3" height="15" fill="#FF00FF"/>
<rect x="175" y="70" width="3" height="15" fill="#00FFFF"/>
<!-- 蜡烛火焰 -->
<path d="M126.5 65 Q128 60 129.5 65" fill="#FFD700"/>
<path d="M136.5 65 Q138 60 139.5 65" fill="#FFD700"/>
<path d="M146.5 65 Q148 60 149.5 65" fill="#FFD700"/>
<path d="M156.5 65 Q158 60 159.5 65" fill="#FFD700"/>
<path d="M166.5 65 Q168 60 169.5 65" fill="#FFD700"/>
<path d="M176.5 65 Q178 60 179.5 65" fill="#FFD700"/>
<!-- 生日礼物 -->
<rect x="50" y="120" width="30" height="20" fill="#FF69B4" rx="5"/>
<rect x="55" y="125" width="20" height="10" fill="#FFFFFF" rx="2"/>
<rect x="220" y="120" width="30" height="20" fill="#1E90FF" rx="5"/>
<circle cx="235" cy="130" r="8" fill="#FFFFFF"/>
<!-- 生日花束 -->
<!-- 花束主体 -->
<circle cx="150" cy="160" r="15" fill="#FF0000"/>
<circle cx="140" cy="155" r="12" fill="#FFD700"/>
<circle cx="160" cy="155" r="12" fill="#1E90FF"/>
<circle cx="145" cy="165" r="10" fill="#FF69B4"/>
<circle cx="155" cy="165" r="10" fill="#32CD32"/>
<!-- 花束包装 -->
<rect x="135" y="170" width="30" height="15" fill="#FFFFFF" rx="3"/>
<rect x="140" y="175" width="20" height="5" fill="#FFD700" rx="2"/>
<!-- 生日帽 -->
<path d="M180 100 L200 90 L180 110 Z" fill="#FF0000"/>
<circle cx="190" cy="85" r="3" fill="#FFFFFF"/>
<!-- 气球 -->
<circle cx="60" cy="70" r="8" fill="#FF0000"/>
<path d="M60 78 L60 90" stroke="#FFFFFF" stroke-width="1"/>
<circle cx="80" cy="60" r="7" fill="#1E90FF"/>
<path d="M80 67 L80 80" stroke="#FFFFFF" stroke-width="1"/>
<circle cx="240" cy="65" r="9" fill="#FFD700"/>
<path d="M240 74 L240 88" stroke="#FFFFFF" stroke-width="1"/>
<circle cx="260" cy="75" r="6" fill="#32CD32"/>
<path d="M260 81 L260 92" stroke="#FFFFFF" stroke-width="1"/>
<!-- 彩带 -->
<path d="M20 40 Q40 30 60 50" stroke="#FF6B6B" stroke-width="2" fill="none"/>
<path d="M280 30 Q260 20 240 40" stroke="#1E90FF" stroke-width="2" fill="none"/>
<path d="M10 80 Q30 60 50 70" stroke="#FFD700" stroke-width="2" fill="none"/>
<path d="M290 90 Q270 70 250 80" stroke="#32CD32" stroke-width="2" fill="none"/>
<!-- 文字标识 -->
<text x="150" y="30" text-anchor="middle" font-family="Arial, sans-serif" font-size="12" fill="#333333">特别的生日礼物</text>
<text x="150" y="45" text-anchor="middle" font-family="Arial, sans-serif" font-size="10" fill="#666666">温暖祝福·远方关怀</text>
<!-- 庆祝特效 -->
<circle cx="100" cy="50" r="2" fill="#FF0000" opacity="0.8">
<animate attributeName="opacity" values="0.3;0.8;0.3" dur="1.5s" repeatCount="indefinite"/>
</circle>
<circle cx="200" cy="40" r="1.5" fill="#1E90FF" opacity="0.7">
<animate attributeName="opacity" values="0.2;0.7;0.2" dur="2s" repeatCount="indefinite"/>
</circle>
<circle cx="250" cy="60" r="2" fill="#FFD700" opacity="0.9">
<animate attributeName="opacity" values="0.4;0.9;0.4" dur="1.8s" repeatCount="indefinite"/>
</circle>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 4.9 KiB

131
website/images/flower-case3.svg Normal file
View File

@@ -0,0 +1,131 @@
<svg width="300" height="200" viewBox="0 0 300 200" xmlns="http://www.w3.org/2000/svg">
<!-- 商务庆典场景 -->
<defs>
<linearGradient id="businessGradient" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" style="stop-color:#4169E1;stop-opacity:1" />
<stop offset="100%" style="stop-color:#1E90FF;stop-opacity:1" />
</linearGradient>
<linearGradient id="elegantGradient" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" style="stop-color:#FFFFFF;stop-opacity:0.9" />
<stop offset="100%" style="stop-color:#F8F9FA;stop-opacity:1" />
</linearGradient>
</defs>
<!-- 商务风格背景 -->
<rect width="300" height="200" fill="url(#elegantGradient)"/>
<!-- 商务建筑轮廓 -->
<rect x="0" y="120" width="300" height="80" fill="#E8E8E8"/>
<!-- 现代办公楼 -->
<rect x="50" y="80" width="40" height="40" fill="#FFFFFF" stroke="#CCCCCC" stroke-width="1"/>
<rect x="55" y="85" width="30" height="30" fill="#1E90FF" opacity="0.3"/>
<rect x="100" y="70" width="50" height="50" fill="#FFFFFF" stroke="#CCCCCC" stroke-width="1"/>
<rect x="105" y="75" width="40" height="40" fill="#4169E1" opacity="0.3"/>
<rect x="160" y="90" width="35" height="30" fill="#FFFFFF" stroke="#CCCCCC" stroke-width="1"/>
<rect x="165" y="95" width="25" height="20" fill="#1E90FF" opacity="0.3"/>
<rect x="205" y="75" width="45" height="45" fill="#FFFFFF" stroke="#CCCCCC" stroke-width="1"/>
<rect x="210" y="80" width="35" height="35" fill="#4169E1" opacity="0.3"/>
<!-- 窗户网格 -->
<rect x="58" y="88" width="5" height="8" fill="#FFFFFF" opacity="0.8"/>
<rect x="68" y="88" width="5" height="8" fill="#FFFFFF" opacity="0.8"/>
<rect x="78" y="88" width="5" height="8" fill="#FFFFFF" opacity="0.8"/>
<rect x="108" y="78" width="6" height="10" fill="#FFFFFF" opacity="0.8"/>
<rect x="120" y="78" width="6" height="10" fill="#FFFFFF" opacity="0.8"/>
<rect x="132" y="78" width="6" height="10" fill="#FFFFFF" opacity="0.8"/>
<!-- 开业庆典花篮 -->
<!-- 花篮底座 -->
<rect x="120" y="140" width="60" height="10" fill="#8B4513" rx="2"/>
<!-- 花篮主体 -->
<path d="M110 140 Q120 100 130 140" fill="#FFD700" opacity="0.8"/>
<path d="M130 140 Q140 100 150 140" fill="#FF6B6B" opacity="0.8"/>
<path d="M150 140 Q160 100 170 140" fill="#1E90FF" opacity="0.8"/>
<!-- 花篮装饰 -->
<rect x="125" y="130" width="10" height="15" fill="#FFFFFF" rx="2"/>
<rect x="135" y="125" width="10" height="20" fill="#FFFFFF" rx="2"/>
<rect x="145" y="130" width="10" height="15" fill="#FFFFFF" rx="2"/>
<!-- 花朵装饰 -->
<circle cx="128" cy="120" r="5" fill="#FF0000"/>
<circle cx="135" cy="115" r="4" fill="#FFD700"/>
<circle cx="142" cy="118" r="6" fill="#1E90FF"/>
<circle cx="150" cy="113" r="5" fill="#32CD32"/>
<circle cx="158" cy="116" r="4" fill="#FF69B4"/>
<circle cx="165" cy="119" r="5" fill="#800080"/>
<!-- 彩带 -->
<path d="M110 140 L100 120" stroke="#FF0000" stroke-width="2" fill="none"/>
<path d="M170 140 L180 120" stroke="#1E90FF" stroke-width="2" fill="none"/>
<!-- 开业横幅 -->
<rect x="80" y="60" width="140" height="20" fill="#FF0000" rx="3"/>
<text x="150" y="73" text-anchor="middle" font-family="Arial, sans-serif" font-size="8" fill="#FFFFFF">开业大吉</text>
<!-- 商务人士 -->
<!-- 人物1 -->
<circle cx="90" cy="150" r="4" fill="#333333"/>
<rect x="86" y="154" width="8" height="12" fill="#4169E1"/>
<!-- 人物2 -->
<circle cx="110" cy="150" r="4" fill="#333333"/>
<rect x="106" y="154" width="8" height="12" fill="#1E90FF"/>
<!-- 人物3 -->
<circle cx="130" cy="150" r="4" fill="#333333"/>
<rect x="126" y="154" width="8" height="12" fill="#FF6B6B"/>
<!-- 人物4 -->
<circle cx="150" cy="150" r="4" fill="#333333"/>
<rect x="146" y="154" width="8" height="12" fill="#32CD32"/>
<!-- 人物5 -->
<circle cx="170" cy="150" r="4" fill="#333333"/>
<rect x="166" y="154" width="8" height="12" fill="#FFD700"/>
<!-- 人物6 -->
<circle cx="190" cy="150" r="4" fill="#333333"/>
<rect x="186" y="154" width="8" height="12" fill="#FF69B4"/>
<!-- 剪彩仪式 -->
<rect x="100" y="140" width="100" height="2" fill="#FF0000"/>
<circle cx="100" cy="141" r="3" fill="#FFFFFF" stroke="#FF0000" stroke-width="1"/>
<circle cx="200" cy="141" r="3" fill="#FFFFFF" stroke="#FF0000" stroke-width="1"/>
<!-- 气球装饰 -->
<circle cx="60" cy="100" r="6" fill="#FF0000"/>
<path d="M60 106 L60 120" stroke="#FFFFFF" stroke-width="1"/>
<circle cx="240" cy="100" r="5" fill="#1E90FF"/>
<path d="M240 105 L240 118" stroke="#FFFFFF" stroke-width="1"/>
<circle cx="270" cy="110" r="4" fill="#FFD700"/>
<path d="M270 114 L270 125" stroke="#FFFFFF" stroke-width="1"/>
<!-- 文字标识 -->
<text x="150" y="30" text-anchor="middle" font-family="Arial, sans-serif" font-size="12" fill="#333333">商务庆典花篮</text>
<text x="150" y="45" text-anchor="middle" font-family="Arial, sans-serif" font-size="10" fill="#666666">专业定制·喜庆氛围</text>
<!-- 商务元素 -->
<rect x="40" y="40" width="15" height="10" fill="#4169E1" rx="2"/>
<rect x="42" y="42" width="11" height="6" fill="#FFFFFF" rx="1"/>
<rect x="245" y="40" width="15" height="10" fill="#1E90FF" rx="2"/>
<path d="M248 42 L252 45 L248 48 Z" fill="#FFFFFF"/>
<!-- 光影效果 -->
<rect x="0" y="0" width="300" height="200" fill="url(#businessGradient)" opacity="0.1"/>
<!-- 装饰线条 -->
<path d="M20 50 L40 45" stroke="#4169E1" stroke-width="1" opacity="0.5" fill="none"/>
<path d="M280 55 L260 50" stroke="#1E90FF" stroke-width="1" opacity="0.5" fill="none"/>
<path d="M30 180 L50 175" stroke="#FF6B6B" stroke-width="1" opacity="0.5" fill="none"/>
<path d="M270 175 L250 170" stroke="#FFD700" stroke-width="1" opacity="0.5" fill="none"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 5.8 KiB

64
website/images/flower-pattern.svg Normal file
View File

@@ -0,0 +1,64 @@
<svg width="200" height="200" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
<!-- 花朵图案背景 -->
<defs>
<g id="flower">
<!-- 花朵中心 -->
<circle cx="0" cy="0" r="4" fill="#ff6b6b" opacity="0.6"/>
<!-- 花瓣 -->
<path d="M0,-8 Q3,-12 0,-16 Q-3,-12 0,-8" fill="#ff8e8e" opacity="0.4"/>
<path d="M8,0 Q12,3 16,0 Q12,-3 8,0" fill="#ff8e8e" opacity="0.4"/>
<path d="M0,8 Q-3,12 0,16 Q3,12 0,8" fill="#ff8e8e" opacity="0.4"/>
<path d="M-8,0 Q-12,-3 -16,0 Q-12,3 -8,0" fill="#ff8e8e" opacity="0.4"/>
<!-- 对角线花瓣 -->
<path d="M5.66,-5.66 Q8,-8 11.31,-11.31 Q8,-14.14 5.66,-11.31 Q2.83,-8 5.66,-5.66" fill="#ff8e8e" opacity="0.3"/>
<path d="M5.66,5.66 Q8,8 11.31,11.31 Q8,14.14 5.66,11.31 Q2.83,8 5.66,5.66" fill="#ff8e8e" opacity="0.3"/>
<path d="M-5.66,5.66 Q-8,8 -11.31,11.31 Q-8,14.14 -5.66,11.31 Q-2.83,8 -5.66,5.66" fill="#ff8e8e" opacity="0.3"/>
<path d="M-5.66,-5.66 Q-8,-8 -11.31,-11.31 Q-8,-14.14 -5.66,-11.31 Q-2.83,-8 -5.66,-5.66" fill="#ff8e8e" opacity="0.3"/>
</g>
</defs>
<!-- 重复花朵图案 -->
<use href="#flower" x="25" y="25"/>
<use href="#flower" x="75" y="25"/>
<use href="#flower" x="125" y="25"/>
<use href="#flower" x="175" y="25"/>
<use href="#flower" x="25" y="75"/>
<use href="#flower" x="75" y="75"/>
<use href="#flower" x="125" y="75"/>
<use href="#flower" x="175" y="75"/>
<use href="#flower" x="25" y="125"/>
<use href="#flower" x="75" y="125"/>
<use href="#flower" x="125" y="125"/>
<use href="#flower" x="175" y="125"/>
<use href="#flower" x="25" y="175"/>
<use href="#flower" x="75" y="175"/>
<use href="#flower" x="125" y="175"/>
<use href="#flower" x="175" y="175"/>
<!-- 额外的花朵装饰 -->
<use href="#flower" x="50" y="50" transform="scale(0.8)"/>
<use href="#flower" x="100" y="50" transform="scale(0.8)"/>
<use href="#flower" x="150" y="50" transform="scale(0.8)"/>
<use href="#flower" x="50" y="100" transform="scale(0.8)"/>
<use href="#flower" x="100" y="100" transform="scale(0.8)"/>
<use href="#flower" x="150" y="100" transform="scale(0.8)"/>
<use href="#flower" x="50" y="150" transform="scale(0.8)"/>
<use href="#flower" x="100" y="150" transform="scale(0.8)"/>
<use href="#flower" x="150" y="150" transform="scale(0.8)"/>
<!-- 小圆点装饰 -->
<circle cx="10" cy="10" r="1" fill="#ff6b6b" opacity="0.3"/>
<circle cx="190" cy="10" r="1" fill="#ff6b6b" opacity="0.3"/>
<circle cx="10" cy="190" r="1" fill="#ff6b6b" opacity="0.3"/>
<circle cx="190" cy="190" r="1" fill="#ff6b6b" opacity="0.3"/>
<circle cx="30" cy="30" r="0.8" fill="#ff8e8e" opacity="0.2"/>
<circle cx="170" cy="30" r="0.8" fill="#ff8e8e" opacity="0.2"/>
<circle cx="30" cy="170" r="0.8" fill="#ff8e8e" opacity="0.2"/>
<circle cx="170" cy="170" r="0.8" fill="#ff8e8e" opacity="0.2"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.9 KiB

43
website/images/goat1.svg Normal file
View File

@@ -0,0 +1,43 @@
<svg width="200" height="200" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
<!-- 山羊身体 -->
<ellipse cx="100" cy="120" rx="45" ry="35" fill="#D2B48C" stroke="#A0522D" stroke-width="2"/>
<!-- 山羊头部 -->
<ellipse cx="100" cy="85" rx="30" ry="25" fill="#D2B48C" stroke="#A0522D" stroke-width="2"/>
<!-- 角 -->
<path d="M75 65 Q70 40 80 30 Q85 25 90 35 Q85 30 95 25 Q100 20 105 25 Q115 30 110 35 Q115 25 120 30 Q130 40 125 65" fill="#A0522D" stroke="#8B4513" stroke-width="1.5"/>
<!-- 耳朵 -->
<ellipse cx="80" cy="75" rx="8" ry="12" fill="#D2B48C" stroke="#A0522D" stroke-width="1"/>
<ellipse cx="120" cy="75" rx="8" ry="12" fill="#D2B48C" stroke="#A0522D" stroke-width="1"/>
<!-- 眼睛 -->
<circle cx="90" cy="80" r="3" fill="#333333"/>
<circle cx="110" cy="80" r="3" fill="#333333"/>
<!-- 鼻子 -->
<ellipse cx="100" cy="95" rx="5" ry="3" fill="#FFB6C1"/>
<!-- 嘴巴 -->
<path d="M95 100 Q100 103 105 100" stroke="#333333" stroke-width="1.5" fill="none"/>
<!-- 胡子 -->
<line x1="95" y1="102" x2="85" y2="100" stroke="#333333" stroke-width="1"/>
<line x1="95" y1="104" x2="85" y2="104" stroke="#333333" stroke-width="1"/>
<line x1="105" y1="102" x2="115" y2="100" stroke="#333333" stroke-width="1"/>
<line x1="105" y1="104" x2="115" y2="104" stroke="#333333" stroke-width="1"/>
<!-- 腿 -->
<rect x="80" y="145" width="8" height="25" rx="4" fill="#D2B48C" stroke="#A0522D" stroke-width="1"/>
<rect x="95" y="145" width="8" height="25" rx="4" fill="#D2B48C" stroke="#A0522D" stroke-width="1"/>
<rect x="105" y="145" width="8" height="25" rx="4" fill="#D2B48C" stroke="#A0522D" stroke-width="1"/>
<rect x="120" y="145" width="8" height="25" rx="4" fill="#D2B48C" stroke="#A0522D" stroke-width="1"/>
<!-- 尾巴 -->
<path d="M145 110 Q155 100 150 90 Q145 85 140 95 Q135 90 130 100" fill="#D2B48C" stroke="#A0522D" stroke-width="1.5"/>
<!-- 草地背景 -->
<rect x="0" y="170" width="200" height="30" fill="#7CFC00"/>
<path d="M0 170 Q20 165 40 170 Q60 160 80 170 Q100 162 120 170 Q140 158 160 170 Q180 164 200 170 L200 200 L0 200 Z" fill="#32CD32"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.1 KiB

67
website/images/goat2.svg Normal file
View File

@@ -0,0 +1,67 @@
<svg width="200" height="200" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
<!-- 山羊身体 -->
<ellipse cx="100" cy="130" rx="50" ry="40" fill="#A9A9A9" stroke="#696969" stroke-width="2"/>
<!-- 山羊头部 -->
<ellipse cx="100" cy="85" rx="35" ry="30" fill="#A9A9A9" stroke="#696969" stroke-width="2"/>
<!-- 大角 -->
<path d="M70 60 Q60 30 75 15 Q85 5 90 20 Q85 10 100 5 Q115 10 110 20 Q115 5 125 15 Q140 30 130 60" fill="#8B4513" stroke="#654321" stroke-width="2"/>
<!-- 耳朵 -->
<ellipse cx="80" cy="75" rx="10" ry="15" fill="#A9A9A9" stroke="#696969" stroke-width="1.5"/>
<ellipse cx="120" cy="75" rx="10" ry="15" fill="#A9A9A9" stroke="#696969" stroke-width="1.5"/>
<!-- 眼睛 -->
<circle cx="88" cy="80" r="4" fill="#333333"/>
<circle cx="112" cy="80" r="4" fill="#333333"/>
<!-- 瞳孔 -->
<circle cx="88" cy="80" r="1.5" fill="#FFFFFF"/>
<circle cx="112" cy="80" r="1.5" fill="#FFFFFF"/>
<!-- 鼻子 -->
<ellipse cx="100" cy="95" rx="6" ry="4" fill="#8B4513"/>
<!-- 嘴巴 -->
<path d="M94 102 Q100 106 106 102" stroke="#333333" stroke-width="2" fill="none"/>
<!-- 胡子 -->
<line x1="92" y1="104" x2="80" y2="102" stroke="#333333" stroke-width="1.5"/>
<line x1="92" y1="107" x2="80" y2="107" stroke="#333333" stroke-width="1.5"/>
<line x1="92" y1="110" x2="80" y2="112" stroke="#333333" stroke-width="1.5"/>
<line x1="108" y1="104" x2="120" y2="102" stroke="#333333" stroke-width="1.5"/>
<line x1="108" y1="107" x2="120" y2="107" stroke="#333333" stroke-width="1.5"/>
<line x1="108" y1="110" x2="120" y2="112" stroke="#333333" stroke-width="1.5"/>
<!-- 腿 -->
<rect x="75" y="160" width="12" height="30" rx="6" fill="#A9A9A9" stroke="#696969" stroke-width="1.5"/>
<rect x="95" y="160" width="12" height="30" rx="6" fill="#A9A9A9" stroke="#696969" stroke-width="1.5"/>
<rect x="105" y="160" width="12" height="30" rx="6" fill="#A9A9A9" stroke="#696969" stroke-width="1.5"/>
<rect x="125" y="160" width="12" height="30" rx="6" fill="#A9A9A9" stroke="#696969" stroke-width="1.5"/>
<!-- 蹄子 -->
<rect x="73" y="188" width="16" height="4" rx="2" fill="#696969"/>
<rect x="93" y="188" width="16" height="4" rx="2" fill="#696969"/>
<rect x="103" y="188" width="16" height="4" rx="2" fill="#696969"/>
<rect x="123" y="188" width="16" height="4" rx="2" fill="#696969"/>
<!-- 尾巴 -->
<path d="M145 120 Q160 110 155 90 Q150 80 145 95 Q140 85 135 100" fill="#A9A9A9" stroke="#696969" stroke-width="2"/>
<!-- 肌肉线条 -->
<path d="M90 110 Q95 115 100 110 Q105 115 110 110" stroke="#808080" stroke-width="1" fill="none" opacity="0.6"/>
<path d="M85 125 Q90 130 95 125 Q100 130 105 125" stroke="#808080" stroke-width="1" fill="none" opacity="0.6"/>
<!-- 岩石背景 -->
<path d="M0 170 Q20 160 40 170 Q60 155 80 170 Q100 150 120 170 Q140 160 160 170 Q180 155 200 170 L200 200 L0 200 Z" fill="#708090"/>
<!-- 岩石纹理 -->
<path d="M20 175 Q30 170 40 175" stroke="#5F6A6A" stroke-width="1" fill="none"/>
<path d="M60 175 Q70 172 80 175" stroke="#5F6A6A" stroke-width="1" fill="none"/>
<path d="M100 175 Q110 168 120 175" stroke="#5F6A6A" stroke-width="1" fill="none"/>
<path d="M140 175 Q150 170 160 175" stroke="#5F6A6A" stroke-width="1" fill="none"/>
<!-- 强壮的山羊文字标识 -->
<text x="100" y="30" text-anchor="middle" font-family="Arial, sans-serif" font-size="12" fill="#333333" opacity="0.7">强壮山羊</text>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.4 KiB

56
website/images/rabbit1.svg Normal file
View File

@@ -0,0 +1,56 @@
<svg width="200" height="200" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
<!-- 兔子身体 -->
<ellipse cx="100" cy="120" rx="40" ry="30" fill="#FFFFFF" stroke="#CCCCCC" stroke-width="2"/>
<!-- 兔子头部 -->
<circle cx="100" cy="85" r="25" fill="#FFFFFF" stroke="#CCCCCC" stroke-width="2"/>
<!-- 长耳朵 -->
<ellipse cx="85" cy="60" rx="8" ry="25" fill="#FFFFFF" stroke="#CCCCCC" stroke-width="1.5"/>
<ellipse cx="115" cy="60" rx="8" ry="25" fill="#FFFFFF" stroke="#CCCCCC" stroke-width="1.5"/>
<!-- 耳朵内部 -->
<ellipse cx="85" cy="65" rx="5" ry="15" fill="#FFB6C1"/>
<ellipse cx="115" cy="65" rx="5" ry="15" fill="#FFB6C1"/>
<!-- 眼睛 -->
<circle cx="90" cy="80" r="3" fill="#FF69B4"/>
<circle cx="110" cy="80" r="3" fill="#FF69B4"/>
<!-- 瞳孔 -->
<circle cx="90" cy="80" r="1" fill="#000000"/>
<circle cx="110" cy="80" r="1" fill="#000000"/>
<!-- 鼻子 -->
<circle cx="100" cy="90" r="4" fill="#FF69B4"/>
<!-- 嘴巴 -->
<path d="M98 95 Q100 98 102 95" stroke="#FF69B4" stroke-width="1.5" fill="none"/>
<!-- 胡须 -->
<line x1="95" y1="92" x2="85" y2="90" stroke="#333333" stroke-width="0.8"/>
<line x1="95" y1="94" x2="85" y2="94" stroke="#333333" stroke-width="0.8"/>
<line x1="95" y1="96" x2="85" y2="98" stroke="#333333" stroke-width="0.8"/>
<line x1="105" y1="92" x2="115" y2="90" stroke="#333333" stroke-width="0.8"/>
<line x1="105" y1="94" x2="115" y2="94" stroke="#333333" stroke-width="0.8"/>
<line x1="105" y1="96" x2="115" y2="98" stroke="#333333" stroke-width="0.8"/>
<!-- 前腿 -->
<ellipse cx="85" cy="130" rx="6" ry="10" fill="#FFFFFF" stroke="#CCCCCC" stroke-width="1"/>
<ellipse cx="115" cy="130" rx="6" ry="10" fill="#FFFFFF" stroke="#CCCCCC" stroke-width="1"/>
<!-- 后腿 -->
<ellipse cx="75" cy="140" rx="8" ry="12" fill="#FFFFFF" stroke="#CCCCCC" stroke-width="1"/>
<ellipse cx="125" cy="140" rx="8" ry="12" fill="#FFFFFF" stroke="#CCCCCC" stroke-width="1"/>
<!-- 短尾巴 -->
<circle cx="135" cy="115" r="6" fill="#FFFFFF" stroke="#CCCCCC" stroke-width="1"/>
<!-- 草地背景 -->
<rect x="0" y="170" width="200" height="30" fill="#7CFC00"/>
<path d="M0 170 Q20 165 40 170 Q60 160 80 170 Q100 162 120 170 Q140 158 160 170 Q180 164 200 170 L200 200 L0 200 Z" fill="#32CD32"/>
<!-- 胡萝卜（可选装饰） -->
<ellipse cx="40" cy="140" rx="15" ry="5" fill="#FF8C00" transform="rotate(-30 40 140)"/>
<path d="M30 135 Q25 125 20 130 Q15 135 25 140 Z" fill="#32CD32"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.5 KiB

111
website/images/reward-pattern.svg Normal file
View File

@@ -0,0 +1,111 @@
<svg width="200" height="200" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
<!-- 推广奖励图案背景 -->
<defs>
<g id="reward-pattern">
<!-- 中心元素 - 货币符号 -->
<circle cx="0" cy="0" r="5" fill="#6c5ce7" opacity="0.6"/>
<path d="M-3,-3 L3,3 M-3,3 L3,-3" stroke="#ffffff" stroke-width="1" opacity="0.8"/>
<!-- 外圈元素 - 奖励图标 -->
<!-- 星星 -->
<path d="M0,-10 L2,-2 L10,0 L2,2 L0,10 L-2,2 L-10,0 L-2,-2 Z" fill="#a29bfe" opacity="0.4" transform="rotate(0)"/>
<!-- 礼物盒 -->
<rect x="-4" y="8" width="8" height="8" fill="#6c5ce7" opacity="0.3" rx="1"/>
<rect x="-2" y="10" width="4" height="4" fill="#ffffff" opacity="0.5" rx="0.5"/>
<!-- 箭头 -->
<path d="M8,-8 L12,-4 L8,0" fill="none" stroke="#6c5ce7" stroke-width="1" opacity="0.4"/>
<path d="M-8,8 L-12,4 L-8,0" fill="none" stroke="#6c5ce7" stroke-width="1" opacity="0.4"/>
<!-- 增长图表 -->
<path d="M-8,-4 L-4,-2 L0,-6 L4,0 L8,2" fill="none" stroke="#a29bfe" stroke-width="1" opacity="0.3"/>
<!-- 圆形装饰 -->
<circle cx="12" cy="-12" r="2" fill="#6c5ce7" opacity="0.2"/>
<circle cx="-12" cy="12" r="2" fill="#a29bfe" opacity="0.2"/>
<circle cx="12" cy="12" r="1.5" fill="#6c5ce7" opacity="0.2"/>
<circle cx="-12" cy="-12" r="1.5" fill="#a29bfe" opacity="0.2"/>
</g>
</defs>
<!-- 主网格图案 -->
<use href="#reward-pattern" x="25" y="25"/>
<use href="#reward-pattern" x="75" y="25"/>
<use href="#reward-pattern" x="125" y="25"/>
<use href="#reward-pattern" x="175" y="25"/>
<use href="#reward-pattern" x="25" y="75"/>
<use href="#reward-pattern" x="75" y="75"/>
<use href="#reward-pattern" x="125" y="75"/>
<use href="#reward-pattern" x="175" y="75"/>
<use href="#reward-pattern" x="25" y="125"/>
<use href="#reward-pattern" x="75" y="125"/>
<use href="#reward-pattern" x="125" y="125"/>
<use href="#reward-pattern" x="175" y="125"/>
<use href="#reward-pattern" x="25" y="175"/>
<use href="#reward-pattern" x="75" y="175"/>
<use href="#reward-pattern" x="125" y="175"/>
<use href="#reward-pattern" x="175" y="175"/>
<!-- 次级装饰元素 -->
<!-- 对角线装饰 -->
<circle cx="50" cy="50" r="3" fill="#6c5ce7" opacity="0.1"/>
<circle cx="100" cy="50" r="2" fill="#a29bfe" opacity="0.1"/>
<circle cx="150" cy="50" r="3" fill="#6c5ce7" opacity="0.1"/>
<circle cx="50" cy="100" r="2" fill="#a29bfe" opacity="0.1"/>
<circle cx="100" cy="100" r="3" fill="#6c5ce7" opacity="0.1"/>
<circle cx="150" cy="100" r="2" fill="#a29bfe" opacity="0.1"/>
<circle cx="50" cy="150" r="3" fill="#6c5ce7" opacity="0.1"/>
<circle cx="100" cy="150" r="2" fill="#a29bfe" opacity="0.1"/>
<circle cx="150" cy="150" r="3" fill="#6c5ce7" opacity="0.1"/>
<!-- 边角装饰 -->
<circle cx="10" cy="10" r="1.5" fill="#6c5ce7" opacity="0.15"/>
<circle cx="190" cy="10" r="1.5" fill="#a29bfe" opacity="0.15"/>
<circle cx="10" cy="190" r="1.5" fill="#6c5ce7" opacity="0.15"/>
<circle cx="190" cy="190" r="1.5" fill="#a29bfe" opacity="0.15"/>
<!-- 中心聚焦元素 -->
<circle cx="100" cy="100" r="8" fill="#6c5ce7" opacity="0.05"/>
<circle cx="100" cy="100" r="12" fill="#a29bfe" opacity="0.03"/>
<!-- 动态效果元素 -->
<circle cx="30" cy="30" r="1" fill="#ffffff" opacity="0.3">
<animate attributeName="opacity" values="0.1;0.4;0.1" dur="3s" repeatCount="indefinite"/>
</circle>
<circle cx="170" cy="30" r="1" fill="#ffffff" opacity="0.3">
<animate attributeName="opacity" values="0.1;0.4;0.1" dur="2.5s" repeatCount="indefinite"/>
</circle>
<circle cx="30" cy="170" r="1" fill="#ffffff" opacity="0.3">
<animate attributeName="opacity" values="0.1;0.4;0.1" dur="3.2s" repeatCount="indefinite"/>
</circle>
<circle cx="170" cy="170" r="1" fill="#ffffff" opacity="0.3">
<animate attributeName="opacity" values="0.1;0.4;0.1" dur="2.8s" repeatCount="indefinite"/>
</circle>
<!-- 连接线 -->
<path d="M25,25 L50,50" stroke="#6c5ce7" stroke-width="0.5" opacity="0.1" fill="none"/>
<path d="M75,25 L100,50" stroke="#a29bfe" stroke-width="0.5" opacity="0.1" fill="none"/>
<path d="M125,25 L150,50" stroke="#6c5ce7" stroke-width="0.5" opacity="0.1" fill="none"/>
<path d="M175,25 L150,50" stroke="#a29bfe" stroke-width="0.5" opacity="0.1" fill="none"/>
<path d="M25,75 L50,100" stroke="#6c5ce7" stroke-width="0.5" opacity="0.1" fill="none"/>
<path d="M75,75 L100,100" stroke="#a29bfe" stroke-width="0.5" opacity="0.1" fill="none"/>
<path d="M125,75 L150,100" stroke="#6c5ce7" stroke-width="0.5" opacity="0.1" fill="none"/>
<path d="M175,75 L150,100" stroke="#a29bfe" stroke-width="0.5" opacity="0.1" fill="none"/>
<path d="M25,125 L50,150" stroke="#6c5ce7" stroke-width="0.5" opacity="0.1" fill="none"/>
<path d="M75,125 L100,150" stroke="#a29bfe" stroke-width="0.5" opacity="0.1" fill="none"/>
<path d="M125,125 L150,150" stroke="#6c5ce7" stroke-width="0.5" opacity="0.1" fill="none"/>
<path d="M175,125 L150,150" stroke="#a29bfe" stroke-width="0.5" opacity="0.1" fill="none"/>
<path d="M25,175 L50,150" stroke="#6c5ce7" stroke-width="0.5" opacity="0.1" fill="none"/>
<path d="M75,175 L100,150" stroke="#a29bfe" stroke-width="0.5" opacity="0.1" fill="none"/>
<path d="M125,175 L150,150" stroke="#6c5ce7" stroke-width="0.5" opacity="0.1" fill="none"/>
<path d="M175,175 L150,150" stroke="#a29bfe" stroke-width="0.5" opacity="0.1" fill="none"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 5.5 KiB

41
website/images/sheep1.svg Normal file
View File

@@ -0,0 +1,41 @@
<svg width="200" height="200" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
<!-- 绵羊身体 -->
<ellipse cx="100" cy="120" rx="50" ry="40" fill="#F5F5F5" stroke="#CCCCCC" stroke-width="2"/>
<!-- 绵羊毛绒 -->
<circle cx="85" cy="110" r="8" fill="#F5F5F5" stroke="#CCCCCC" stroke-width="1"/>
<circle cx="95" cy="105" r="7" fill="#F5F5F5" stroke="#CCCCCC" stroke-width="1"/>
<circle cx="105" cy="110" r="9" fill="#F5F5F5" stroke="#CCCCCC" stroke-width="1"/>
<circle cx="115" cy="115" r="7" fill="#F5F5F5" stroke="#CCCCCC" stroke-width="1"/>
<circle cx="85" cy="125" r="6" fill="#F5F5F5" stroke="#CCCCCC" stroke-width="1"/>
<circle cx="95" cy="130" r="8" fill="#F5F5F5" stroke="#CCCCCC" stroke-width="1"/>
<circle cx="105" cy="125" r="7" fill="#F5F5F5" stroke="#CCCCCC" stroke-width="1"/>
<circle cx="115" cy="130" r="6" fill="#F5F5F5" stroke="#CCCCCC" stroke-width="1"/>
<!-- 绵羊头部 -->
<circle cx="100" cy="90" r="25" fill="#F5F5F5" stroke="#CCCCCC" stroke-width="2"/>
<!-- 耳朵 -->
<ellipse cx="85" cy="80" rx="8" ry="12" fill="#F5F5F5" stroke="#CCCCCC" stroke-width="1"/>
<ellipse cx="115" cy="80" rx="8" ry="12" fill="#F5F5F5" stroke="#CCCCCC" stroke-width="1"/>
<!-- 眼睛 -->
<circle cx="92" cy="88" r="3" fill="#333333"/>
<circle cx="108" cy="88" r="3" fill="#333333"/>
<!-- 鼻子 -->
<circle cx="100" cy="95" r="4" fill="#FFB6C1"/>
<!-- 嘴巴 -->
<path d="M96 102 Q100 105 104 102" stroke="#333333" stroke-width="1.5" fill="none"/>
<!-- 腿 -->
<rect x="75" y="150" width="10" height="20" rx="5" fill="#F5F5F5" stroke="#CCCCCC" stroke-width="1"/>
<rect x="90" y="150" width="10" height="20" rx="5" fill="#F5F5F5" stroke="#CCCCCC" stroke-width="1"/>
<rect x="105" y="150" width="10" height="20" rx="5" fill="#F5F5F5" stroke="#CCCCCC" stroke-width="1"/>
<rect x="120" y="150" width="10" height="20" rx="5" fill="#F5F5F5" stroke="#CCCCCC" stroke-width="1"/>
<!-- 草地背景 -->
<rect x="0" y="170" width="200" height="30" fill="#7CFC00"/>
<path d="M0 170 Q20 165 40 170 Q60 160 80 170 Q100 162 120 170 Q140 158 160 170 Q180 164 200 170 L200 200 L0 200 Z" fill="#32CD32"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.1 KiB

54
website/images/travel-case1.svg Normal file
View File

@@ -0,0 +1,54 @@
<svg width="300" height="200" viewBox="0 0 300 200" xmlns="http://www.w3.org/2000/svg">
<!-- 西藏背景山脉 -->
<defs>
<linearGradient id="mountainGradient" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" style="stop-color:#4B6CB7;stop-opacity:1" />
<stop offset="100%" style="stop-color:#182848;stop-opacity:1" />
</linearGradient>
<linearGradient id="snowGradient" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" style="stop-color:#FFFFFF;stop-opacity:1" />
<stop offset="100%" style="stop-color:#F0F8FF;stop-opacity:1" />
</linearGradient>
</defs>
<!-- 天空背景 -->
<rect width="300" height="200" fill="#87CEEB"/>
<!-- 远山 -->
<path d="M0 120 Q50 80 100 100 Q150 60 200 90 Q250 70 300 120 L300 200 L0 200 Z" fill="url(#mountainGradient)"/>
<!-- 雪山 -->
<path d="M50 100 Q80 40 120 70 Q160 30 200 60 Q240 20 280 70 L300 70 L300 200 L0 200 Z" fill="url(#snowGradient)"/>
<!-- 经幡 -->
<line x1="150" y1="50" x2="150" y2="120" stroke="#8B4513" stroke-width="2"/>
<rect x="145" y="60" width="10" height="10" fill="#FF0000"/>
<rect x="145" y="70" width="10" height="10" fill="#0000FF"/>
<rect x="145" y="80" width="10" height="10" fill="#FFFF00"/>
<rect x="145" y="90" width="10" height="10" fill="#008000"/>
<rect x="145" y="100" width="10" height="10" fill="#FFFFFF"/>
<!-- 旅行者 -->
<circle cx="180" cy="130" r="5" fill="#FFD700"/>
<path d="M175 135 L185 135 L180 145 Z" fill="#8B4513"/>
<!-- 牦牛 -->
<ellipse cx="220" cy="150" rx="8" ry="5" fill="#000000"/>
<ellipse cx="210" cy="145" rx="12" ry="8" fill="#000000"/>
<path d="M205 140 Q200 135 195 140" stroke="#000000" stroke-width="2" fill="none"/>
<path d="M215 140 Q220 135 225 140" stroke="#000000" stroke-width="2" fill="none"/>
<!-- 寺庙建筑 -->
<rect x="80" y="130" width="20" height="30" fill="#8B4513"/>
<path d="M75 130 Q90 120 105 130" fill="#B22222"/>
<rect x="85" y="140" width="10" height="10" fill="#FFFF00"/>
<!-- 云朵 -->
<circle cx="40" cy="40" r="8" fill="#FFFFFF" opacity="0.8"/>
<circle cx="50" cy="35" r="10" fill="#FFFFFF" opacity="0.8"/>
<circle cx="60" cy="40" r="7" fill="#FFFFFF" opacity="0.8"/>
<!-- 文字标识 -->
<text x="150" y="30" text-anchor="middle" font-family="Arial, sans-serif" font-size="12" fill="#333333">西藏朝圣之旅</text>
<text x="150" y="45" text-anchor="middle" font-family="Arial, sans-serif" font-size="10" fill="#666666">5人结伴·15天深度游</text>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.5 KiB

84
website/images/travel-case2.svg Normal file
View File

@@ -0,0 +1,84 @@
<svg width="300" height="200" viewBox="0 0 300 200" 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:#87CEEB;stop-opacity:1" />
<stop offset="100%" style="stop-color:#4682B4;stop-opacity:1" />
</linearGradient>
<linearGradient id="seaGradient" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" style="stop-color:#00BFFF;stop-opacity:0.8" />
<stop offset="100%" style="stop-color:#0000CD;stop-opacity:1" />
</linearGradient>
<linearGradient id="sandGradient" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" style="stop-color:#FFD700;stop-opacity:1" />
<stop offset="100%" style="stop-color:#DAA520;stop-opacity:1" />
</linearGradient>
</defs>
<!-- 天空 -->
<rect width="300" height="100" fill="url(#skyGradient)"/>
<!-- 海洋 -->
<rect y="100" width="300" height="50" fill="url(#seaGradient)"/>
<!-- 沙滩 -->
<rect y="150" width="300" height="50" fill="url(#sandGradient)"/>
<!-- 海浪 -->
<path d="M0 120 Q50 110 100 120 Q150 105 200 120 Q250 108 300 120 L300 150 L0 150 Z" fill="#FFFFFF" opacity="0.3"/>
<!-- 太阳 -->
<circle cx="250" cy="30" r="15" fill="#FFD700"/>
<g fill="#FFD700" opacity="0.6">
<rect x="245" y="10" width="10" height="5" transform="rotate(0 250 12.5)"/>
<rect x="245" y="50" width="10" height="5" transform="rotate(0 250 52.5)"/>
<rect x="225" y="25" width="5" height="10" transform="rotate(0 227.5 30)"/>
<rect x="265" y="25" width="5" height="10" transform="rotate(0 267.5 30)"/>
<rect x="235" y="15" width="5" height="10" transform="rotate(45 237.5 20)"/>
<rect x="255" y="45" width="5" height="10" transform="rotate(45 257.5 50)"/>
<rect x="235" y="45" width="10" height="5" transform="rotate(-45 240 47.5)"/>
<rect x="255" y="15" width="10" height="5" transform="rotate(-45 260 17.5)"/>
</g>
<!-- 棕榈树 -->
<rect x="50" y="130" width="5" height="20" fill="#8B4513"/>
<path d="M40 130 Q52.5 110 65 130" fill="#228B22"/>
<path d="M35 125 Q52.5 100 70 125" fill="#228B22"/>
<path d="M45 120 Q52.5 90 60 120" fill="#228B22"/>
<!-- 遮阳伞 -->
<path d="M180 140 Q200 110 220 140" fill="#FF0000"/>
<rect x="199" y="140" width="2" height="15" fill="#8B4513"/>
<!-- 沙滩椅 -->
<path d="M120 160 Q140 155 160 160 L160 170 L120 170 Z" fill="#FFA500"/>
<rect x="120" y="160" width="40" height="5" fill="#8B4513"/>
<!-- 家庭组 -->
<!-- 大人1 -->
<circle cx="100" cy="140" r="4" fill="#FFB6C1"/>
<rect x="98" y="144" width="4" height="8" fill="#1E90FF"/>
<!-- 大人2 -->
<circle cx="110" cy="140" r="4" fill="#87CEEB"/>
<rect x="108" y="144" width="4" height="8" fill="#32CD32"/>
<!-- 小孩 -->
<circle cx="105" cy="130" r="3" fill="#FFD700"/>
<rect x="103" y="133" width="4" height="6" fill="#FF69B4"/>
<!-- 沙滩球 -->
<circle cx="220" cy="160" r="6" fill="#FF0000"/>
<path d="M216 158 L224 162" stroke="#FFFFFF" stroke-width="1"/>
<path d="M218 164 L222 156" stroke="#FFFFFF" stroke-width="1"/>
<!-- 海浪泡沫 -->
<circle cx="30" cy="120" r="2" fill="#FFFFFF" opacity="0.7"/>
<circle cx="80" cy="118" r="3" fill="#FFFFFF" opacity="0.7"/>
<circle cx="130" cy="122" r="2" fill="#FFFFFF" opacity="0.7"/>
<circle cx="180" cy="119" r="3" fill="#FFFFFF" opacity="0.7"/>
<circle cx="230" cy="121" r="2" fill="#FFFFFF" opacity="0.7"/>
<circle cx="280" cy="118" r="3" fill="#FFFFFF" opacity="0.7"/>
<!-- 文字标识 -->
<text x="150" y="30" text-anchor="middle" font-family="Arial, sans-serif" font-size="12" fill="#333333">三亚阳光假期</text>
<text x="150" y="45" text-anchor="middle" font-family="Arial, sans-serif" font-size="10" fill="#666666">3个家庭·海边度假</text>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.8 KiB

95
website/images/travel-case3.svg Normal file
View File

@@ -0,0 +1,95 @@
<svg width="300" height="200" viewBox="0 0 300 200" xmlns="http://www.w3.org/2000/svg">
<!-- 江南水乡背景 -->
<defs>
<linearGradient id="waterGradient" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" style="stop-color:#87CEEB;stop-opacity:0.7" />
<stop offset="100%" style="stop-color:#4682B4;stop-opacity:1" />
</linearGradient>
<linearGradient id="skyGradient2" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" style="stop-color:#E6F3FF;stop-opacity:1" />
<stop offset="100%" style="stop-color:#B0E0E6;stop-opacity:1" />
</linearGradient>
</defs>
<!-- 天空 -->
<rect width="300" height="80" fill="url(#skyGradient2)"/>
<!-- 水道 -->
<rect y="80" width="300" height="70" fill="url(#waterGradient)"/>
<!-- 河岸 -->
<rect y="150" width="300" height="50" fill="#8B4513"/>
<!-- 古镇建筑 -->
<!-- 白墙黑瓦房屋1 -->
<rect x="40" y="100" width="30" height="40" fill="#FFFFFF" stroke="#333333" stroke-width="1"/>
<path d="M35 100 L75 100 L55 90 Z" fill="#333333"/>
<rect x="45" y="110" width="5" height="10" fill="#8B4513"/>
<rect x="60" y="110" width="5" height="10" fill="#8B4513"/>
<!-- 白墙黑瓦房屋2 -->
<rect x="80" y="95" width="25" height="45" fill="#FFFFFF" stroke="#333333" stroke-width="1"/>
<path d="M75 95 L105 95 L90 85 Z" fill="#333333"/>
<rect x="85" y="105" width="4" height="8" fill="#8B4513"/>
<rect x="95" y="105" width="4" height="8" fill="#8B4513"/>
<!-- 拱桥 -->
<path d="M150 150 Q170 130 190 150" stroke="#8B4513" stroke-width="8" fill="none"/>
<path d="M150 150 Q170 130 190 150" stroke="#A52A2A" stroke-width="6" fill="none"/>
<!-- 柳树 -->
<rect x="220" y="120" width="3" height="20" fill="#8B4513"/>
<path d="M215 120 Q220 100 225 120" fill="#32CD32" opacity="0.7"/>
<path d="M218 115 Q223 90 228 115" fill="#32CD32" opacity="0.7"/>
<path d="M221 110 Q226 80 231 110" fill="#32CD32" opacity="0.7"/>
<!-- 乌篷船 -->
<path d="M120 130 Q140 125 160 130" fill="#8B4513"/>
<path d="M125 125 Q140 120 155 125" fill="#A52A2A"/>
<rect x="135" y="115" width="10" height="5" fill="#333333"/>
<!-- 船夫 -->
<circle cx="145" cy="120" r="3" fill="#FFD700"/>
<rect x="143" y="123" width="4" height="5" fill="#008080"/>
<!-- 文化爱好者们 -->
<!-- 爱好者1 -->
<circle cx="180" cy="140" r="3" fill="#FFB6C1"/>
<rect x="178" y="143" width="4" height="6" fill="#FF69B4"/>
<!-- 爱好者2 -->
<circle cx="190" cy="140" r="3" fill="#87CEEB"/>
<rect x="188" y="143" width="4" height="6" fill="#1E90FF"/>
<!-- 爱好者3 -->
<circle cx="200" cy="140" r="3" fill="#98FB98"/>
<rect x="198" y="143" width="4" height="6" fill="#32CD32"/>
<!-- 相机 -->
<rect x="195" cy="135" width="6" height="4" fill="#000000" transform="translate(0,0)"/>
<circle cx="198" cy="133" r="2" fill="#333333"/>
<!-- 石板路 -->
<rect x="250" y="155" width="10" height="5" fill="#696969"/>
<rect x="265" y="155" width="8" height="5" fill="#696969"/>
<rect x="240" y="160" width="12" height="5" fill="#696969"/>
<rect x="255" y="160" width="9" height="5" fill="#696969"/>
<!-- 灯笼 -->
<rect x="50" cy="85" width="3" height="10" fill="#8B4513" transform="translate(0,0)"/>
<circle cx="51.5" cy="80" r="4" fill="#FF0000"/>
<path d="M49 78 L54 78" stroke="#FFFF00" stroke-width="1"/>
<!-- 水波纹 -->
<path d="M30 120 Q50 118 70 120" stroke="#FFFFFF" stroke-width="1" opacity="0.5" fill="none"/>
<path d="M100 125 Q120 123 140 125" stroke="#FFFFFF" stroke-width="1" opacity="0.5" fill="none"/>
<path d="M170 122 Q190 120 210 122" stroke="#FFFFFF" stroke-width="1" opacity="0.5" fill="none"/>
<path d="M240 124 Q260 122 280 124" stroke="#FFFFFF" stroke-width="1" opacity="0.5" fill="none"/>
<!-- 文字标识 -->
<text x="150" y="30" text-anchor="middle" font-family="Arial, sans-serif" font-size="12" fill="#333333">江南古镇文化游</text>
<text x="150" y="45" text-anchor="middle" font-family="Arial, sans-serif" font-size="10" fill="#666666">文化爱好者·古镇探访</text>
<!-- 传统文化元素 -->
<path d="M280 100 Q285 95 290 100 Q295 105 290 110 Q285 115 280 110 Q275 105 280 100" fill="#FFD700" opacity="0.7"/>
<path d="M275 105 L285 105" stroke="#FF0000" stroke-width="1"/>
<path d="M280 100 L280 110" stroke="#FF0000" stroke-width="1"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 4.3 KiB