DeepSeek V4 Pro 0813 官网版 鹈鹕骑车 测试

为啥发出来不是动图，有佬教一下怎么发html或着动图svg吗 ^-^

没招了没学会怎么上传能动的gif，试试看能不能把完成html发出来```
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>鹈鹕骑自行车 - SVG动画</title>
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;
background: linear-gradient(to bottom, #7ec8e3 0%, #b8e0f0 35%, #d4ecd4 36%, #a8d5a2 65%, #7cb86c 100%);
overflow: hidden;
font-family: 'Comic Sans MS', 'Chalkboard SE', 'PingFang SC', 'Microsoft YaHei', sans-serif;
}
svg {
max-width: 100vw;
max-height: 100vh;
display: block;
filter: drop-shadow(0 8px 24px rgba(0, 0, 0, 0.15));
border-radius: 24px;
}
</style>
</head>
<body>
<svg viewBox="0 0 800 600" xmlns="http://www.w3.org/2000/svg&quot; width="800" height="600">
<defs>
<!-- 渐变背景 -->
<linearGradient id="skyGradient" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stop-color="#7ec8e3"/>
<stop offset="45%" stop-color="#c5e8f7"/>
<stop offset="55%" stop-color="#dff0d8"/>
<stop offset="100%" stop-color="#b5d9a8"/>
</linearGradient>
<!-- 地面渐变 -->
<linearGradient id="groundGradient" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stop-color="#8bc47a"/>
<stop offset="100%" stop-color="#5da04a"/>
</linearGradient>
<!-- 鹈鹕身体渐变 -->
<radialGradient id="pelicanBodyGradient" cx="0.4" cy="0.35" r="0.75">
<stop offset="0%" stop-color="#fefdf9"/>
<stop offset="70%" stop-color="#f0ece2"/>
<stop offset="100%" stop-color="#dcd5c5"/>
</radialGradient>
<!-- 鹈鹕喙渐变 -->
<linearGradient id="beakGradient" x1="0" y1="0" x2="1" y2="0.2">
<stop offset="0%" stop-color="#e8833a"/>
<stop offset="60%" stop-color="#f09d54"/>
<stop offset="100%" stop-color="#d46e2a"/>
</linearGradient>
<!-- 喉囊渐变 -->
<linearGradient id="pouchGradient" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stop-color="#f5c16c"/>
<stop offset="70%" stop-color="#e8a84e"/>
<stop offset="100%" stop-color="#d98e36"/>
</linearGradient>
<!-- 轮子渐变 -->
<radialGradient id="wheelGradient" cx="0.5" cy="0.5" r="0.5">
<stop offset="0%" stop-color="#666"/>
<stop offset="80%" stop-color="#444"/>
<stop offset="100%" stop-color="#222"/>
</radialGradient>
<!-- 太阳光晕 -->
<radialGradient id="sunGlow" cx="0.5" cy="0.5" r="0.5">
<stop offset="0%" stop-color="#fff8e0" stop-opacity="1"/>
<stop offset="40%" stop-color="#ffe680" stop-opacity="0.7"/>
<stop offset="100%" stop-color="#ffcc00" stop-opacity="0"/>
</radialGradient>
</defs>

<!-- 天空背景 -->
<rect x="0" y="0" width="800" height="600" fill="url(#skyGradient)"/>

<!-- 太阳 -->
<circle cx="690" cy="90" r="50" fill="url(#sunGlow)" opacity="0.6"/>
<circle cx="690" cy="90" r="32" fill="#FFE066"/>
<circle cx="690" cy="90" r="28" fill="#FFF5C2"/>

<!-- 云朵组 1 -->
<g opacity="0.85">
<animateTransform attributeName="transform" type="translate" from="-150 0" to="950 0" dur="45s" repeatCount="indefinite"/>
<ellipse cx="120" cy="110" rx="52" ry="26" fill="#ffffff"/>
<ellipse cx="165" cy="100" rx="42" ry="22" fill="#ffffff"/>
<ellipse cx="85" cy="102" rx="38" ry="20" fill="#fefefe"/>
<ellipse cx="140" cy="115" rx="48" ry="18" fill="#f8f8f8"/>
</g>

<!-- 云朵组 2 -->
<g opacity="0.7">
<animateTransform attributeName="transform" type="translate" from="-300 0" to="900 0" dur="55s" repeatCount="indefinite"/>
<ellipse cx="380" cy="70" rx="45" ry="20" fill="#ffffff"/>
<ellipse cx="420" cy="62" rx="36" ry="18" fill="#ffffff"/>
<ellipse cx="345" cy="65" rx="30" ry="16" fill="#fcfcfc"/>
</g>

<!-- 云朵组 3 -->
<g opacity="0.65">
<animateTransform attributeName="transform" type="translate" from="-500 0" to="800 0" dur="60s" repeatCount="indefinite"/>
<ellipse cx="580" cy="140" rx="38" ry="16" fill="#ffffff"/>
<ellipse cx="615" cy="133" rx="30" ry="14" fill="#ffffff"/>
</g>

<!-- 地面 -->
<rect x="0" y="495" width="800" height="105" fill="url(#groundGradient)"/>
<!-- 地面草地细节 -->
<path d="M 20 500 Q 25 488 30 500" stroke="#6aad58" stroke-width="2" fill="none"/>
<path d="M 80 502 Q 85 490 90 502" stroke="#6aad58" stroke-width="2" fill="none"/>
<path d="M 150 498 Q 156 484 162 498" stroke="#5fa34e" stroke-width="2" fill="none"/>
<path d="M 320 500 Q 326 486 332 500" stroke="#6aad58" stroke-width="2" fill="none"/>
<path d="M 480 501 Q 486 489 492 501" stroke="#5fa34e" stroke-width="2" fill="none"/>
<path d="M 600 499 Q 605 487 610 499" stroke="#6aad58" stroke-width="2" fill="none"/>
<path d="M 720 502 Q 726 488 732 502" stroke="#5fa34e" stroke-width="2" fill="none"/>
<path d="M 760 498 Q 765 485 770 498" stroke="#6aad58" stroke-width="2" fill="none"/>
<!-- 小花 -->
<circle cx="100" cy="496" r="4" fill="#FF9EC5"/>
<circle cx="100" cy="496" r="2" fill="#FFD700"/>
<circle cx="580" cy="497" r="3.5" fill="#FFB3C8"/>
<circle cx="580" cy="497" r="1.8" fill="#FFD700"/>
<circle cx="400" cy="498" r="3" fill="#FFC4D8"/>
<circle cx="400" cy="498" r="1.5" fill="#FFE066"/>

<!-- ==================== 自行车 ==================== -->

<!-- 自行车链条（上） -->
<line x1="400" y1="427" x2="250" y2="437" stroke="#555" stroke-width="3" stroke-dasharray="6 4" opacity="0.7"/>
<!-- 自行车链条（下） -->
<line x1="400" y1="433" x2="250" y2="443" stroke="#555" stroke-width="3" stroke-dasharray="6 4" opacity="0.7"/>

<!-- 自行车架 -->
<g stroke="#3d3d3d" stroke-width="5" stroke-linecap="round" stroke-linejoin="round" fill="none">
<!-- 后轮轴到中轴 -->
<line x1="250" y1="440" x2="400" y2="430"/>
<!-- 中轴到前轮轴 -->
<line x1="400" y1="430" x2="550" y2="440"/>
<!-- 后轮轴到座椅柱顶 -->
<line x1="250" y1="440" x2="340" y2="325"/>
<!-- 中轴到座椅柱顶 -->
<line x1="400" y1="430" x2="340" y2="325"/>
<!-- 中轴到把手柱顶 -->
<line x1="400" y1="430" x2="510" y2="315"/>
<!-- 前轮轴到把手柱顶 -->
<line x1="550" y1="440" x2="510" y2="315"/>
<!-- 座椅柱顶到后轮轴（加固） -->
<line x1="340" y1="325" x2="250" y2="440" stroke-width="3" opacity="0.4"/>
</g>

<!-- 自行车座椅 -->
<g>
<ellipse cx="340" cy="320" rx="22" ry="7" fill="#3a3a3a" transform="rotate(-8 340 320)"/>
<rect x="336" y="322" width="8" height="12" rx="2" fill="#4a4a4a"/>
</g>

<!-- 自行车把手 -->
<g stroke="#3d3d3d" stroke-width="5" stroke-linecap="round" fill="none">
<path d="M 505 315 Q 520 305 535 310 Q 548 315 542 325" stroke-width="4"/>
<path d="M 505 315 Q 500 310 510 305" stroke-width="4"/>
<circle cx="535" cy="310" r="5" fill="#3a3a3a" stroke="none"/>
<circle cx="510" cy="305" r="5" fill="#3a3a3a" stroke="none"/>
</g>

<!-- 后轮组 -->
<g>
<animateTransform attributeName="transform" type="rotate" from="0 250 440" to="360 250 440" dur="1.8s" repeatCount="indefinite"/>
<!-- 轮胎 -->
<circle cx="250" cy="440" r="55" fill="none" stroke="#333" stroke-width="7"/>
<!-- 轮圈 -->
<circle cx="250" cy="440" r="48" fill="none" stroke="#666" stroke-width="2.5"/>
<!-- 内圈 -->
<circle cx="250" cy="440" r="6" fill="#555"/>
<circle cx="250" cy="440" r="3" fill="#888"/>
<!-- 辐条 -->
<g stroke="#999" stroke-width="1.5">
<line x1="250" y1="440" x2="298" y2="440"/>
<line x1="250" y1="440" x2="283.9" y2="473.9"/>
<line x1="250" y1="440" x2="250" y2="488"/>
<line x1="250" y1="440" x2="216.1" y2="473.9"/>
<line x1="250" y1="440" x2="202" y2="440"/>
<line x1="250" y1="440" x2="216.1" y2="406.1"/>
<line x1="250" y1="440" x2="250" y2="392"/>
<line x1="250" y1="440" x2="283.9" y2="406.1"/>
</g>
</g>

<!-- 前轮组 -->
<g>
<animateTransform attributeName="transform" type="rotate" from="0 550 440" to="360 550 440" dur="1.8s" repeatCount="indefinite"/>
<circle cx="550" cy="440" r="55" fill="none" stroke="#333" stroke-width="7"/>
<circle cx="550" cy="440" r="48" fill="none" stroke="#666" stroke-width="2.5"/>
<circle cx="550" cy="440" r="6" fill="#555"/>
<circle cx="550" cy="440" r="3" fill="#888"/>
<g stroke="#999" stroke-width="1.5">
<line x1="550" y1="440" x2="598" y2="440"/>
<line x1="550" y1="440" x2="583.9" y2="473.9"/>
<line x1="550" y1="440" x2="550" y2="488"/>
<line x1="550" y1="440" x2="516.1" y2="473.9"/>
<line x1="550" y1="440" x2="502" y2="440"/>
<line x1="550" y1="440" x2="516.1" y2="406.1"/>
<line x1="550" y1="440" x2="550" y2="392"/>
<line x1="550" y1="440" x2="583.9" y2="406.1"/>
</g>
</g>

<!-- ==================== 曲柄和踏板 ==================== -->
<!-- 曲柄轴 -->
<circle cx="400" cy="430" r="8" fill="#4a4a4a" stroke="#3d3d3d" stroke-width="2"/>

<!-- 曲柄组（旋转） -->
<g>
<animateTransform attributeName="transform" type="rotate" from="0 400 430" to="360 400 430" dur="1.8s" repeatCount="indefinite"/>
<!-- 右曲柄 -->
<line x1="400" y1="430" x2="432" y2="430" stroke="#4a4a4a" stroke-width="7" stroke-linecap="round"/>
<!-- 右踏板 -->
<rect x="420" y="423" width="26" height="14" rx="4" fill="#555" stroke="#444" stroke-width="2"/>
<!-- 右踏板细节 -->
<line x1="424" y1="425" x2="442" y2="425" stroke="#777" stroke-width="1.5"/>
<line x1="424" y1="430" x2="442" y2="430" stroke="#777" stroke-width="1.5"/>
<line x1="424" y1="435" x2="442" y2="435" stroke="#777" stroke-width="1.5"/>

<!-- 左曲柄 -->
<line x1="400" y1="430" x2="368" y2="430" stroke="#4a4a4a" stroke-width="7" stroke-linecap="round"/>
<!-- 左踏板 -->
<rect x="354" y="423" width="26" height="14" rx="4" fill="#555" stroke="#444" stroke-width="2"/>
<line x1="358" y1="425" x2="376" y2="425" stroke="#777" stroke-width="1.5"/>
<line x1="358" y1="430" x2="376" y2="430" stroke="#777" stroke-width="1.5"/>
<line x1="358" y1="435" x2="376" y2="435" stroke="#777" stroke-width="1.5"/>
</g>

<!-- ==================== 鹈鹕腿 ==================== -->
<!-- 右腿（从身体底部到右踏板） -->
<g>
<line x1="325" y1="298" x2="432" y2="430" stroke="#e07b30" stroke-width="6" stroke-linecap="round" stroke-linejoin="round">
<animate attributeName="x2"
values="432;422.6;400;377.4;368;377.4;400;422.6;432"
keyTimes="0;0.125;0.25;0.375;0.5;0.625;0.75;0.875;1"
dur="1.8s" repeatCount="indefinite"/>
<animate attributeName="y2"
values="430;452.6;462;452.6;430;407.4;398;407.4;430"
keyTimes="0;0.125;0.25;0.375;0.5;0.625;0.75;0.875;1"
dur="1.8s" repeatCount="indefinite"/>
</line>
<!-- 右腿膝盖关节 -->
<circle r="5" fill="#d06d24">
<animate attributeName="cx"
values="378;389;371;355;347;355;371;389;378"
keyTimes="0;0.125;0.25;0.375;0.5;0.625;0.75;0.875;1"
dur="1.8s" repeatCount="indefinite"/>
<animate attributeName="cy"
values="364;372;378;365;348;341;333;341;364"
keyTimes="0;0.125;0.25;0.375;0.5;0.625;0.75;0.875;1"
dur="1.8s" repeatCount="indefinite"/>
</circle>
</g>

<!-- 左腿（从身体底部到左踏板） -->
<g>
<line x1="305" y1="295" x2="368" y2="430" stroke="#e07b30" stroke-width="6" stroke-linecap="round" stroke-linejoin="round">
<animate attributeName="x2"
values="368;377.4;400;422.6;432;422.6;400;377.4;368"
keyTimes="0;0.125;0.25;0.375;0.5;0.625;0.75;0.875;1"
dur="1.8s" repeatCount="indefinite"/>
<animate attributeName="y2"
values="430;407.4;398;407.4;430;452.6;462;452.6;430"
keyTimes="0;0.125;0.25;0.375;0.5;0.625;0.75;0.875;1"
dur="1.8s" repeatCount="indefinite"/>
</line>
<!-- 左腿膝盖关节 -->
<circle r="5" fill="#d06d24">
<animate attributeName="cx"
values="347;355;371;389;378;389;371;355;347"
keyTimes="0;0.125;0.25;0.375;0.5;0.625;0.75;0.875;1"
dur="1.8s" repeatCount="indefinite"/>
<animate attributeName="cy"
values="348;341;333;341;364;372;378;365;348"
keyTimes="0;0.125;0.25;0.375;0.5;0.625;0.75;0.875;1"
dur="1.8s" repeatCount="indefinite"/>
</circle>
</g>

<!-- ==================== 鹈鹕身体（含浮动动画） ==================== -->
<g>
<animateTransform attributeName="transform" type="translate"
values="0 0; 0 -4; 0 -2; 0 -5; 0 -2; 0 0"
keyTimes="0; 0.15; 0.3; 0.5; 0.7; 1"
dur="1.8s" repeatCount="indefinite"/>

<!-- 鹈鹕尾巴 -->
<g>
<path d="M 258 248 Q 225 238 218 255 Q 235 262 258 262 Z" fill="#e8e2d4" stroke="#d0c8b8" stroke-width="1.5"/>
<path d="M 252 250 Q 230 244 225 254" stroke="#d0c8b8" stroke-width="1.5" fill="none"/>
</g>

<!-- 鹈鹕身体 -->
<ellipse cx="320" cy="255" rx="75" ry="52" fill="url(#pelicanBodyGradient)" stroke="#d0c8b8" stroke-width="1.5"/>
<!-- 身体高光 -->
<ellipse cx="305" cy="240" rx="40" ry="22" fill="#ffffff" opacity="0.35"/>

<!-- 鹈鹕脖子（连接身体和头部） -->
<path d="M 360 215 Q 395 195 415 185 Q 390 215 355 245 Z" fill="#f5f2eb" stroke="#d0c8b8" stroke-width="1"/>
<path d="M 370 218 Q 400 200 418 190" fill="none" stroke="#e8e2d4" stroke-width="2"/>

<!-- 鹈鹕头部 -->
<circle cx="445" cy="185" r="30" fill="#f8f5ef" stroke="#d0c8b8" stroke-width="1.5"/>
<!-- 头部高光 -->
<ellipse cx="438" cy="175" rx="12" ry="8" fill="#ffffff" opacity="0.5"/>
<!-- 头部羽毛细节 -->
<path d="M 455 160 Q 460 155 458 162" stroke="#d8d0c0" stroke-width="1.5" fill="none"/>
<path d="M 448 157 Q 452 152 450 159" stroke="#d8d0c0" stroke-width="1.5" fill="none"/>

<!-- 鹈鹕眼睛 -->
<circle cx="455" cy="177" r="6" fill="#1a1a1a"/>
<circle cx="453" cy="175" r="2.5" fill="#ffffff"/>
<circle cx="457" cy="179" r="1.2" fill="#ffffff" opacity="0.5"/>

<!-- 鹈鹕上喙 -->
<path d="M 462 170 Q 510 158 560 168 Q 578 172 582 178 Q 570 175 545 176 Q 510 178 462 180 Z"
fill="url(#beakGradient)" stroke="#c86820" stroke-width="1.2"/>
<!-- 上喙高光 -->
<path d="M 465 172 Q 510 162 550 170" stroke="#f5b070" stroke-width="2" fill="none" opacity="0.6"/>

<!-- 鹈鹕下喙 -->
<path d="M 462 185 Q 510 190 555 190 Q 570 190 572 194 Q 540 194 500 192 Q 470 191 462 189 Z"
fill="#e8833a" stroke="#c86820" stroke-width="1.2"/>
<!-- 下喙高光 -->
<path d="M 465 187 Q 510 191 545 191" stroke="#f5b070" stroke-width="1.5" fill="none" opacity="0.5"/>

<!-- 鹈鹕喉囊 -->
<path d="M 466 190 Q 490 232 530 238 Q 555 236 568 195 Q 545 212 510 204 Q 480 196 466 190 Z"
fill="url(#pouchGradient)" stroke="#d98e36" stroke-width="1.5" opacity="0.9"/>
<!-- 喉囊高光 -->
<path d="M 475 194 Q 495 220 525 228" stroke="#f8d090" stroke-width="2.5" fill="none" opacity="0.5"/>
<!-- 喉囊纹理 -->
<path d="M 480 200 Q 500 210 520 215" stroke="#d98e36" stroke-width="1" fill="none" opacity="0.4"/>
<path d="M 485 208 Q 505 216 522 220" stroke="#d98e36" stroke-width="1" fill="none" opacity="0.3"/>

<!-- 喙尖端 -->
<circle cx="578" cy="177" r="3" fill="#d46e2a"/>
<circle cx="572" cy="193" r="2.5" fill="#d46e2a"/>

<!-- 鹈鹕翅膀（含扇动动画） -->
<g>
<animateTransform attributeName="transform" type="rotate"
values="0 300 240; 8 300 240; 3 300 240; -6 300 240; 3 300 240; 0 300 240"
keyTimes="0; 0.2; 0.4; 0.6; 0.8; 1"
dur="1.8s" repeatCount="indefinite"/>
<!-- 翅膀主体 -->
<path d="M 302 238 Q 265 215 238 222 Q 235 228 248 238 Q 260 250 275 255 Q 288 258 302 248 Z"
fill="#e0d8c8" stroke="#c8bca8" stroke-width="1.5"/>
<!-- 翅膀羽毛 -->
<path d="M 290 240 Q 258 225 240 230" stroke="#c8bca8" stroke-width="1.5" fill="none"/>
<path d="M 285 245 Q 255 233 242 238" stroke="#c8bca8" stroke-width="1.5" fill="none"/>
<path d="M 275 250 Q 250 242 240 246" stroke="#c8bca8" stroke-width="1.2" fill="none"/>
<!-- 翅膀尖端 -->
<path d="M 240 224 Q 232 220 228 228 Q 234 226 240 224 Z" fill="#b0a894"/>
<path d="M 244 232 Q 236 228 232 236 Q 238 234 244 232 Z" fill="#b0a894"/>
</g>

<!-- 鹈鹕的脚（在踏板上方） -->
<!-- 右脚 -->
<g>
<ellipse cx="432" cy="420" rx="8" ry="5" fill="#e07b30" stroke="#c86820" stroke-width="1.5">
<animate attributeName="cx"
values="432;422.6;400;377.4;368;377.4;400;422.6;432"
keyTimes="0;0.125;0.25;0.375;0.5;0.625;0.75;0.875;1"
dur="1.8s" repeatCount="indefinite"/>
<animate attributeName="cy"
values="420;442.6;452;442.6;420;397.4;388;397.4;420"
keyTimes="0;0.125;0.25;0.375;0.5;0.625;0.75;0.875;1"
dur="1.8s" repeatCount="indefinite"/>
</ellipse>
<!-- 蹼足趾 -->
<path d="M 428 418 Q 425 414 422 417" stroke="#c86820" stroke-width="1.5" fill="none">
<animate attributeName="d"
values="M 428 418 Q 425 414 422 417;M 418.6 440.6 Q 415.6 436.6 412.6 439.6;M 396 450 Q 393 446 390 449;M 373.4 440.6 Q 370.4 436.6 367.4 439.6;M 364 418 Q 361 414 358 417;M 373.4 395.4 Q 370.4 391.4 367.4 394.4;M 396 386 Q 393 382 390 385;M 418.6 395.4 Q 415.6 391.4 412.6 394.4;M 428 418 Q 425 414 422 417"
keyTimes="0;0.125;0.25;0.375;0.5;0.625;0.75;0.875;1"
dur="1.8s" repeatCount="indefinite"/>
</path>
</g>
<!-- 左脚 -->
<g>
<ellipse cx="368" cy="420" rx="8" ry="5" fill="#e07b30" stroke="#c86820" stroke-width="1.5">
<animate attributeName="cx"
values="368;377.4;400;422.6;432;422.6;400;377.4;368"
keyTimes="0;0.125;0.25;0.375;0.5;0.625;0.75;0.875;1"
dur="1.8s" repeatCount="indefinite"/>
<animate attributeName="cy"
values="420;397.4;388;397.4;420;442.6;452;442.6;420"
keyTimes="0;0.125;0.25;0.375;0.5;0.625;0.75;0.875;1"
dur="1.8s" repeatCount="indefinite"/>
</ellipse>
</g>
</g>

<!-- 鹈鹕臀部装饰羽毛 -->
<g>
<path d="M 280 292 Q 270 285 265 292 Q 272 298 280 292 Z" fill="#e0d8c8" opacity="0.7"/>
<path d="M 285 295 Q 276 288 271 295 Q 278 301 285 295 Z" fill="#e0d8c8" opacity="0.6"/>
</g>

<!-- 速度线效果 -->
<g opacity="0.25" stroke="#aaa" stroke-width="2" stroke-linecap="round">
<line x1="180" y1="300" x2="130" y2="300">
<animate attributeName="x1" values="180;160;180" dur="0.8s" repeatCount="indefinite"/>
<animate attributeName="x2" values="130;110;130" dur="0.8s" repeatCount="indefinite"/>
</line>
<line x1="200" y1="320" x2="150" y2="320">
<animate attributeName="x1" values="200;175;200" dur="0.7s" repeatCount="indefinite"/>
<animate attributeName="x2" values="150;125;150" dur="0.7s" repeatCount="indefinite"/>
</line>
<line x1="170" y1="280" x2="125" y2="280">
<animate attributeName="x1" values="170;145;170" dur="0.9s" repeatCount="indefinite"/>
<animate attributeName="x2" values="125;100;125" dur="0.9s" repeatCount="indefinite"/>
</line>
</g>

<!-- 飘落的花瓣 -->
<g opacity="0.6">
<circle cx="50" cy="150" r="3" fill="#FFB7C8">
<animate attributeName="cx" values="50;80;110;50" dur="8s" repeatCount="indefinite"/>
<animate attributeName="cy" values="150;200;250;150" dur="8s" repeatCount="indefinite"/>
<animate attributeName="opacity" values="0.6;0.3;0.6" dur="8s" repeatCount="indefinite"/>
</circle>
<circle cx="700" cy="200" r="2.5" fill="#FFC4D8">
<animate attributeName="cx" values="700;670;640;700" dur="10s" repeatCount="indefinite"/>
<animate attributeName="cy" values="200;260;320;200" dur="10s" repeatCount="indefinite"/>
<animate attributeName="opacity" values="0.6;0.2;0.6" dur="10s" repeatCount="indefinite"/>
</circle>
</g>

<!-- 标题 -->
<text x="400" y="565" text-anchor="middle" font-size="20" fill="#3d6b35" font-weight="bold" letter-spacing="3" opacity="0.7">
🚲 鹈鹕骑自行车 🚲
</text>
</svg>
</body>
</html>