mocode-pet-app 1.3.0 → 1.6.0

package/assets/pets/01-robo-cat.motion.css

@@ -0,0 +1,42 @@
+/* 机械猫(robo-cat)专属演出:覆盖通用 style.css 的部分选择器,体现"猫"的悠闲与傲娇感。
+ * 未覆盖的选择器(如 speaking/tool_call 等)继续回退通用规则。 */
+
+/* ── thinking:比通用更慢更懒的摆动,像猫盯着屏幕犯懒 ── */
+@keyframes cat-think-lazy-nod {
+  0%, 100% { transform: rotate(0deg); }
+  50% { transform: rotate(-3deg); }
+}
+.pet-thinking #pet-body-group {
+  animation: cat-think-lazy-nod 1.8s ease-in-out infinite;
+  transform-origin: 128px 125px;
+}
+
+/* ── mood-tired:尾巴慢慢垂下并轻轻摇,模拟没精神耷拉着尾巴 ── */
+@keyframes cat-tail-droop-sway {
+  0%, 100% { transform: rotate(6deg); }
+  50% { transform: rotate(12deg); }
+}
+.mood-tired #pet-tail {
+  animation: cat-tail-droop-sway 3.5s ease-in-out infinite;
+  transform-origin: 216px 180px;
+}
+
+/* ── idle:尾巴悠闲地慢慢甩动,叠加在通用的上下浮动之上 ── */
+@keyframes cat-tail-flick {
+  0%, 100% { transform: rotate(0deg); }
+  50% { transform: rotate(-8deg); }
+}
+.pet-idle #pet-tail {
+  animation: cat-tail-flick 2.6s ease-in-out infinite;
+  transform-origin: 216px 180px;
+}
+
+/* ── mood-bored:尾巴无聊地左右扫动,比 idle 更明显 ── */
+@keyframes cat-tail-bored-sweep {
+  0%, 100% { transform: rotate(-10deg); }
+  50% { transform: rotate(10deg); }
+}
+.mood-bored #pet-tail {
+  animation: cat-tail-bored-sweep 1.6s ease-in-out infinite;
+  transform-origin: 216px 180px;
+}

package/assets/pets/01-robo-cat.svg

@@ -38,7 +38,7 @@
   </g>
 
   <!-- Cat mouth -->
-  <path d="M118 148 L128 156 L138 148" stroke="#2afadf" stroke-width="4" fill="none" stroke-linecap="round" filter="url(#glow)"/>
+  <path id="pet-mouth" d="M118 148 L128 156 L138 148" stroke="#2afadf" stroke-width="4" fill="none" stroke-linecap="round" filter="url(#glow)"/>
 
   <!-- Whiskers -->
   <line x1="46" y1="128" x2="76" y2="124" stroke="url(#accentGrad)" stroke-width="2" stroke-linecap="round"/>
@@ -51,6 +51,6 @@
   <rect x="160" y="200" width="20" height="26" rx="8" fill="url(#bodyGrad)" stroke="url(#accentGrad)" stroke-width="2.5"/>
 
   <!-- Tail -->
-  <path d="M216 180 Q246 190 240 150" stroke="url(#accentGrad)" stroke-width="8" stroke-linecap="round" fill="none"/>
+  <path id="pet-tail" d="M216 180 Q246 190 240 150" stroke="url(#accentGrad)" stroke-width="8" stroke-linecap="round" fill="none"/>
   </g>
 </svg>

package/assets/pets/02-robo-dog.motion.css

@@ -0,0 +1,42 @@
+/* 机械犬(robo-dog)专属演出:体现"狗"活泼好奇的个性。
+ * 尾巴摆动已由 SVG 内置 animateTransform 独立驱动,这里不重复控制;
+ * 只覆盖头部摆动节奏和嘴部(舌头)形变。 */
+
+/* ── thinking:比通用更快更兴奋的点头,像狗狗好奇张望 ── */
+@keyframes dog-think-excited-nod {
+  0%, 100% { transform: rotate(0deg); }
+  50% { transform: rotate(-7deg); }
+}
+.pet-thinking #pet-body-group {
+  animation: dog-think-excited-nod 0.5s ease-in-out infinite;
+  transform-origin: 128px 125px;
+}
+
+/* ── mood-bored:舌头(嘴部元素)打哈欠似的拉长再收回 ── */
+@keyframes dog-bored-yawn {
+  0%, 100% { transform: scaleY(1); }
+  50% { transform: scaleY(1.8); }
+}
+.mood-bored #pet-mouth {
+  animation: dog-bored-yawn 2.2s ease-in-out infinite;
+  transform-origin: 128px 153px;
+}
+
+/* ── idle:头部轻快小幅点动,比通用浮动更活泼 ── */
+@keyframes dog-idle-perk {
+  0%, 100% { transform: translateY(0); }
+  50% { transform: translateY(-3px); }
+}
+.pet-idle #pet-body-group {
+  animation: dog-idle-perk 1.6s ease-in-out infinite;
+}
+
+/* ── mood-urging:舌头快速一伸一缩,像在催促着"快点快点" ── */
+@keyframes dog-urging-tongue {
+  0%, 100% { transform: scaleY(1); }
+  50% { transform: scaleY(1.5); }
+}
+.mood-urging #pet-mouth {
+  animation: dog-urging-tongue 0.4s ease-in-out infinite;
+  transform-origin: 128px 153px;
+}

package/assets/pets/02-robo-dog.svg

@@ -39,7 +39,7 @@
 
   <!-- Nose + tongue -->
   <ellipse cx="128" cy="145" rx="9" ry="6" fill="#ff8a65" filter="url(#glow)"/>
-  <rect x="120" y="153" width="16" height="14" rx="6" fill="#ff8fa3"/>
+  <rect id="pet-mouth" x="120" y="153" width="16" height="14" rx="6" fill="#ff8fa3"/>
 
   <!-- Legs / feet -->
   <rect x="76" y="200" width="20" height="26" rx="8" fill="url(#bodyGrad)" stroke="url(#accentGrad)" stroke-width="2.5"/>

package/assets/pets/03-robo-fox.svg

@@ -40,7 +40,7 @@
   </g>
 
   <!-- Sharp muzzle line -->
-  <path d="M112 150 L128 158 L144 150" stroke="#ff7043" stroke-width="4" fill="none" stroke-linecap="round" filter="url(#glow)"/>
+  <path id="pet-mouth" d="M112 150 L128 158 L144 150" stroke="#ff7043" stroke-width="4" fill="none" stroke-linecap="round" filter="url(#glow)"/>
 
   <!-- Legs / feet -->
   <rect x="76" y="200" width="20" height="26" rx="8" fill="url(#bodyGrad)" stroke="url(#accentGrad)" stroke-width="2.5"/>

package/assets/pets/04-robo-panda.svg

@@ -43,7 +43,7 @@
 
   <!-- Nose + mouth -->
   <ellipse cx="128" cy="142" rx="8" ry="6" fill="#161a1e"/>
-  <rect x="112" y="150" width="32" height="5" rx="2.5" fill="#161a1e" fill-opacity="0.7"/>
+  <rect id="pet-mouth" x="112" y="150" width="32" height="5" rx="2.5" fill="#161a1e" fill-opacity="0.7"/>
 
   <!-- Legs / feet -->
   <rect x="76" y="200" width="20" height="26" rx="8" fill="#161a1e" stroke="url(#accentGrad)" stroke-width="2.5"/>

package/assets/pets/05-robo-owl.svg

@@ -33,11 +33,11 @@
   </circle>
 
   <!-- Beak -->
-  <path d="M120 156 L128 172 L136 156 Z" fill="#ffb74d"/>
+  <path id="pet-mouth" d="M120 156 L128 172 L136 156 Z" fill="#ffb74d"/>
 
   <!-- Folded wing arms(填充块面而非线条,末端贴身收圆) -->
-  <ellipse cx="26" cy="160" rx="14" ry="30" transform="rotate(-12 26 160)" fill="url(#bodyGrad)" stroke="url(#accentGrad)" stroke-width="2.5"/>
-  <ellipse cx="230" cy="160" rx="14" ry="30" transform="rotate(12 230 160)" fill="url(#bodyGrad)" stroke="url(#accentGrad)" stroke-width="2.5"/>
+  <ellipse id="pet-arm-left" cx="26" cy="160" rx="14" ry="30" transform="rotate(-12 26 160)" fill="url(#bodyGrad)" stroke="url(#accentGrad)" stroke-width="2.5"/>
+  <ellipse id="pet-arm-right" cx="230" cy="160" rx="14" ry="30" transform="rotate(12 230 160)" fill="url(#bodyGrad)" stroke="url(#accentGrad)" stroke-width="2.5"/>
 
   <!-- Feet / talons -->
   <rect x="76" y="200" width="20" height="24" rx="6" fill="url(#bodyGrad)" stroke="url(#accentGrad)" stroke-width="2.5"/>

package/assets/pets/06-robo-bunny.svg

@@ -43,10 +43,10 @@
   <path d="M122 148 L128 156 L134 148 Z" fill="#ff6ec7" filter="url(#glow)"/>
 
   <!-- Arms (gentle wave) -->
-  <ellipse cx="34" cy="150" rx="12" ry="22" transform="rotate(-18 34 130)" fill="url(#bodyGrad)" stroke="url(#accentGrad)" stroke-width="2.5">
+  <ellipse id="pet-arm-left" cx="34" cy="150" rx="12" ry="22" transform="rotate(-18 34 130)" fill="url(#bodyGrad)" stroke="url(#accentGrad)" stroke-width="2.5">
     <animateTransform attributeName="transform" type="rotate" values="-18 34 130;-30 34 130;-18 34 130;-6 34 130;-18 34 130" keyTimes="0;0.25;0.5;0.75;1" dur="2.6s" repeatCount="indefinite"/>
   </ellipse>
-  <ellipse cx="222" cy="150" rx="12" ry="22" transform="rotate(18 222 130)" fill="url(#bodyGrad)" stroke="url(#accentGrad)" stroke-width="2.5">
+  <ellipse id="pet-arm-right" cx="222" cy="150" rx="12" ry="22" transform="rotate(18 222 130)" fill="url(#bodyGrad)" stroke="url(#accentGrad)" stroke-width="2.5">
     <animateTransform attributeName="transform" type="rotate" values="18 222 130;30 222 130;18 222 130;6 222 130;18 222 130" keyTimes="0;0.25;0.5;0.75;1" dur="2.6s" repeatCount="indefinite"/>
   </ellipse>
 

package/assets/pets/07-robo-frog.svg

@@ -12,7 +12,7 @@
       <feGaussianBlur stdDeviation="3" result="blur"/>
       <feMerge><feMergeNode in="blur"/><feMergeNode in="SourceGraphic"/></feMerge>
     </filter>
-  </defs>
+  </defs>
   <g id="pet-body-group">
 
   <!-- Body / head (wide, squat) -->
@@ -30,10 +30,10 @@
 
   <!-- Screen mouth panel -->
   <rect x="60" y="110" width="136" height="72" rx="14" fill="#0a1420" stroke="#69f0ae" stroke-opacity="0.4" stroke-width="1.5"/>
-  <path d="M76 150 Q128 176 180 150" stroke="url(#accentGrad)" stroke-width="5" fill="none" stroke-linecap="round" filter="url(#glow)"/>
+  <path id="pet-mouth" d="M76 150 Q128 176 180 150" stroke="url(#accentGrad)" stroke-width="5" fill="none" stroke-linecap="round" filter="url(#glow)"/>
 
   <!-- Bent frog legs -->
   <path d="M50 176 Q20 190 30 224 Q46 236 56 214" fill="url(#bodyGrad)" stroke="url(#accentGrad)" stroke-width="3"/>
   <path d="M206 176 Q236 190 226 224 Q210 236 200 214" fill="url(#bodyGrad)" stroke="url(#accentGrad)" stroke-width="3"/>
-  </g>
+  </g>
 </svg>

package/assets/pets/09-robo-penguin.svg

@@ -36,11 +36,11 @@
   </g>
 
   <!-- Beak -->
-  <path d="M116 156 L128 172 L140 156 Z" fill="#ffb74d"/>
+  <path id="pet-mouth" d="M116 156 L128 172 L140 156 Z" fill="#ffb74d"/>
 
   <!-- Flipper arms(填充块面而非线条,贴身收成圆润小翼) -->
-  <path d="M42 146 Q16 162 22 190 Q26 204 42 202 Q50 200 46 188 Q40 168 46 150 Z" fill="url(#bodyGrad)" stroke="url(#accentGrad)" stroke-width="2"/>
-  <path d="M214 146 Q240 162 234 190 Q230 204 214 202 Q206 200 210 188 Q216 168 210 150 Z" fill="url(#bodyGrad)" stroke="url(#accentGrad)" stroke-width="2"/>
+  <path id="pet-arm-left" d="M42 146 Q16 162 22 190 Q26 204 42 202 Q50 200 46 188 Q40 168 46 150 Z" fill="url(#bodyGrad)" stroke="url(#accentGrad)" stroke-width="2"/>
+  <path id="pet-arm-right" d="M214 146 Q240 162 234 190 Q230 204 214 202 Q206 200 210 188 Q216 168 210 150 Z" fill="url(#bodyGrad)" stroke="url(#accentGrad)" stroke-width="2"/>
 
   <!-- Feet -->
   <ellipse cx="104" cy="234" rx="16" ry="8" fill="#ffb74d"/>

package/assets/pets/10-robo-dino.svg

@@ -39,12 +39,12 @@
   </g>
 
   <!-- Jagged mouth -->
-  <path d="M108 148 L118 156 L128 148 L138 156 L148 148" stroke="#69f0ae" stroke-width="4" fill="none" stroke-linecap="round" filter="url(#glow)"/>
+  <path id="pet-mouth" d="M108 148 L118 156 L128 148 L138 156 L148 148" stroke="#69f0ae" stroke-width="4" fill="none" stroke-linecap="round" filter="url(#glow)"/>
 
   <!-- Small arms(填充块面而非线条,末端一颗圆球小手) -->
-  <ellipse cx="31" cy="142" rx="5.5" ry="15" fill="url(#accentGrad)" transform="rotate(-34 31 142)"/>
+  <ellipse id="pet-arm-left" cx="31" cy="142" rx="5.5" ry="15" fill="url(#accentGrad)" transform="rotate(-34 31 142)"/>
   <circle cx="25" cy="156" r="5" fill="url(#accentGrad)"/>
-  <ellipse cx="223" cy="142" rx="5.5" ry="15" fill="url(#accentGrad)" transform="rotate(34 223 142)"/>
+  <ellipse id="pet-arm-right" cx="223" cy="142" rx="5.5" ry="15" fill="url(#accentGrad)" transform="rotate(34 223 142)"/>
   <circle cx="231" cy="156" r="5" fill="url(#accentGrad)"/>
 
   <!-- Legs / feet -->

package/assets/pets/11-slime-blob.motion.css

@@ -0,0 +1,44 @@
+/* 史莱姆(slime-blob)专属演出:利用"形变"这个史莱姆独有的视觉语言覆盖通用规则。
+ * 史莱姆没有 arm-left/right/tail 等 id,通用规则里依赖这些 id 的动画(如 tool_call 摆臂、
+ * flustered 摆臂)对它本来就不生效,这里改用挤压/压扁形变来填补对应状态的演出。 */
+
+/* ── mood-tired:身体压扁变矮,模拟疲惫瘫软,替代通用的"下沉" ── */
+@keyframes slime-tired-squash {
+  0%, 100% { transform: scaleY(1) scaleX(1); }
+  50% { transform: scaleY(0.82) scaleX(1.08); }
+}
+.mood-tired #pet-body-group {
+  animation: slime-tired-squash 3.6s ease-in-out infinite;
+  transform-origin: 128px 200px;
+}
+
+/* ── tool_call:挤压弹跳形变代替通用双臂摆动 ── */
+@keyframes slime-tool-bounce {
+  0%, 100% { transform: scaleY(1) scaleX(1); }
+  30% { transform: scaleY(0.85) scaleX(1.12); }
+  60% { transform: scaleY(1.12) scaleX(0.9); }
+}
+.pet-tool #pet-body-group {
+  animation: slime-tool-bounce 0.5s ease-in-out infinite;
+  transform-origin: 128px 200px;
+}
+
+/* ── idle:呼吸感的轻微鼓起收缩,比通用的上下浮动更软糯 ── */
+@keyframes slime-idle-breathe {
+  0%, 100% { transform: scale(1); }
+  50% { transform: scale(1.03); }
+}
+.pet-idle #pet-body-group {
+  animation: slime-idle-breathe 2.8s ease-in-out infinite;
+  transform-origin: 128px 138px;
+}
+
+/* ── mood-urging:急促地一颤一颤,像在催你快点 ── */
+@keyframes slime-urging-jiggle {
+  0%, 100% { transform: scaleY(1); }
+  50% { transform: scaleY(0.92); }
+}
+.mood-urging #pet-body-group {
+  animation: slime-urging-jiggle 0.45s ease-in-out infinite;
+  transform-origin: 128px 200px;
+}

package/assets/pets/11-slime-blob.svg

@@ -8,7 +8,7 @@
       <feGaussianBlur stdDeviation="3" result="blur"/>
       <feMerge><feMergeNode in="blur"/><feMergeNode in="SourceGraphic"/></feMerge>
     </filter>
-  </defs>
+  </defs>
   <g id="pet-body-group">
 
   <!-- Blob body -->
@@ -31,7 +31,7 @@
   </g>
 
   <!-- Smile -->
-  <path d="M110 156 Q128 170 146 156" stroke="#0a1420" stroke-width="3.5" fill="none" stroke-linecap="round"/>
+  <path id="pet-mouth" d="M110 156 Q128 170 146 156" stroke="#0a1420" stroke-width="3.5" fill="none" stroke-linecap="round"/>
 
   <!-- Drips -->
   <path d="M84 216 Q84 232 92 232 Q100 232 96 216 Z" fill="url(#blobGrad)"/>
@@ -39,5 +39,5 @@
 
   <!-- Highlight -->
   <ellipse cx="92" cy="86" rx="18" ry="10" fill="#ffffff" fill-opacity="0.25"/>
-  </g>
+  </g>
 </svg>

package/assets/pets/12-ghost-byte.svg

@@ -8,7 +8,7 @@
       <feGaussianBlur stdDeviation="3" result="blur"/>
       <feMerge><feMergeNode in="blur"/><feMergeNode in="SourceGraphic"/></feMerge>
     </filter>
-  </defs>
+  </defs>
   <g id="pet-body-group">
 
   <!-- Floating shadow -->
@@ -36,6 +36,6 @@
   </g>
 
   <!-- Mouth -->
-  <ellipse cx="128" cy="142" rx="10" ry="8" fill="#0a1420" fill-opacity="0.85"/>
-  </g>
+  <ellipse id="pet-mouth" cx="128" cy="142" rx="10" ry="8" fill="#0a1420" fill-opacity="0.85"/>
+  </g>
 </svg>

package/assets/pets/13-cactus-bot.svg

@@ -26,8 +26,8 @@
   <rect x="48" y="150" width="160" height="70" rx="40" fill="url(#bodyGrad)" stroke="url(#accentGrad)" stroke-width="3"/>
 
   <!-- Spike arms(填充块面而非线条,细刺仍保留为短线装饰) -->
-  <path d="M62 108 Q26 112 24 142 Q22 156 38 158 Q50 158 48 144 Q44 122 62 118 Z" fill="url(#bodyGrad)" stroke="url(#accentGrad)" stroke-width="2.5"/>
-  <path d="M194 108 Q230 112 232 142 Q234 156 218 158 Q206 158 208 144 Q212 122 194 118 Z" fill="url(#bodyGrad)" stroke="url(#accentGrad)" stroke-width="2.5"/>
+  <path id="pet-arm-left" d="M62 108 Q26 112 24 142 Q22 156 38 158 Q50 158 48 144 Q44 122 62 118 Z" fill="url(#bodyGrad)" stroke="url(#accentGrad)" stroke-width="2.5"/>
+  <path id="pet-arm-right" d="M194 108 Q230 112 232 142 Q234 156 218 158 Q206 158 208 144 Q212 122 194 118 Z" fill="url(#bodyGrad)" stroke="url(#accentGrad)" stroke-width="2.5"/>
   <path d="M34 118 L24 108 M34 128 L22 124 M222 118 L232 108 M222 128 L234 124"
         stroke="url(#accentGrad)" stroke-width="3" stroke-linecap="round"/>
 

package/assets/pets/15-satellite-bot.svg

@@ -18,7 +18,7 @@
   <!-- Antenna dish (kept 8px lower than original so the dish curve's peak stays clear
        of the viewBox top edge during the idle float animation's -6px translateY) -->
   <line x1="128" y1="24" x2="128" y2="54" stroke="url(#accentGrad)" stroke-width="4"/>
-  <path d="M100 24 Q128 4 156 24 Q128 36 100 24 Z" fill="url(#bodyGrad)" stroke="url(#accentGrad)" stroke-width="2.5"/>
+  <path id="pet-antenna" d="M100 24 Q128 4 156 24 Q128 36 100 24 Z" fill="url(#bodyGrad)" stroke="url(#accentGrad)" stroke-width="2.5"/>
 
   <!-- Solar panel wings -->
   <rect x="4" y="88" width="50" height="70" rx="6" fill="url(#bodyGrad)" stroke="url(#accentGrad)" stroke-width="2.5"/>

package/assets/pets/16-jellyfish-bot.svg

@@ -8,7 +8,7 @@
       <feGaussianBlur stdDeviation="3" result="blur"/>
       <feMerge><feMergeNode in="blur"/><feMergeNode in="SourceGraphic"/></feMerge>
     </filter>
-  </defs>
+  </defs>
   <g id="pet-body-group">
 
   <!-- Dome head -->
@@ -20,7 +20,7 @@
     <circle cx="102" cy="86" r="8" fill="#0a1420"/>
     <circle cx="154" cy="86" r="8" fill="#0a1420"/>
   </g>
-  <path d="M112 104 Q128 114 144 104" stroke="#0a1420" stroke-width="3" fill="none" stroke-linecap="round"/>
+  <path id="pet-mouth" d="M112 104 Q128 114 144 104" stroke="#0a1420" stroke-width="3" fill="none" stroke-linecap="round"/>
 
   <!-- Tentacles -->
   <path d="M64 110 Q56 150 66 190 Q72 210 62 232" stroke="#ba68c8" stroke-width="7" fill="none" stroke-linecap="round">
@@ -43,5 +43,5 @@
   <circle cx="66" cy="170" r="3" fill="#e040fb" filter="url(#glow)"/>
   <circle cx="132" cy="180" r="3" fill="#e040fb" filter="url(#glow)"/>
   <circle cx="196" cy="170" r="3" fill="#e040fb" filter="url(#glow)"/>
-  </g>
+  </g>
 </svg>

package/assets/pets/18-star-bot.svg

@@ -8,7 +8,7 @@
       <feGaussianBlur stdDeviation="3" result="blur"/>
       <feMerge><feMergeNode in="blur"/><feMergeNode in="SourceGraphic"/></feMerge>
     </filter>
-  </defs>
+  </defs>
   <g id="pet-body-group">
 
   <!-- Star body: 5-point star -->
@@ -40,6 +40,6 @@
   </g>
 
   <!-- Smile -->
-  <path d="M114 148 Q128 158 142 148" stroke="#ffe082" stroke-width="3" fill="none" stroke-linecap="round"/>
-  </g>
+  <path id="pet-mouth" d="M114 148 Q128 158 142 148" stroke="#ffe082" stroke-width="3" fill="none" stroke-linecap="round"/>
+  </g>
 </svg>

package/assets/pets/manifest.json

@@ -3,8 +3,20 @@
   "viewBox": "0 0 256 256",
   "style": "赛博终端风,深色机身(#1b263b/#0d1b2a)+ 屏幕脸(黑底彩色像素眼,呼吸/眨眼动画),与 assets/mascot.svg 视觉语言一致",
   "pets": [
-    { "id": "robo-cat",      "file": "01-robo-cat.svg",      "name": "机械猫",     "accent": "#2afadf" },
-    { "id": "robo-dog",      "file": "02-robo-dog.svg",      "name": "机械犬",     "accent": "#ffb74d" },
+    { "id": "robo-cat",      "file": "01-robo-cat.svg",      "name": "机械猫",     "accent": "#2afadf",
+      "motionFile": "01-robo-cat.motion.css",
+      "quips": {
+        "tired": ["猫猫要趴一下…", "喵…有点累了,尾巴都垂下来了"],
+        "bored": ["理理毛,顺便等你", "尾巴甩甩,好无聊喵"],
+        "urging": ["喵?还没好吗", "尾巴都等急了喵"]
+      } },
+    { "id": "robo-dog",      "file": "02-robo-dog.svg",      "name": "机械犬",     "accent": "#ffb74d",
+      "motionFile": "02-robo-dog.motion.css",
+      "quips": {
+        "bored": ["打了个哈欠,好无聊呀", "尾巴都不知道摇给谁看了"],
+        "urging": ["快点快点,舌头都伸出来啦", "汪!还在等你呢"],
+        "flustered": ["汪汪汪,有点忙不过来了", "尾巴摇得比脑子转得快"]
+      } },
     { "id": "robo-fox",      "file": "03-robo-fox.svg",      "name": "机械狐",     "accent": "#ff7043" },
     { "id": "robo-panda",    "file": "04-robo-panda.svg",    "name": "机械熊猫",   "accent": "#2afadf" },
     { "id": "robo-owl",      "file": "05-robo-owl.svg",      "name": "机械猫头鹰", "accent": "#7c4dff" },
@@ -13,7 +25,12 @@
     { "id": "robo-bear",     "file": "08-robo-bear.svg",     "name": "机械熊",     "accent": "#ffa726" },
     { "id": "robo-penguin",  "file": "09-robo-penguin.svg",  "name": "机械企鹅",   "accent": "#42a5f5" },
     { "id": "robo-dino",     "file": "10-robo-dino.svg",     "name": "机械龙",     "accent": "#00c853" },
-    { "id": "slime-blob",    "file": "11-slime-blob.svg",    "name": "史莱姆",     "accent": "#00acc1" },
+    { "id": "slime-blob",    "file": "11-slime-blob.svg",    "name": "史莱姆",     "accent": "#00acc1",
+      "motionFile": "11-slime-blob.motion.css",
+      "quips": {
+        "tired": ["软软地瘫下去了…", "身体有点撑不住形状了"],
+        "urging": ["晃一晃,还在等你哦", "抖一抖,催你一下"]
+      } },
     { "id": "ghost-byte",    "file": "12-ghost-byte.svg",    "name": "字节幽灵",   "accent": "#4dd0e1" },
     { "id": "cactus-bot",    "file": "13-cactus-bot.svg",    "name": "仙人掌兽",   "accent": "#66bb6a" },
     { "id": "crystal-bot",   "file": "14-crystal-bot.svg",   "name": "水晶精灵",   "accent": "#7c4dff" },

package/dist/assets/pets/01-robo-cat.motion.css

@@ -0,0 +1,42 @@
+/* 机械猫(robo-cat)专属演出:覆盖通用 style.css 的部分选择器,体现"猫"的悠闲与傲娇感。
+ * 未覆盖的选择器(如 speaking/tool_call 等)继续回退通用规则。 */
+
+/* ── thinking:比通用更慢更懒的摆动,像猫盯着屏幕犯懒 ── */
+@keyframes cat-think-lazy-nod {
+  0%, 100% { transform: rotate(0deg); }
+  50% { transform: rotate(-3deg); }
+}
+.pet-thinking #pet-body-group {
+  animation: cat-think-lazy-nod 1.8s ease-in-out infinite;
+  transform-origin: 128px 125px;
+}
+
+/* ── mood-tired:尾巴慢慢垂下并轻轻摇,模拟没精神耷拉着尾巴 ── */
+@keyframes cat-tail-droop-sway {
+  0%, 100% { transform: rotate(6deg); }
+  50% { transform: rotate(12deg); }
+}
+.mood-tired #pet-tail {
+  animation: cat-tail-droop-sway 3.5s ease-in-out infinite;
+  transform-origin: 216px 180px;
+}
+
+/* ── idle:尾巴悠闲地慢慢甩动,叠加在通用的上下浮动之上 ── */
+@keyframes cat-tail-flick {
+  0%, 100% { transform: rotate(0deg); }
+  50% { transform: rotate(-8deg); }
+}
+.pet-idle #pet-tail {
+  animation: cat-tail-flick 2.6s ease-in-out infinite;
+  transform-origin: 216px 180px;
+}
+
+/* ── mood-bored:尾巴无聊地左右扫动,比 idle 更明显 ── */
+@keyframes cat-tail-bored-sweep {
+  0%, 100% { transform: rotate(-10deg); }
+  50% { transform: rotate(10deg); }
+}
+.mood-bored #pet-tail {
+  animation: cat-tail-bored-sweep 1.6s ease-in-out infinite;
+  transform-origin: 216px 180px;
+}

package/dist/assets/pets/01-robo-cat.svg

@@ -38,7 +38,7 @@
   </g>
 
   <!-- Cat mouth -->
-  <path d="M118 148 L128 156 L138 148" stroke="#2afadf" stroke-width="4" fill="none" stroke-linecap="round" filter="url(#glow)"/>
+  <path id="pet-mouth" d="M118 148 L128 156 L138 148" stroke="#2afadf" stroke-width="4" fill="none" stroke-linecap="round" filter="url(#glow)"/>
 
   <!-- Whiskers -->
   <line x1="46" y1="128" x2="76" y2="124" stroke="url(#accentGrad)" stroke-width="2" stroke-linecap="round"/>
@@ -51,6 +51,6 @@
   <rect x="160" y="200" width="20" height="26" rx="8" fill="url(#bodyGrad)" stroke="url(#accentGrad)" stroke-width="2.5"/>
 
   <!-- Tail -->
-  <path d="M216 180 Q246 190 240 150" stroke="url(#accentGrad)" stroke-width="8" stroke-linecap="round" fill="none"/>
+  <path id="pet-tail" d="M216 180 Q246 190 240 150" stroke="url(#accentGrad)" stroke-width="8" stroke-linecap="round" fill="none"/>
   </g>
 </svg>

package/dist/assets/pets/02-robo-dog.motion.css

@@ -0,0 +1,42 @@
+/* 机械犬(robo-dog)专属演出:体现"狗"活泼好奇的个性。
+ * 尾巴摆动已由 SVG 内置 animateTransform 独立驱动,这里不重复控制;
+ * 只覆盖头部摆动节奏和嘴部(舌头)形变。 */
+
+/* ── thinking:比通用更快更兴奋的点头,像狗狗好奇张望 ── */
+@keyframes dog-think-excited-nod {
+  0%, 100% { transform: rotate(0deg); }
+  50% { transform: rotate(-7deg); }
+}
+.pet-thinking #pet-body-group {
+  animation: dog-think-excited-nod 0.5s ease-in-out infinite;
+  transform-origin: 128px 125px;
+}
+
+/* ── mood-bored:舌头(嘴部元素)打哈欠似的拉长再收回 ── */
+@keyframes dog-bored-yawn {
+  0%, 100% { transform: scaleY(1); }
+  50% { transform: scaleY(1.8); }
+}
+.mood-bored #pet-mouth {
+  animation: dog-bored-yawn 2.2s ease-in-out infinite;
+  transform-origin: 128px 153px;
+}
+
+/* ── idle:头部轻快小幅点动,比通用浮动更活泼 ── */
+@keyframes dog-idle-perk {
+  0%, 100% { transform: translateY(0); }
+  50% { transform: translateY(-3px); }
+}
+.pet-idle #pet-body-group {
+  animation: dog-idle-perk 1.6s ease-in-out infinite;
+}
+
+/* ── mood-urging:舌头快速一伸一缩,像在催促着"快点快点" ── */
+@keyframes dog-urging-tongue {
+  0%, 100% { transform: scaleY(1); }
+  50% { transform: scaleY(1.5); }
+}
+.mood-urging #pet-mouth {
+  animation: dog-urging-tongue 0.4s ease-in-out infinite;
+  transform-origin: 128px 153px;
+}

package/dist/assets/pets/02-robo-dog.svg

@@ -39,7 +39,7 @@
 
   <!-- Nose + tongue -->
   <ellipse cx="128" cy="145" rx="9" ry="6" fill="#ff8a65" filter="url(#glow)"/>
-  <rect x="120" y="153" width="16" height="14" rx="6" fill="#ff8fa3"/>
+  <rect id="pet-mouth" x="120" y="153" width="16" height="14" rx="6" fill="#ff8fa3"/>
 
   <!-- Legs / feet -->
   <rect x="76" y="200" width="20" height="26" rx="8" fill="url(#bodyGrad)" stroke="url(#accentGrad)" stroke-width="2.5"/>

package/dist/assets/pets/03-robo-fox.svg

@@ -40,7 +40,7 @@
   </g>
 
   <!-- Sharp muzzle line -->
-  <path d="M112 150 L128 158 L144 150" stroke="#ff7043" stroke-width="4" fill="none" stroke-linecap="round" filter="url(#glow)"/>
+  <path id="pet-mouth" d="M112 150 L128 158 L144 150" stroke="#ff7043" stroke-width="4" fill="none" stroke-linecap="round" filter="url(#glow)"/>
 
   <!-- Legs / feet -->
   <rect x="76" y="200" width="20" height="26" rx="8" fill="url(#bodyGrad)" stroke="url(#accentGrad)" stroke-width="2.5"/>

package/dist/assets/pets/04-robo-panda.svg

@@ -43,7 +43,7 @@
 
   <!-- Nose + mouth -->
   <ellipse cx="128" cy="142" rx="8" ry="6" fill="#161a1e"/>
-  <rect x="112" y="150" width="32" height="5" rx="2.5" fill="#161a1e" fill-opacity="0.7"/>
+  <rect id="pet-mouth" x="112" y="150" width="32" height="5" rx="2.5" fill="#161a1e" fill-opacity="0.7"/>
 
   <!-- Legs / feet -->
   <rect x="76" y="200" width="20" height="26" rx="8" fill="#161a1e" stroke="url(#accentGrad)" stroke-width="2.5"/>

package/dist/assets/pets/05-robo-owl.svg

@@ -33,11 +33,11 @@
   </circle>
 
   <!-- Beak -->
-  <path d="M120 156 L128 172 L136 156 Z" fill="#ffb74d"/>
+  <path id="pet-mouth" d="M120 156 L128 172 L136 156 Z" fill="#ffb74d"/>
 
   <!-- Folded wing arms(填充块面而非线条,末端贴身收圆) -->
-  <ellipse cx="26" cy="160" rx="14" ry="30" transform="rotate(-12 26 160)" fill="url(#bodyGrad)" stroke="url(#accentGrad)" stroke-width="2.5"/>
-  <ellipse cx="230" cy="160" rx="14" ry="30" transform="rotate(12 230 160)" fill="url(#bodyGrad)" stroke="url(#accentGrad)" stroke-width="2.5"/>
+  <ellipse id="pet-arm-left" cx="26" cy="160" rx="14" ry="30" transform="rotate(-12 26 160)" fill="url(#bodyGrad)" stroke="url(#accentGrad)" stroke-width="2.5"/>
+  <ellipse id="pet-arm-right" cx="230" cy="160" rx="14" ry="30" transform="rotate(12 230 160)" fill="url(#bodyGrad)" stroke="url(#accentGrad)" stroke-width="2.5"/>
 
   <!-- Feet / talons -->
   <rect x="76" y="200" width="20" height="24" rx="6" fill="url(#bodyGrad)" stroke="url(#accentGrad)" stroke-width="2.5"/>

package/dist/assets/pets/06-robo-bunny.svg

@@ -43,10 +43,10 @@
   <path d="M122 148 L128 156 L134 148 Z" fill="#ff6ec7" filter="url(#glow)"/>
 
   <!-- Arms (gentle wave) -->
-  <ellipse cx="34" cy="150" rx="12" ry="22" transform="rotate(-18 34 130)" fill="url(#bodyGrad)" stroke="url(#accentGrad)" stroke-width="2.5">
+  <ellipse id="pet-arm-left" cx="34" cy="150" rx="12" ry="22" transform="rotate(-18 34 130)" fill="url(#bodyGrad)" stroke="url(#accentGrad)" stroke-width="2.5">
     <animateTransform attributeName="transform" type="rotate" values="-18 34 130;-30 34 130;-18 34 130;-6 34 130;-18 34 130" keyTimes="0;0.25;0.5;0.75;1" dur="2.6s" repeatCount="indefinite"/>
   </ellipse>
-  <ellipse cx="222" cy="150" rx="12" ry="22" transform="rotate(18 222 130)" fill="url(#bodyGrad)" stroke="url(#accentGrad)" stroke-width="2.5">
+  <ellipse id="pet-arm-right" cx="222" cy="150" rx="12" ry="22" transform="rotate(18 222 130)" fill="url(#bodyGrad)" stroke="url(#accentGrad)" stroke-width="2.5">
     <animateTransform attributeName="transform" type="rotate" values="18 222 130;30 222 130;18 222 130;6 222 130;18 222 130" keyTimes="0;0.25;0.5;0.75;1" dur="2.6s" repeatCount="indefinite"/>
   </ellipse>
 

package/dist/assets/pets/07-robo-frog.svg

@@ -12,7 +12,7 @@
       <feGaussianBlur stdDeviation="3" result="blur"/>
       <feMerge><feMergeNode in="blur"/><feMergeNode in="SourceGraphic"/></feMerge>
     </filter>
-  </defs>
+  </defs>
   <g id="pet-body-group">
 
   <!-- Body / head (wide, squat) -->
@@ -30,10 +30,10 @@
 
   <!-- Screen mouth panel -->
   <rect x="60" y="110" width="136" height="72" rx="14" fill="#0a1420" stroke="#69f0ae" stroke-opacity="0.4" stroke-width="1.5"/>
-  <path d="M76 150 Q128 176 180 150" stroke="url(#accentGrad)" stroke-width="5" fill="none" stroke-linecap="round" filter="url(#glow)"/>
+  <path id="pet-mouth" d="M76 150 Q128 176 180 150" stroke="url(#accentGrad)" stroke-width="5" fill="none" stroke-linecap="round" filter="url(#glow)"/>
 
   <!-- Bent frog legs -->
   <path d="M50 176 Q20 190 30 224 Q46 236 56 214" fill="url(#bodyGrad)" stroke="url(#accentGrad)" stroke-width="3"/>
   <path d="M206 176 Q236 190 226 224 Q210 236 200 214" fill="url(#bodyGrad)" stroke="url(#accentGrad)" stroke-width="3"/>
-  </g>
+  </g>
 </svg>