/* === v206: 数字人头像脸部放大补丁 === */
/* 根因：1024x964 半身照在 220x244 竖向容器内使用 object-fit:cover 时，
   图片比例(1.06:1)与容器比例(0.9:1)接近，垂直方向几乎无溢出，
   导致 object-position 无法聚焦脸部，人物上半身占满、脸部很小。 */
/* 解决：对展开态的照片及 Canvas 叠加层同步放大，并将缩放中心上移到脸部，
   让脸部占据头像区主要视觉焦点，同时保持 Canvas 动画与人脸对齐。 */

/* 桌面端展开态 */
@media (min-width: 769px) {
  #ai-avatar-fab.fab-ai.ai-dock.dock-expanded .ai-avatar-img,
  #ai-avatar-fab.fab-ai.ai-dock.dock-expanded .ai-avatar-canvas-overlay {
    transform: translate(var(--img-px,0px), var(--img-py,0px)) scale(1.55) !important;
    transform-origin: center 22% !important;
    object-position: center 0% !important;
    transition: transform 0.25s var(--ease-spring), filter 0.25s ease !important;
  }

  /* hover 时轻微再放大，保持脸部构图 */
  #ai-avatar-fab.fab-ai.ai-dock.dock-expanded.is-hovering .ai-avatar-img,
  #ai-avatar-fab.fab-ai.ai-dock.dock-expanded.is-hovering .ai-avatar-canvas-overlay {
    transform: translate(var(--img-px,0px), var(--img-py,0px)) scale(1.60) !important;
  }
}

/* 移动端展开态：面板更小，使用稍小放大倍率避免裁切过度 */
@media (max-width: 768px) {
  #ai-avatar-fab.fab-ai.ai-dock.dock-expanded .ai-avatar-img,
  #ai-avatar-fab.fab-ai.ai-dock.dock-expanded .ai-avatar-canvas-overlay {
    transform: translate(var(--img-px,0px), var(--img-py,0px)) scale(1.45) !important;
    transform-origin: center 24% !important;
    object-position: center 0% !important;
  }

  #ai-avatar-fab.fab-ai.ai-dock.dock-expanded.is-hovering .ai-avatar-img,
  #ai-avatar-fab.fab-ai.ai-dock.dock-expanded.is-hovering .ai-avatar-canvas-overlay {
    transform: translate(var(--img-px,0px), var(--img-py,0px)) scale(1.50) !important;
  }
}