feat: integrate Sensei Spook mascot in 4 stances, speech bubbles, and style updates

2026-10-28 01:20:01 +08:00
commit e04672db2a
@@ -0,0 +1,54 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="100%" height="100%">
+  <defs>
+    <radialGradient id="bgMullet" cx="50%" cy="50%" r="50%">
+      <stop offset="0%" stop-color="#4c1d95" />
+      <stop offset="100%" stop-color="#1e1035" />
+    </radialGradient>
+    <linearGradient id="neonGlow" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" stop-color="#ec4899" />
+      <stop offset="100%" stop-color="#f59e0b" />
+    </linearGradient>
+    <linearGradient id="hairGrad" x1="0%" y1="0%" x2="0%" y2="100%">
+      <stop offset="0%" stop-color="#451a03" />
+      <stop offset="100%" stop-color="#1c1917" />
+    </linearGradient>
+  </defs>
+
+  <!-- Badge Background -->
+  <circle cx="50" cy="50" r="46" fill="url(#bgMullet)" stroke="#f43f5e" stroke-width="2" />
+  
+  <!-- 80s Grid Sun Rays / Retro glow -->
+  <circle cx="50" cy="48" r="34" fill="none" stroke="url(#neonGlow)" stroke-width="1.5" stroke-dasharray="4,4" opacity="0.6" />
+
+  <!-- Flowing Mullet Hair in Back (Party in the back) -->
+  <path d="M 28 42 C 20 54 22 76 26 84 C 32 86 38 78 40 70 C 44 80 56 80 60 70 C 62 78 68 86 74 84 C 78 76 80 54 72 42 Z" fill="url(#hairGrad)" />
+
+  <!-- Person Torso / Shoulders -->
+  <path d="M 30 84 C 34 76 42 74 50 74 C 58 74 66 76 70 84 C 64 90 36 90 30 84 Z" fill="#3b82f6" />
+  <!-- Retro Jacket Collar -->
+  <polygon points="44,74 50,82 46,84" fill="#ec4899" />
+  <polygon points="56,74 50,82 54,84" fill="#ec4899" />
+
+  <!-- Face / Neck -->
+  <rect x="46" y="60" width="8" height="14" rx="3" fill="#fed7aa" />
+  <ellipse cx="50" cy="48" rx="14" ry="16" fill="#fed7aa" />
+
+  <!-- Facial Features -->
+  <!-- Happy Eyes -->
+  <circle cx="45" cy="46" r="2" fill="#1e1b4b" />
+  <circle cx="55" cy="46" r="2" fill="#1e1b4b" />
+  <!-- Warm Broad Smile -->
+  <path d="M 44 54 Q 50 60 56 54" stroke="#9a3412" stroke-width="2" fill="none" stroke-linecap="round" />
+
+  <!-- Mullet Hair Front & Top (Business in the front, voluminous feathered top) -->
+  <path d="M 34 44 C 32 30 40 22 50 22 C 60 22 68 30 66 44 C 64 36 58 32 50 32 C 42 32 36 36 34 44 Z" fill="url(#hairGrad)" />
+  <!-- Feathered Hair Volume & Bangs -->
+  <path d="M 36 34 C 40 26 60 26 64 34 C 62 28 56 24 50 24 C 44 24 38 28 36 34 Z" fill="#78350f" opacity="0.8" />
+  <!-- Sideburns -->
+  <path d="M 34 42 L 36 50 L 39 46 Z" fill="url(#hairGrad)" />
+  <path d="M 66 42 L 64 50 L 61 46 Z" fill="url(#hairGrad)" />
+
+  <!-- Retro Sparkles -->
+  <polygon points="22,26 24,22 26,26 24,30" fill="#fde047" />
+  <polygon points="78,32 79,29 80,32 79,35" fill="#38bdf8" />
+</svg>