@mumulinya167/ccm-pet-assets 2.0.0 → 2.0.2

package/assets/clawd/clawd-working-ultrathink.svg

@@ -1,166 +1,166 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="-15 -25 45 45" width="500" height="500">
-  <defs>
-    <style>
-      /* Intense body trembling */
-      .body-shake {
-        transform-origin: 7.5px 15px;
-        animation: shake 0.15s infinite alternate ease-in-out;
-      }
-
-      /* Shadow vibration */
-      .shadow-shake {
-        transform-origin: 7.5px 15.5px;
-        animation: shadow-vib 0.15s infinite alternate ease-in-out;
-      }
-
-      /* Right arm tapping chin fast */
-      .arm-tap-fast {
-        transform-origin: 14px 10px;
-        animation: tap-fast 0.8s infinite ease-in-out;
-      }
-
-      /* Concentrated squint blink */
-      .eyes-focus {
-        transform-origin: 7.5px 9px;
-        animation: focus-blink 2s infinite;
-      }
-
-      /* Brain sparks rising from head */
-      .spark {
-        opacity: 0;
-        animation: spark-rise 1.2s infinite ease-out;
-      }
-      .sp1 { animation-delay: 0s; }
-      .sp2 { animation-delay: 0.3s; }
-      .sp3 { animation-delay: 0.6s; }
-      .sp4 { animation-delay: 0.9s; }
-
-      /* Loading dots spinning */
-      .load-dot {
-        opacity: 0;
-        animation: dot-pulse 1.6s infinite;
-      }
-      .d1 { animation-delay: 0s; }
-      .d2 { animation-delay: 0.4s; }
-      .d3 { animation-delay: 0.8s; }
-
-      /* Steam puffs */
-      .steam {
-        opacity: 0;
-        animation: steam-rise 2s infinite ease-out;
-      }
-      .st1 { animation-delay: 0s; }
-      .st2 { animation-delay: 0.7s; }
-      .st3 { animation-delay: 1.4s; }
-
-      /* Ultrathink letters individual pulse */
-      .ul { animation: text-pulse 1s infinite ease-in-out; }
-      .ul0 { animation-delay: 0s; }
-      .ul1 { animation-delay: 0.1s; }
-      .ul2 { animation-delay: 0.2s; }
-      .ul3 { animation-delay: 0.3s; }
-      .ul4 { animation-delay: 0.4s; }
-      .ul5 { animation-delay: 0.5s; }
-      .ul6 { animation-delay: 0.6s; }
-      .ul7 { animation-delay: 0.7s; }
-      .ul8 { animation-delay: 0.8s; }
-      .ul9 { animation-delay: 0.9s; }
-
-      @keyframes text-pulse {
-        0%, 100% { opacity: 0.15; }
-        50% { opacity: 1; }
-      }
-
-      @keyframes shake {
-        0% { transform: translate(-0.3px, 0) rotate(-0.5deg); }
-        100% { transform: translate(0.3px, 0) rotate(0.5deg); }
-      }
-
-      @keyframes shadow-vib {
-        0% { transform: scaleX(0.98); }
-        100% { transform: scaleX(1.02); }
-      }
-
-      @keyframes tap-fast {
-        0%, 100% { transform: rotate(-125deg); }
-        50% { transform: rotate(-145deg); }
-      }
-
-      @keyframes focus-blink {
-        0%, 70%, 78%, 100% { transform: scaleY(1); }
-        74% { transform: scaleY(0.1); }
-      }
-
-      @keyframes spark-rise {
-        0% { transform: translate(0, 0) scale(1); opacity: 0; }
-        15% { opacity: 1; }
-        100% { transform: translate(2px, -12px) scale(0.3); opacity: 0; }
-      }
-
-      @keyframes dot-pulse {
-        0%, 100% { opacity: 0.2; }
-        25%, 75% { opacity: 1; }
-      }
-
-      @keyframes steam-rise {
-        0% { transform: translate(0, 0) scale(0.8); opacity: 0; }
-        20% { opacity: 0.6; }
-        100% { transform: translate(-2px, -10px) scale(1.5); opacity: 0; }
-      }
-    </style>
-  </defs>
-
-  <!-- Ground Shadow -->
-  <rect class="shadow-shake" x="3" y="15" width="9" height="1" fill="#000000" opacity="0.5"/>
-
-  <!-- Brain Sparks (mirrored x positions around center 7.5) -->
-  <g fill="#FFD700">
-    <rect class="spark sp1" x="10" y="2" width="1" height="1"/>
-    <rect class="spark sp2" x="6" y="0" width="1" height="1"/>
-    <rect class="spark sp3" x="3" y="1" width="1" height="1"/>
-    <rect class="spark sp4" x="8" y="-1" width="1" height="1"/>
-  </g>
-
-  <!-- Steam Puffs -->
-  <g fill="#AAAAAA" opacity="0.5">
-    <g class="steam st1"><rect x="5" y="3" width="2" height="1" rx="0.5"/><rect x="4" y="2" width="1" height="1" rx="0.5"/></g>
-    <g class="steam st2"><rect x="9" y="2" width="2" height="1" rx="0.5"/><rect x="10" y="1" width="1" height="1" rx="0.5"/></g>
-    <g class="steam st3"><rect x="7" y="3" width="1" height="1" rx="0.5"/><rect x="6" y="2" width="2" height="1" rx="0.5"/></g>
-  </g>
-
-  <!-- Loading Dots above head -->
-  <g fill="#FF6B35">
-    <rect class="load-dot d1" x="4" y="4" width="1" height="1"/>
-    <rect class="load-dot d2" x="7" y="4" width="1" height="1"/>
-    <rect class="load-dot d3" x="10" y="4" width="1" height="1"/>
-  </g>
-
-  <!-- Mirrored: body + legs only -->
-  <g transform="translate(15, 0) scale(-1, 1)">
-    <g id="legs" fill="#DE886D">
-      <rect x="3" y="13" width="1" height="2"/>
-      <rect x="5" y="13" width="1" height="2"/>
-      <rect x="9" y="13" width="1" height="2"/>
-      <rect x="11" y="13" width="1" height="2"/>
-    </g>
-
-    <g class="body-shake">
-      <g fill="#DE886D">
-        <rect x="2" y="6" width="11" height="7"/>
-        <rect x="0" y="9" width="3" height="2" transform="rotate(25 1 10)"/>
-        <g class="arm-tap-fast">
-          <rect x="13" y="9" width="2" height="2"/>
-        </g>
-      </g>
-      <g class="eyes-focus" fill="#000000">
-        <rect x="5" y="7" width="1" height="2"/>
-        <rect x="11" y="7" width="1" height="2"/>
-      </g>
-    </g>
-  </g>
-
-  <!-- Ultrathink rainbow text (top layer, each letter pulses independently) -->
-  <text x="7.5" y="0" text-anchor="middle" font-family="'Söhne', 'Helvetica Neue', Arial, sans-serif" font-size="3.2" font-weight="600" letter-spacing="0.2">
-    <tspan class="ul ul0" fill="#FF5252">u</tspan><tspan class="ul ul1" fill="#FF9800">l</tspan><tspan class="ul ul2" fill="#FFC107">t</tspan><tspan class="ul ul3" fill="#4CAF50">r</tspan><tspan class="ul ul4" fill="#2196F3">a</tspan><tspan class="ul ul5" fill="#9C27B0">t</tspan><tspan class="ul ul6" fill="#FF5252">h</tspan><tspan class="ul ul7" fill="#FF9800">i</tspan><tspan class="ul ul8" fill="#4CAF50">n</tspan><tspan class="ul ul9" fill="#2196F3">k</tspan>
-  </text>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="-15 -25 45 45" width="500" height="500">
+  <defs>
+    <style>
+      /* Intense body trembling */
+      .body-shake {
+        transform-origin: 7.5px 15px;
+        animation: shake 0.15s infinite alternate ease-in-out;
+      }
+
+      /* Shadow vibration */
+      .shadow-shake {
+        transform-origin: 7.5px 15.5px;
+        animation: shadow-vib 0.15s infinite alternate ease-in-out;
+      }
+
+      /* Right arm tapping chin fast */
+      .arm-tap-fast {
+        transform-origin: 14px 10px;
+        animation: tap-fast 0.8s infinite ease-in-out;
+      }
+
+      /* Concentrated squint blink */
+      .eyes-focus {
+        transform-origin: 7.5px 9px;
+        animation: focus-blink 2s infinite;
+      }
+
+      /* Brain sparks rising from head */
+      .spark {
+        opacity: 0;
+        animation: spark-rise 1.2s infinite ease-out;
+      }
+      .sp1 { animation-delay: 0s; }
+      .sp2 { animation-delay: 0.3s; }
+      .sp3 { animation-delay: 0.6s; }
+      .sp4 { animation-delay: 0.9s; }
+
+      /* Loading dots spinning */
+      .load-dot {
+        opacity: 0;
+        animation: dot-pulse 1.6s infinite;
+      }
+      .d1 { animation-delay: 0s; }
+      .d2 { animation-delay: 0.4s; }
+      .d3 { animation-delay: 0.8s; }
+
+      /* Steam puffs */
+      .steam {
+        opacity: 0;
+        animation: steam-rise 2s infinite ease-out;
+      }
+      .st1 { animation-delay: 0s; }
+      .st2 { animation-delay: 0.7s; }
+      .st3 { animation-delay: 1.4s; }
+
+      /* Ultrathink letters individual pulse */
+      .ul { animation: text-pulse 1s infinite ease-in-out; }
+      .ul0 { animation-delay: 0s; }
+      .ul1 { animation-delay: 0.1s; }
+      .ul2 { animation-delay: 0.2s; }
+      .ul3 { animation-delay: 0.3s; }
+      .ul4 { animation-delay: 0.4s; }
+      .ul5 { animation-delay: 0.5s; }
+      .ul6 { animation-delay: 0.6s; }
+      .ul7 { animation-delay: 0.7s; }
+      .ul8 { animation-delay: 0.8s; }
+      .ul9 { animation-delay: 0.9s; }
+
+      @keyframes text-pulse {
+        0%, 100% { opacity: 0.15; }
+        50% { opacity: 1; }
+      }
+
+      @keyframes shake {
+        0% { transform: translate(-0.3px, 0) rotate(-0.5deg); }
+        100% { transform: translate(0.3px, 0) rotate(0.5deg); }
+      }
+
+      @keyframes shadow-vib {
+        0% { transform: scaleX(0.98); }
+        100% { transform: scaleX(1.02); }
+      }
+
+      @keyframes tap-fast {
+        0%, 100% { transform: rotate(-125deg); }
+        50% { transform: rotate(-145deg); }
+      }
+
+      @keyframes focus-blink {
+        0%, 70%, 78%, 100% { transform: scaleY(1); }
+        74% { transform: scaleY(0.1); }
+      }
+
+      @keyframes spark-rise {
+        0% { transform: translate(0, 0) scale(1); opacity: 0; }
+        15% { opacity: 1; }
+        100% { transform: translate(2px, -12px) scale(0.3); opacity: 0; }
+      }
+
+      @keyframes dot-pulse {
+        0%, 100% { opacity: 0.2; }
+        25%, 75% { opacity: 1; }
+      }
+
+      @keyframes steam-rise {
+        0% { transform: translate(0, 0) scale(0.8); opacity: 0; }
+        20% { opacity: 0.6; }
+        100% { transform: translate(-2px, -10px) scale(1.5); opacity: 0; }
+      }
+    </style>
+  </defs>
+
+  <!-- Ground Shadow -->
+  <rect class="shadow-shake" x="3" y="15" width="9" height="1" fill="#000000" opacity="0.5"/>
+
+  <!-- Brain Sparks (mirrored x positions around center 7.5) -->
+  <g fill="#FFD700">
+    <rect class="spark sp1" x="10" y="2" width="1" height="1"/>
+    <rect class="spark sp2" x="6" y="0" width="1" height="1"/>
+    <rect class="spark sp3" x="3" y="1" width="1" height="1"/>
+    <rect class="spark sp4" x="8" y="-1" width="1" height="1"/>
+  </g>
+
+  <!-- Steam Puffs -->
+  <g fill="#AAAAAA" opacity="0.5">
+    <g class="steam st1"><rect x="5" y="3" width="2" height="1" rx="0.5"/><rect x="4" y="2" width="1" height="1" rx="0.5"/></g>
+    <g class="steam st2"><rect x="9" y="2" width="2" height="1" rx="0.5"/><rect x="10" y="1" width="1" height="1" rx="0.5"/></g>
+    <g class="steam st3"><rect x="7" y="3" width="1" height="1" rx="0.5"/><rect x="6" y="2" width="2" height="1" rx="0.5"/></g>
+  </g>
+
+  <!-- Loading Dots above head -->
+  <g fill="#FF6B35">
+    <rect class="load-dot d1" x="4" y="4" width="1" height="1"/>
+    <rect class="load-dot d2" x="7" y="4" width="1" height="1"/>
+    <rect class="load-dot d3" x="10" y="4" width="1" height="1"/>
+  </g>
+
+  <!-- Mirrored: body + legs only -->
+  <g transform="translate(15, 0) scale(-1, 1)">
+    <g id="legs" fill="#DE886D">
+      <rect x="3" y="13" width="1" height="2"/>
+      <rect x="5" y="13" width="1" height="2"/>
+      <rect x="9" y="13" width="1" height="2"/>
+      <rect x="11" y="13" width="1" height="2"/>
+    </g>
+
+    <g class="body-shake">
+      <g fill="#DE886D">
+        <rect x="2" y="6" width="11" height="7"/>
+        <rect x="0" y="9" width="3" height="2" transform="rotate(25 1 10)"/>
+        <g class="arm-tap-fast">
+          <rect x="13" y="9" width="2" height="2"/>
+        </g>
+      </g>
+      <g class="eyes-focus" fill="#000000">
+        <rect x="5" y="7" width="1" height="2"/>
+        <rect x="11" y="7" width="1" height="2"/>
+      </g>
+    </g>
+  </g>
+
+  <!-- Ultrathink rainbow text (top layer, each letter pulses independently) -->
+  <text x="7.5" y="0" text-anchor="middle" font-family="'Söhne', 'Helvetica Neue', Arial, sans-serif" font-size="3.2" font-weight="600" letter-spacing="0.2">
+    <tspan class="ul ul0" fill="#FF5252">u</tspan><tspan class="ul ul1" fill="#FF9800">l</tspan><tspan class="ul ul2" fill="#FFC107">t</tspan><tspan class="ul ul3" fill="#4CAF50">r</tspan><tspan class="ul ul4" fill="#2196F3">a</tspan><tspan class="ul ul5" fill="#9C27B0">t</tspan><tspan class="ul ul6" fill="#FF5252">h</tspan><tspan class="ul ul7" fill="#FF9800">i</tspan><tspan class="ul ul8" fill="#4CAF50">n</tspan><tspan class="ul ul9" fill="#2196F3">k</tspan>
+  </text>
+</svg>