| 12345678910111213141516171819202122232425262728293031323334353637383940414243 |
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
- <defs>
- <linearGradient id="bg-gradient" x1="0%" y1="0%" x2="100%" y2="100%">
- <stop offset="0%" style="stop-color:#4f8cff;stop-opacity:1" />
- <stop offset="100%" style="stop-color:#6366f1;stop-opacity:1" />
- </linearGradient>
- <linearGradient id="play-gradient" x1="0%" y1="0%" x2="100%" y2="100%">
- <stop offset="0%" style="stop-color:#ffffff;stop-opacity:1" />
- <stop offset="100%" style="stop-color:#e0e7ff;stop-opacity:1" />
- </linearGradient>
- </defs>
-
- <!-- 背景圆角矩形 -->
- <rect x="32" y="32" width="448" height="448" rx="96" ry="96" fill="url(#bg-gradient)"/>
-
- <!-- 多平台网格图案 -->
- <g opacity="0.15">
- <rect x="80" y="80" width="160" height="160" rx="24" fill="#fff"/>
- <rect x="272" y="80" width="160" height="160" rx="24" fill="#fff"/>
- <rect x="80" y="272" width="160" height="160" rx="24" fill="#fff"/>
- <rect x="272" y="272" width="160" height="160" rx="24" fill="#fff"/>
- </g>
-
- <!-- 中心播放按钮 -->
- <circle cx="256" cy="256" r="120" fill="url(#play-gradient)" opacity="0.95"/>
-
- <!-- 播放三角形 -->
- <path d="M 220 180 L 220 332 L 340 256 Z" fill="url(#bg-gradient)"/>
-
- <!-- 装饰性连接线 -->
- <g stroke="#fff" stroke-width="4" stroke-linecap="round" opacity="0.6">
- <line x1="136" y1="160" x2="180" y2="200"/>
- <line x1="376" y1="160" x2="332" y2="200"/>
- <line x1="136" y1="352" x2="180" y2="312"/>
- <line x1="376" y1="352" x2="332" y2="312"/>
- </g>
-
- <!-- 角落小圆点 -->
- <circle cx="136" cy="160" r="12" fill="#fff" opacity="0.8"/>
- <circle cx="376" cy="160" r="12" fill="#fff" opacity="0.8"/>
- <circle cx="136" cy="352" r="12" fill="#fff" opacity="0.8"/>
- <circle cx="376" cy="352" r="12" fill="#fff" opacity="0.8"/>
- </svg>
|
