feat: 新增首页和图片资源

src/style/index.css

@@ -0,0 +1,77 @@
+@import "tailwindcss";
+
+@theme {
+  --font-sans:
+    "Inter", "SF Pro Display", "Segoe UI", "Helvetica Neue", sans-serif;
+  --font-mono:
+    "JetBrains Mono", "SFMono-Regular", "SF Mono", Consolas, monospace;
+  --color-game-bg: #07111f;
+  --color-game-surface: #0d1b2d;
+  --color-game-surface-strong: #12253d;
+  --color-game-accent: #31d0ff;
+  --color-game-accent-soft: #7ce8ff;
+  --color-game-gold: #f5c86b;
+  --color-game-gold-strong: #ffd66e;
+  --color-game-danger: #ff5e7a;
+  --color-game-success: #4fdc9b;
+  --shadow-game-panel:
+    0 20px 60px rgba(2, 6, 23, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.06);
+}
+
+@layer base {
+  html {
+    @apply h-full w-full;
+  }
+
+  body {
+    @apply m-0 h-full w-full;
+  }
+
+  #root {
+    @apply h-full w-full;
+  }
+
+  body {
+    background:
+      radial-gradient(circle at top, rgba(49, 208, 255, 0.12), transparent 28%),
+      radial-gradient(
+        circle at bottom right,
+        rgba(245, 200, 107, 0.1),
+        transparent 24%
+      ),
+      linear-gradient(180deg, #07111f 0%, #040812 100%);
+    color: #f8fafc;
+  }
+}
+
+@layer utilities {
+  .common-neon-inset {
+    border: 1px solid rgba(128, 223, 231, 0.65);
+    border-radius: 5px;
+    padding: 8px 10px;
+    box-shadow: inset 0 0 8px rgba(128, 223, 231, 0.65);
+  }
+
+  .game-panel {
+    border: 1px solid rgba(124, 232, 255, 0.12);
+    background: linear-gradient(
+      180deg,
+      rgba(18, 37, 61, 0.88),
+      rgba(7, 17, 31, 0.78)
+    );
+    box-shadow: var(--shadow-game-panel);
+    backdrop-filter: blur(18px);
+  }
+
+  .game-chip-glow {
+    box-shadow:
+      0 0 0 1px rgba(49, 208, 255, 0.16),
+      0 16px 36px rgba(49, 208, 255, 0.16);
+  }
+
+  .game-gold-glow {
+    box-shadow:
+      0 0 0 1px rgba(245, 200, 107, 0.2),
+      0 18px 40px rgba(245, 200, 107, 0.14);
+  }
+}