mocode-pet-app 1.4.0 → 1.7.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.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/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.motion.css

@@ -0,0 +1,61 @@
+/* 机械熊猫(robo-panda)专属演出:体现"熊猫"的慵懒与迟缓,所有节奏都比通用更慢。
+ * 没有 #pet-arm-*,tool_call 改用身体大幅摇摆代替双臂摆动。 */
+
+/* ── thinking:非常慢的小幅点头,像在打盹时梦到什么 ── */
+@keyframes panda-think-drowsy {
+  0%, 100% { transform: rotate(0deg); }
+  50% { transform: rotate(-2deg); }
+}
+.pet-thinking #pet-body-group {
+  animation: panda-think-drowsy 2.4s ease-in-out infinite;
+  transform-origin: 128px 125px;
+}
+
+/* ── idle:非常慢的慵懒浮动,曲线比通用 3s 更沉 ── */
+@keyframes panda-idle-lazy-float {
+  0%, 100% { transform: translateY(0); }
+  50% { transform: translateY(-3px); }
+}
+.pet-idle #pet-body-group {
+  animation: panda-idle-lazy-float 4.2s ease-in-out infinite;
+}
+
+/* ── tool_call:慢慢左右晃身(代替双臂),动作幅度大但迟缓,像在嚼竹子 ── */
+@keyframes panda-tool-sway {
+  0%, 100% { transform: rotate(0deg); }
+  50% { transform: rotate(6deg); }
+}
+.pet-tool #pet-body-group {
+  animation: panda-tool-sway 1.2s ease-in-out infinite;
+  transform-origin: 128px 125px;
+}
+
+/* ── mood-tired:缓慢下沉 + 略微变暗,疲惫感比通用更浓 ── */
+@keyframes panda-tired-sink {
+  0%, 100% { transform: translateY(0); opacity: 1; }
+  50% { transform: translateY(6px); opacity: 0.8; }
+}
+.mood-tired #pet-body-group {
+  animation: panda-tired-sink 4.8s ease-in-out infinite;
+}
+
+/* ── mood-bored:慢到极致的左右摇晃,像快睡着了 ── */
+@keyframes panda-bored-sway {
+  0%, 100% { transform: rotate(0deg); }
+  50% { transform: rotate(3deg); }
+}
+.mood-bored #pet-body-group {
+  animation: panda-bored-sway 3.2s ease-in-out infinite;
+  transform-origin: 128px 125px;
+}
+
+/* ── done:慵懒但满足的小弹 ── */
+@keyframes panda-done-soft-bounce {
+  0% { transform: scale(1); }
+  40% { transform: scale(1.05); }
+  100% { transform: scale(1); }
+}
+.pet-done #pet-body-group {
+  animation: panda-done-soft-bounce 0.6s ease-out 1;
+  transform-origin: 128px 220px;
+}

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

@@ -0,0 +1,88 @@
+/* 机械猫头鹰(robo-owl)专属演出:体现"猫头鹰"的机警与睿智。
+ * 头身一体的体型让"转头巡视"成为招牌动作;
+ * 双翼作为 #pet-arm-* 在这里承担"扇翅"的语义而非"挥臂"。 */
+
+/* ── thinking:慢速 360° 巡视(大角度旋转,因为体型方,看起来像头部旋转) ── */
+@keyframes owl-think-slow-scan {
+  0% { transform: rotate(0deg); }
+  100% { transform: rotate(360deg); }
+}
+.pet-thinking #pet-body-group {
+  animation: owl-think-slow-scan 4s linear infinite;
+  transform-origin: 128px 140px;
+}
+
+/* ── idle:缓慢左右转头巡视 ── */
+@keyframes owl-idle-turn {
+  0%, 100% { transform: rotate(0deg); }
+  25% { transform: rotate(-8deg); }
+  75% { transform: rotate(8deg); }
+}
+.pet-idle #pet-body-group {
+  animation: owl-idle-turn 3.6s ease-in-out infinite;
+  transform-origin: 128px 140px;
+}
+
+/* ── tool_call:双翼大幅拍动代替通用"双臂小幅摆动" ── */
+@keyframes owl-tool-wing-left {
+  0%, 100% { transform: rotate(-12deg); }
+  50% { transform: rotate(-30deg); }
+}
+@keyframes owl-tool-wing-right {
+  0%, 100% { transform: rotate(12deg); }
+  50% { transform: rotate(30deg); }
+}
+.pet-tool #pet-arm-left {
+  animation: owl-tool-wing-left 0.4s ease-in-out infinite;
+  transform-origin: 26px 160px;
+}
+.pet-tool #pet-arm-right {
+  animation: owl-tool-wing-right 0.4s ease-in-out infinite 0.2s;
+  transform-origin: 230px 160px;
+}
+
+/* ── mood-urging:急促的翅膀拍打 + 身体前倾 ── */
+@keyframes owl-urging-wing-left {
+  0%, 100% { transform: rotate(-12deg); }
+  50% { transform: rotate(-40deg); }
+}
+@keyframes owl-urging-wing-right {
+  0%, 100% { transform: rotate(12deg); }
+  50% { transform: rotate(40deg); }
+}
+@keyframes owl-urging-lean {
+  0%, 100% { transform: translateY(0) rotate(0deg); }
+  50% { transform: translateY(-2px) rotate(-3deg); }
+}
+.mood-urging #pet-arm-left {
+  animation: owl-urging-wing-left 0.2s ease-in-out infinite;
+  transform-origin: 26px 160px;
+}
+.mood-urging #pet-arm-right {
+  animation: owl-urging-wing-right 0.2s ease-in-out infinite 0.1s;
+  transform-origin: 230px 160px;
+}
+.mood-urging #pet-body-group {
+  animation: owl-urging-lean 0.4s ease-in-out infinite;
+  transform-origin: 128px 140px;
+}
+
+/* ── done:展翅庆祝 ── */
+@keyframes owl-done-spread-left {
+  0% { transform: rotate(-12deg); }
+  40% { transform: rotate(-50deg); }
+  100% { transform: rotate(-12deg); }
+}
+@keyframes owl-done-spread-right {
+  0% { transform: rotate(12deg); }
+  40% { transform: rotate(50deg); }
+  100% { transform: rotate(12deg); }
+}
+.pet-done #pet-arm-left {
+  animation: owl-done-spread-left 0.5s ease-out 1;
+  transform-origin: 26px 160px;
+}
+.pet-done #pet-arm-right {
+  animation: owl-done-spread-right 0.5s ease-out 1;
+  transform-origin: 230px 160px;
+}

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

@@ -0,0 +1,84 @@
+/* 机械兔(robo-bunny)专属演出:体现"兔子"的轻快与活泼,节奏普遍偏快、幅度偏小。
+ * 注意:robo-bunny.svg 的 #pet-arm-left/right 自带 inline <animateTransform> 缓慢摆动,
+ * 这里在状态/mood class 下用更快的 keyframe 覆盖之;非覆盖状态下内置动画继续提供自然律动。 */
+
+/* ── thinking:短促高频的小点头 ── */
+@keyframes bunny-think-bob {
+  0%, 100% { transform: rotate(0deg); }
+  50% { transform: rotate(-3deg); }
+}
+.pet-thinking #pet-body-group {
+  animation: bunny-think-bob 0.6s ease-in-out infinite;
+  transform-origin: 128px 125px;
+}
+
+/* ── idle:轻微上下小跳,代替通用浮动 ── */
+@keyframes bunny-idle-hop {
+  0%, 100% { transform: translateY(0); }
+  50% { transform: translateY(-8px); }
+}
+.pet-idle #pet-body-group {
+  animation: bunny-idle-hop 1.4s ease-in-out infinite;
+}
+
+/* ── tool_call:手臂快摆(覆盖内置慢摆),蹦跳式连续工作 ── */
+@keyframes bunny-tool-arm-left {
+  0%, 100% { transform: rotate(-18deg); }
+  50% { transform: rotate(-40deg); }
+}
+@keyframes bunny-tool-arm-right {
+  0%, 100% { transform: rotate(18deg); }
+  50% { transform: rotate(40deg); }
+}
+.pet-tool #pet-arm-left {
+  animation: bunny-tool-arm-left 0.3s ease-in-out infinite;
+  transform-origin: 34px 130px;
+}
+.pet-tool #pet-arm-right {
+  animation: bunny-tool-arm-right 0.3s ease-in-out infinite 0.15s;
+  transform-origin: 222px 130px;
+}
+
+/* ── mood-tired:身体略微下沉,叠加在内置慢摆之上 ── */
+@keyframes bunny-tired-sink {
+  0%, 100% { transform: translateY(0); opacity: 1; }
+  50% { transform: translateY(3px); opacity: 0.9; }
+}
+.mood-tired #pet-body-group {
+  animation: bunny-tired-sink 3.2s ease-in-out infinite;
+}
+
+/* ── mood-urging:高频小跳 + 急切摆臂 ── */
+@keyframes bunny-urging-hop {
+  0%, 100% { transform: translateY(0); }
+  50% { transform: translateY(-6px); }
+}
+@keyframes bunny-urging-arm-left {
+  0%, 100% { transform: rotate(-18deg); }
+  50% { transform: rotate(-50deg); }
+}
+@keyframes bunny-urging-arm-right {
+  0%, 100% { transform: rotate(18deg); }
+  50% { transform: rotate(50deg); }
+}
+.mood-urging #pet-body-group {
+  animation: bunny-urging-hop 0.35s ease-in-out infinite;
+}
+.mood-urging #pet-arm-left {
+  animation: bunny-urging-arm-left 0.2s ease-in-out infinite;
+  transform-origin: 34px 130px;
+}
+.mood-urging #pet-arm-right {
+  animation: bunny-urging-arm-right 0.2s ease-in-out infinite 0.1s;
+  transform-origin: 222px 130px;
+}
+
+/* ── done:大弹跳一次 ── */
+@keyframes bunny-done-bounce {
+  0% { transform: translateY(0) scale(1); }
+  40% { transform: translateY(-14px) scale(1.05); }
+  100% { transform: translateY(0) scale(1); }
+}
+.pet-done #pet-body-group {
+  animation: bunny-done-bounce 0.5s ease-out 1;
+}

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

@@ -0,0 +1,65 @@
+/* 机械蛙(robo-frog)专属演出:利用"挤压/弹跳"这个青蛙的核心视觉语言,
+ * SVG 里没有 #pet-arm-*,tool_call 用整体压扁弹起代替通用双臂摆动。 */
+
+/* ── thinking:嘴部开合(呱呱叫的雏形) ── */
+@keyframes frog-think-mouth {
+  0%, 100% { transform: scaleY(1); }
+  50% { transform: scaleY(1.6); }
+}
+.pet-thinking #pet-mouth {
+  animation: frog-think-mouth 0.8s ease-in-out infinite;
+  transform-origin: 128px 150px;
+}
+
+/* ── idle:极轻微的鼓起呼吸 ── */
+@keyframes frog-idle-breathe {
+  0%, 100% { transform: scale(1); }
+  50% { transform: scale(1.02); }
+}
+.pet-idle #pet-body-group {
+  animation: frog-idle-breathe 2.6s ease-in-out infinite;
+  transform-origin: 128px 200px;
+}
+
+/* ── tool_call:压扁弹起,代替双臂摆动,像青蛙蓄力跳 ── */
+@keyframes frog-tool-squash {
+  0%, 100% { transform: scaleY(1) scaleX(1); }
+  30% { transform: scaleY(0.78) scaleX(1.15); }
+  60% { transform: scaleY(1.18) scaleX(0.88); }
+}
+.pet-tool #pet-body-group {
+  animation: frog-tool-squash 0.55s ease-in-out infinite;
+  transform-origin: 128px 200px;
+}
+
+/* ── mood-urging:嘴部急速张合(急促呱呱催促) ── */
+@keyframes frog-urging-mouth {
+  0%, 100% { transform: scaleY(1); }
+  50% { transform: scaleY(2.4); }
+}
+.mood-urging #pet-mouth {
+  animation: frog-urging-mouth 0.25s ease-in-out infinite;
+  transform-origin: 128px 150px;
+}
+
+/* ── mood-tired:身体整体慢慢压扁变矮,像没气了的蛙 ── */
+@keyframes frog-tired-squash {
+  0%, 100% { transform: scaleY(1); }
+  50% { transform: scaleY(0.86); }
+}
+.mood-tired #pet-body-group {
+  animation: frog-tired-squash 4.4s ease-in-out infinite;
+  transform-origin: 128px 200px;
+}
+
+/* ── done:大跳跃一次 ── */
+@keyframes frog-done-jump {
+  0% { transform: translateY(0) scaleY(1); }
+  30% { transform: translateY(0) scaleY(0.78) scaleX(1.15); }
+  50% { transform: translateY(-18px) scaleY(1.1) scaleX(0.92); }
+  100% { transform: translateY(0) scaleY(1); }
+}
+.pet-done #pet-body-group {
+  animation: frog-done-jump 0.55s ease-out 1;
+  transform-origin: 128px 200px;
+}

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/08-robo-bear.motion.css

@@ -0,0 +1,65 @@
+/* 机械熊(robo-bear)专属演出:体现"熊"的笨重与迟缓,所有动作幅度大但慢半拍。
+ * 没有 #pet-arm-*,tool_call 改为大角度身体摇摆代替双臂摆动。 */
+
+/* ── thinking:沉甸甸的大幅点头,模拟思考时整颗头都跟着动 ── */
+@keyframes bear-think-heavy-nod {
+  0%, 100% { transform: rotate(0deg); }
+  50% { transform: rotate(7deg); }
+}
+.pet-thinking #pet-body-group {
+  animation: bear-think-heavy-nod 1.6s ease-in-out infinite;
+  transform-origin: 128px 125px;
+}
+
+/* ── idle:比通用更慢更沉的浮动 ── */
+@keyframes bear-idle-heavy-float {
+  0%, 100% { transform: translateY(0); }
+  50% { transform: translateY(-4px); }
+}
+.pet-idle #pet-body-group {
+  animation: bear-idle-heavy-float 4s ease-in-out infinite;
+}
+
+/* ── tool_call:大幅左右晃身(代替双臂),动作慢但幅度大 ── */
+@keyframes bear-tool-sway {
+  0%, 100% { transform: rotate(0deg); }
+  25% { transform: rotate(-8deg); }
+  75% { transform: rotate(8deg); }
+}
+.pet-tool #pet-body-group {
+  animation: bear-tool-sway 1s ease-in-out infinite;
+  transform-origin: 128px 125px;
+}
+
+/* ── mood-urging:熊式大甩头 ── */
+@keyframes bear-urging-shake {
+  0%, 100% { transform: rotate(0deg); }
+  25% { transform: rotate(-10deg); }
+  75% { transform: rotate(10deg); }
+}
+.mood-urging #pet-body-group {
+  animation: bear-urging-shake 0.5s ease-in-out infinite;
+  transform-origin: 128px 125px;
+}
+
+/* ── mood-bored:慢悠悠的左右晃,像无聊到打哈欠 ── */
+@keyframes bear-bored-sway {
+  0%, 100% { transform: rotate(0deg); }
+  50% { transform: rotate(5deg); }
+}
+.mood-bored #pet-body-group {
+  animation: bear-bored-sway 3.4s ease-in-out infinite;
+  transform-origin: 128px 125px;
+}
+
+/* ── done:笨重但兴奋的小弹跳 ── */
+@keyframes bear-done-stomp {
+  0% { transform: translateY(0) scale(1); }
+  40% { transform: translateY(0) scale(0.94); }
+  60% { transform: translateY(-10px) scale(1.06); }
+  100% { transform: translateY(0) scale(1); }
+}
+.pet-done #pet-body-group {
+  animation: bear-done-stomp 0.6s ease-out 1;
+  transform-origin: 128px 220px;
+}