ui: 资源保存

public/red-background.svg

@@ -0,0 +1,26 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1920" height="1080" viewBox="0 0 1920 1080">
+  <!-- 渐变定义 -->
+  <defs>
+    <linearGradient id="redGradient" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" stop-color="#e74c3c" stop-opacity="0.8"/>
+      <stop offset="50%" stop-color="#c0392b" stop-opacity="0.9"/>
+      <stop offset="100%" stop-color="#a93226" stop-opacity="0.8"/>
+    </linearGradient>
+    <!-- 纹理图案 -->
+    <pattern id="pattern" width="100" height="100" patternUnits="userSpaceOnUse">
+      <rect width="100" height="100" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="1"/>
+      <circle cx="50" cy="50" r="2" fill="rgba(255,255,255,0.2)"/>
+      <path d="M0 50 L100 50 M50 0 L50 100" stroke="rgba(255,255,255,0.05)" stroke-width="1"/>
+    </pattern>
+  </defs>
+  
+  <!-- 主背景 -->
+  <rect width="1920" height="1080" fill="url(#redGradient)"/>
+  
+  <!-- 纹理叠加 -->
+  <rect width="1920" height="1080" fill="url(#pattern)"/>
+  
+  <!-- 装饰性光效 -->
+  <circle cx="400" cy="200" r="300" fill="rgba(255,255,255,0.1)" filter="blur(50px)"/>
+  <circle cx="1500" cy="800" r="400" fill="rgba(255,255,255,0.08)" filter="blur(60px)"/>
+</svg>