/* ============================================================
 * cc-mascot.css  —  CC 像素小人 样式 + 待机动画（GPU 便宜，常驻）
 * 待机动画：整体起伏 bob、腿 jiojio 弯曲、手臂自然伸缩、影子缩放。
 * 做"站定动作"(挥手/喝水/睡觉/跳)时加 .cc-stand 暂停这些待机动画。
 * ============================================================ */
.cc-mascot { position:absolute; width:62px; z-index:4; cursor:pointer; }
.cc-mascot svg { width:100%; height:auto; display:block; overflow:visible; }

.cc-shadow { position:absolute; left:50%; bottom:-6px; transform:translateX(-50%);
  width:46px; height:9px; background:rgba(40,30,45,.22); border-radius:50%;
  filter:blur(1px); animation:cc-shadow .62s ease-in-out infinite; }
@keyframes cc-shadow { 0%,100%{ width:46px; opacity:.22;} 50%{ width:40px; opacity:.16;} }

.cc-walker { will-change:transform; }
.cc-bob    { animation:cc-bob .62s ease-in-out infinite; }
@keyframes cc-bob { 0%,100%{ transform:translateY(0);} 50%{ transform:translateY(-3px);} }

/* 旋转/缩放支点 */
#cc-legA,#cc-legB { transform-box:fill-box; transform-origin:50% 0%; }
#cc-armR { transform-box:fill-box; transform-origin:0% 100%; }
#cc-armL { transform-box:fill-box; transform-origin:100% 100%; }
#cc-armRin,#cc-armLin { transform-box:fill-box; }
#cc-armRin { transform-origin:0% 50%; }
#cc-armLin { transform-origin:100% 50%; }
#cc-cup { transform-box:fill-box; transform-origin:50% 100%; }

/* 待机：腿弯曲(scaleY) + 手臂伸缩(scaleX)，两组反相 */
#cc-legA  { animation:cc-stepA .62s ease-in-out infinite; }
#cc-legB  { animation:cc-stepB .62s ease-in-out infinite; }
#cc-armRin{ animation:cc-armA  .62s ease-in-out infinite; }
#cc-armLin{ animation:cc-armB  .62s ease-in-out infinite; }
@keyframes cc-stepA { 0%,100%{ transform:scaleY(1);}    50%{ transform:scaleY(.58);} }
@keyframes cc-stepB { 0%,100%{ transform:scaleY(.58);}  50%{ transform:scaleY(1);} }
@keyframes cc-armA  { 0%,100%{ transform:scaleX(1);}    50%{ transform:scaleX(1.5);} }
@keyframes cc-armB  { 0%,100%{ transform:scaleX(1.5);}  50%{ transform:scaleX(1);} }

/* 站定做动作时，暂停全部待机动画（省资源 + 不打架） */
.cc-mascot.cc-stand .cc-bob,
.cc-mascot.cc-stand .cc-shadow,
.cc-mascot.cc-stand #cc-legA,
.cc-mascot.cc-stand #cc-legB,
.cc-mascot.cc-stand #cc-armRin,
.cc-mascot.cc-stand #cc-armLin { animation-play-state:paused; }

/* 省电：标签页切到后台时，整体暂停 */
.cc-mascot.cc-hidden * { animation-play-state:paused !important; }