mocode-pet-app 1.4.0 → 1.7.0

package/assets/pets/16-jellyfish-bot.motion.css

@@ -0,0 +1,71 @@
+/* 水母兽(jellyfish-bot)专属演出:体现"水母"的飘逸与梦幻,所有动作都是柔缓的弧线漂移。
+ * SVG 里触手已自带 <animate> 形变,这里不动触手,只对 #pet-body-group 做整体节奏;
+ * 没有 #pet-arm-*,tool_call 改用身体左右柔摆代替双臂摆动。 */
+
+/* ── idle:缓慢垂直上下漂移 ── */
+@keyframes jellyfish-idle-drift {
+  0%, 100% { transform: translateY(0); }
+  50% { transform: translateY(-7px); }
+}
+.pet-idle #pet-body-group {
+  animation: jellyfish-idle-drift 3.2s ease-in-out infinite;
+}
+
+/* ── thinking:垂直 + 水平小幅弧线漂移,模拟随水流思考 ── */
+@keyframes jellyfish-think-drift {
+  0%, 100% { transform: translate(0, 0); }
+  25% { transform: translate(-3px, -4px); }
+  50% { transform: translate(0, -7px); }
+  75% { transform: translate(3px, -4px); }
+}
+.pet-thinking #pet-body-group {
+  animation: jellyfish-think-drift 3s ease-in-out infinite;
+}
+
+/* ── tool_call:身体柔摆(代替双臂) ── */
+@keyframes jellyfish-tool-sway {
+  0%, 100% { transform: rotate(-4deg); }
+  50% { transform: rotate(4deg); }
+}
+.pet-tool #pet-body-group {
+  animation: jellyfish-tool-sway 0.7s ease-in-out infinite;
+  transform-origin: 128px 130px;
+}
+
+/* ── mood-urging:快速上下窜动 + 嘴部张合 ── */
+@keyframes jellyfish-urging-surge {
+  0%, 100% { transform: translateY(0); }
+  50% { transform: translateY(-9px); }
+}
+@keyframes jellyfish-urging-mouth {
+  0%, 100% { transform: scaleY(1); }
+  50% { transform: scaleY(1.5); }
+}
+.mood-urging #pet-body-group {
+  animation: jellyfish-urging-surge 0.4s ease-in-out infinite;
+}
+.mood-urging #pet-mouth {
+  animation: jellyfish-urging-mouth 0.4s ease-in-out infinite;
+  transform-origin: 128px 104px;
+}
+
+/* ── mood-tired:慢慢沉下去 + 透明度下降 ── */
+@keyframes jellyfish-tired-sink {
+  0%, 100% { transform: translateY(0); opacity: 1; }
+  50% { transform: translateY(5px); opacity: 0.7; }
+}
+.mood-tired #pet-body-group {
+  animation: jellyfish-tired-sink 4.4s ease-in-out infinite;
+}
+
+/* ── done:整只小水母轻快地向下压一次再弹回 ── */
+@keyframes jellyfish-done-pulse {
+  0% { transform: scale(1); }
+  40% { transform: scale(0.92) translateY(2px); }
+  70% { transform: scale(1.08) translateY(-4px); }
+  100% { transform: scale(1); }
+}
+.pet-done #pet-body-group {
+  animation: jellyfish-done-pulse 0.55s ease-out 1;
+  transform-origin: 128px 130px;
+}

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/17-mushroom-bot.motion.css

@@ -0,0 +1,65 @@
+/* 菌菇兽(mushroom-bot)专属演出:体现"蘑菇"的弹性与Q弹,所有动作都是"弹"或"压"。
+ * 没有 #pet-arm-* 和 #pet-mouth,所有动作只能作用在 #pet-body-group 整体;
+ * 高度对称、底下两根脚,可以用 ground origin 做压扁弹起。 */
+
+/* ── idle:缓慢的"呼吸式"上下小弹(比通用浮动更有蘑菇的Q弹) ── */
+@keyframes mushroom-idle-spring {
+  0%, 100% { transform: translateY(0); }
+  50% { transform: translateY(-5px); }
+}
+.pet-idle #pet-body-group {
+  animation: mushroom-idle-spring 2.4s ease-in-out infinite;
+}
+
+/* ── thinking:上下小幅点头,根部为支点(整颗菌盖跟着摆) ── */
+@keyframes mushroom-think-tilt {
+  0%, 100% { transform: rotate(0deg); }
+  25% { transform: rotate(-3deg); }
+  75% { transform: rotate(3deg); }
+}
+.pet-thinking #pet-body-group {
+  animation: mushroom-think-tilt 1.1s ease-in-out infinite;
+  transform-origin: 128px 240px;
+}
+
+/* ── tool_call:整体左右小摇摆(代替双臂) ── */
+@keyframes mushroom-tool-sway {
+  0%, 100% { transform: rotate(-5deg); }
+  50% { transform: rotate(5deg); }
+}
+.pet-tool #pet-body-group {
+  animation: mushroom-tool-sway 0.45s ease-in-out infinite;
+  transform-origin: 128px 240px;
+}
+
+/* ── mood-urging:急促的连续小弹跳 ── */
+@keyframes mushroom-urging-bounce {
+  0%, 100% { transform: translateY(0) scaleY(1); }
+  50% { transform: translateY(-3px) scaleY(0.94); }
+}
+.mood-urging #pet-body-group {
+  animation: mushroom-urging-bounce 0.28s ease-in-out infinite;
+  transform-origin: 128px 240px;
+}
+
+/* ── mood-tired:慢慢萎缩变矮 ── */
+@keyframes mushroom-tired-shrink {
+  0%, 100% { transform: scaleY(1); opacity: 1; }
+  50% { transform: scaleY(0.92); opacity: 0.85; }
+}
+.mood-tired #pet-body-group {
+  animation: mushroom-tired-shrink 4.4s ease-in-out infinite;
+  transform-origin: 128px 240px;
+}
+
+/* ── done:大弹跳 + 落下一次 ── */
+@keyframes mushroom-done-hop {
+  0% { transform: translateY(0) scaleY(1); }
+  30% { transform: translateY(0) scaleY(0.8) scaleX(1.12); }
+  60% { transform: translateY(-16px) scaleY(1.05) scaleX(0.95); }
+  100% { transform: translateY(0) scaleY(1); }
+}
+.pet-done #pet-body-group {
+  animation: mushroom-done-hop 0.55s ease-out 1;
+  transform-origin: 128px 240px;
+}

package/assets/pets/18-star-bot.motion.css

@@ -0,0 +1,72 @@
+/* 星星兽(star-bot)专属演出:体现"星"的闪光与魔法,动作以旋转/脉冲为主。
+ * SVG 自带 4s 慢速正负 6° 摆动(.pet-idle 时被替换);没有 #pet-arm-*;
+ * 整颗星就是身体,所有 transform 都以五角星中心 (128,128) 为原点。 */
+
+/* ── idle:保留并替换内置慢摆为"原地悬停" ── */
+@keyframes star-idle-hover {
+  0%, 100% { transform: translateY(0) rotate(0deg); }
+  50% { transform: translateY(-5px) rotate(0deg); }
+}
+.pet-idle #pet-body-group {
+  animation: star-idle-hover 3s ease-in-out infinite;
+}
+
+/* ── thinking:慢速连续旋转,像在展示星芒 ── */
+@keyframes star-think-spin {
+  0% { transform: rotate(0deg); }
+  100% { transform: rotate(360deg); }
+}
+.pet-thinking #pet-body-group {
+  animation: star-think-spin 4s linear infinite;
+  transform-origin: 128px 128px;
+}
+
+/* ── tool_call:快速左右摇摆(代替双臂摆动) ── */
+@keyframes star-tool-sway {
+  0%, 100% { transform: rotate(-8deg); }
+  50% { transform: rotate(8deg); }
+}
+.pet-tool #pet-body-group {
+  animation: star-tool-sway 0.4s ease-in-out infinite;
+  transform-origin: 128px 128px;
+}
+
+/* ── mood-urging:急速脉冲式缩放 + 嘴部跟随张合 ── */
+@keyframes star-urging-pulse {
+  0%, 100% { transform: scale(1); }
+  50% { transform: scale(1.12); }
+}
+@keyframes star-urging-mouth {
+  0%, 100% { transform: scaleY(1); }
+  50% { transform: scaleY(1.5); }
+}
+.mood-urging #pet-body-group {
+  animation: star-urging-pulse 0.32s ease-in-out infinite;
+  transform-origin: 128px 128px;
+}
+.mood-urging #pet-mouth {
+  animation: star-urging-mouth 0.32s ease-in-out infinite;
+  transform-origin: 128px 148px;
+}
+
+/* ── mood-frustrated:暴怒式自转 + 脉冲(替换通用横向抖动) ── */
+@keyframes star-frustrated-spin {
+  0% { transform: rotate(0deg) scale(1); }
+  50% { transform: rotate(180deg) scale(0.92); }
+  100% { transform: rotate(360deg) scale(1); }
+}
+.mood-frustrated #pet-body-group {
+  animation: star-frustrated-spin 0.4s linear infinite;
+  transform-origin: 128px 128px;
+}
+
+/* ── done:Twinkle 爆发(放大 + 收缩 + 旋转一次) ── */
+@keyframes star-done-twinkle {
+  0% { transform: scale(1) rotate(0deg); }
+  40% { transform: scale(1.2) rotate(60deg); }
+  100% { transform: scale(1) rotate(0deg); }
+}
+.pet-done #pet-body-group {
+  animation: star-done-twinkle 0.5s ease-out 1;
+  transform-origin: 128px 128px;
+}

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

@@ -1,25 +1,139 @@
-{
-  "_description": "候选桌宠素材索引,供未来 desktop-pet '选皮' 功能读取。当前 packages/pet-app 实现仅使用 assets/mascot.svg(单一形象+CSS状态动画),这些素材是为后续换皮功能预留的候选库。",
-  "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-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" },
-    { "id": "robo-bunny",    "file": "06-robo-bunny.svg",    "name": "机械兔",     "accent": "#ff6ec7" },
-    { "id": "robo-frog",     "file": "07-robo-frog.svg",     "name": "机械蛙",     "accent": "#00e676" },
-    { "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": "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" },
-    { "id": "satellite-bot", "file": "15-satellite-bot.svg", "name": "卫星兽",     "accent": "#42a5f5" },
-    { "id": "jellyfish-bot", "file": "16-jellyfish-bot.svg", "name": "水母兽",     "accent": "#ba68c8" },
-    { "id": "mushroom-bot",  "file": "17-mushroom-bot.svg",  "name": "菌菇兽",     "accent": "#c62828" },
-    { "id": "star-bot",      "file": "18-star-bot.svg",      "name": "星星兽",     "accent": "#ff8f00" }
-  ]
-}
+{
+  "_description": "候选桌宠素材索引,供未来 desktop-pet '选皮' 功能读取。当前 packages/pet-app 实现仅使用 assets/mascot.svg(单一形象+CSS状态动画),这些素材是为后续换皮功能预留的候选库。",
+  "viewBox": "0 0 256 256",
+  "style": "赛博终端风,深色机身(#1b263b/#0d1b2a)+ 屏幕脸(黑底彩色像素眼,呼吸/眨眼动画),与 assets/mascot.svg 视觉语言一致",
+  "pets": [
+    { "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",
+      "motionFile": "03-robo-fox.motion.css",
+      "quips": {
+        "thinking": ["嗅嗅…好像有什么线索喵…不对,狐狐嗅嗅"],
+        "bored": ["尾巴都扫累了,还是没动静"],
+        "urging": ["喂喂,狐狸都急得直摇尾巴了"]
+      } },
+    { "id": "robo-panda",    "file": "04-robo-panda.svg",    "name": "机械熊猫",   "accent": "#2afadf",
+      "motionFile": "04-robo-panda.motion.css",
+      "quips": {
+        "tired": ["呜…竹子嚼完了,想眯一会儿"],
+        "bored": ["翻个身…啊,翻不动"],
+        "urging": ["嗯…?完了吗?让我再翻个身想想"]
+      } },
+    { "id": "robo-owl",      "file": "05-robo-owl.svg",      "name": "机械猫头鹰", "accent": "#7c4dff",
+      "motionFile": "05-robo-owl.motion.css",
+      "quips": {
+        "bored": ["咕咕…360° 巡视中", "夜里都飞完了,白天可困"],
+        "urging": ["扇翅膀提示你,别再让我咕咕了"]
+      } },
+    { "id": "robo-bunny",    "file": "06-robo-bunny.svg",    "name": "机械兔",     "accent": "#ff6ec7",
+      "motionFile": "06-robo-bunny.motion.css",
+      "quips": {
+        "tired": ["耳朵都耷拉下来了…"],
+        "bored": ["蹦跶蹦跶!…啊,又没意思了"],
+        "urging": ["蹦蹦蹦!好了没呀"]
+      } },
+    { "id": "robo-frog",     "file": "07-robo-frog.svg",     "name": "机械蛙",     "accent": "#00e676",
+      "motionFile": "07-robo-frog.motion.css",
+      "quips": {
+        "thinking": ["呱…再想想"],
+        "bored": ["蹲得腿都麻了呱…"],
+        "urging": ["呱呱呱!快跳到下一题了呱"]
+      } },
+    { "id": "robo-bear",     "file": "08-robo-bear.svg",     "name": "机械熊",     "accent": "#ffa726",
+      "motionFile": "08-robo-bear.motion.css",
+      "quips": {
+        "tired": ["冬眠时间快到了…zzZ"],
+        "bored": ["蜂蜜都被我吃完了,无聊"],
+        "urging": ["熊!都!要!等!不!住!了!"]
+      } },
+    { "id": "robo-penguin",  "file": "09-robo-penguin.svg",  "name": "机械企鹅",   "accent": "#42a5f5",
+      "motionFile": "09-robo-penguin.motion.css",
+      "quips": {
+        "bored": ["左右摇,左右摇…站久了脚好冷"],
+        "urging": ["嘎嘎!鳍都拍红了!"],
+        "tired": ["南极了,太冷,想躺平"]
+      } },
+    { "id": "robo-dino",     "file": "10-robo-dino.svg",     "name": "机械龙",     "accent": "#00c853",
+      "motionFile": "10-robo-dino.motion.css",
+      "quips": {
+        "frustrated": ["嗷呜!侏罗纪的怒火在燃烧!"],
+        "urging":    ["跺脚!跺脚!小短腿都跺出火星了!"]
+      },
+      "stateQuips": {
+        "done":    ["哼,这次算你过关,本龙勉强点头"],
+        "aborted": ["嗷!本龙还没出手呢!"],
+        "error":   ["本龙摔了一跤,爬起来继续"]
+      } },
+    { "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",
+      "motionFile": "12-ghost-byte.motion.css",
+      "quips": {
+        "tired": ["电量耗尽了…要散了…"],
+        "bored": ["飘来飘去,连 bug 都飘光了"],
+        "urging": ["呜——呜——快看我一眼"]
+      } },
+    { "id": "cactus-bot",    "file": "13-cactus-bot.svg",    "name": "仙人掌兽",   "accent": "#66bb6a",
+      "motionFile": "13-cactus-bot.motion.css",
+      "quips": {
+        "bored": ["晒太阳晒到刺都软了"],
+        "tired": ["缺水…缺人理…"],
+        "urging": ["刺都竖起来了,快点快点"]
+      } },
+    { "id": "crystal-bot",   "file": "14-crystal-bot.svg",   "name": "水晶精灵",   "accent": "#7c4dff",
+      "motionFile": "14-crystal-bot.motion.css",
+      "quips": {
+        "bored": ["折射中…请勿直视"],
+        "tired": ["光谱变暗了…能量要充电"],
+        "urging": ["折射出警示光!快!快!"]
+      } },
+    { "id": "satellite-bot", "file": "15-satellite-bot.svg", "name": "卫星兽",     "accent": "#42a5f5",
+      "motionFile": "15-satellite-bot.motion.css",
+      "quips": {
+        "bored": ["轨道上只剩我一只,寂寞"],
+        "tired": ["太阳能板收起来了,需要补光"],
+        "urging": ["哔哔哔!信号强到溢出!"]
+      } },
+    { "id": "jellyfish-bot", "file": "16-jellyfish-bot.svg", "name": "水母兽",     "accent": "#ba68c8",
+      "motionFile": "16-jellyfish-bot.motion.css",
+      "quips": {
+        "tired": ["随波逐流,飘到没力气"],
+        "bored": ["深海里一只水母,在发呆"],
+        "urging": ["刺一下!刺一下!…啊我没有刺"]
+      } },
+    { "id": "mushroom-bot",  "file": "17-mushroom-bot.svg",  "name": "菌菇兽",     "accent": "#c62828",
+      "motionFile": "17-mushroom-bot.motion.css",
+      "quips": {
+        "tired": ["菌盖都瘪了,要孢子休了"],
+        "bored": ["在森林角落,洒了一把无聊的孢子"],
+        "urging": ["蹦!蹦!蹦!Q弹到爆!"]
+      } },
+    { "id": "star-bot",      "file": "18-star-bot.svg",      "name": "星星兽",     "accent": "#ff8f00",
+      "motionFile": "18-star-bot.motion.css",
+      "quips": {
+        "frustrated": ["星芒都烧起来了!急!急!"],
+        "urging":     ["一闪一闪亮晶晶,催你快回应"]
+      },
+      "stateQuips": {
+        "done":    ["Twinkle! 任务完成 ✨"],
+        "aborted": ["流星中途熄灭了…"],
+        "error":   ["星星也黯淡了一瞬,别慌,会再亮起来的"]
+      } }
+  ]
+}

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.motion.css

@@ -0,0 +1,63 @@
+/* 机械狐(robo-fox)专属演出:体现"狐"的狡黠与机敏,动作偏小巧、节奏偏快。
+ * 没有 #pet-arm-* 元素,故 tool_call 用头部抖动代替双臂摆动;
+ * 蓬松的尾巴在 SVG 里没有 id,这里通过 #pet-body-group 的偏转让尾巴自然跟着摇摆。 */
+
+/* ── thinking:小角度歪头,像盯着某处揣摩,比通用 4° 更轻 ── */
+@keyframes fox-think-cocked-head {
+  0%, 100% { transform: rotate(0deg); }
+  50% { transform: rotate(5deg); }
+}
+.pet-thinking #pet-body-group {
+  animation: fox-think-cocked-head 1.1s ease-in-out infinite;
+  transform-origin: 128px 125px;
+}
+
+/* ── idle:细微左右探身,模拟警觉地东张西望 ── */
+@keyframes fox-idle-prowl {
+  0%, 100% { transform: rotate(0deg); }
+  25% { transform: rotate(-2deg); }
+  75% { transform: rotate(2deg); }
+}
+.pet-idle #pet-body-group {
+  animation: fox-idle-prowl 3.4s ease-in-out infinite;
+  transform-origin: 128px 125px;
+}
+
+/* ── tool_call:头部快速左右抖动(代替双臂摆动),像在分析嗅探 ── */
+@keyframes fox-tool-shake {
+  0%, 100% { transform: rotate(0deg); }
+  25% { transform: rotate(-4deg); }
+  75% { transform: rotate(4deg); }
+}
+.pet-tool #pet-body-group {
+  animation: fox-tool-shake 0.35s ease-in-out infinite;
+  transform-origin: 128px 125px;
+}
+
+/* ── mood-bored:慢慢左右扫视,比 idle 幅度更大 ── */
+@keyframes fox-bored-scan {
+  0%, 100% { transform: rotate(-6deg); }
+  50% { transform: rotate(6deg); }
+}
+.mood-bored #pet-body-group {
+  animation: fox-bored-scan 2.6s ease-in-out infinite;
+  transform-origin: 128px 125px;
+}
+
+/* ── mood-urging:歪头 + 嘴部快速张合(催促式"开口说话") ── */
+@keyframes fox-urging-nod {
+  0%, 100% { transform: rotate(0deg); }
+  50% { transform: rotate(-6deg); }
+}
+.mood-urging #pet-body-group {
+  animation: fox-urging-nod 0.55s ease-in-out infinite;
+  transform-origin: 128px 125px;
+}
+@keyframes fox-urging-mouth {
+  0%, 100% { transform: scaleY(1); }
+  50% { transform: scaleY(1.6); }
+}
+.mood-urging #pet-mouth {
+  animation: fox-urging-mouth 0.55s ease-in-out infinite;
+  transform-origin: 128px 150px;
+}

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"/>