/* === v211: LivingPortrait 真实AI活人渲染引擎样式 ===
 * 将静态照片替换为单一全尺寸Canvas，由 JS 控制 object-fit / object-position / 变形动画。
 */

/* === 桌面端展开态 === */
@media (min-width: 769px) {
  #ai-avatar-fab.fab-ai.ai-dock.dock-expanded {
    width: 300px !important;
    min-height: 460px !important;
    right: 20px !important;
    bottom: 16px !important;
  }

  #ai-avatar-fab.fab-ai.ai-dock.dock-expanded .ai-dock-avatar-area {
    width: 220px !important;
    height: 244px !important;
    margin-top: 16px !important;
    position: relative !important;
    overflow: hidden !important;
  }

  #ai-avatar-fab.fab-ai.ai-dock.dock-expanded .ai-dock-glow {
    width: 240px !important;
    height: 264px !important;
  }

  #ai-avatar-fab.fab-ai.ai-dock.dock-expanded .ai-avatar-bubble {
    max-width: 260px !important;
    width: calc(100% - 28px) !important;
  }

  /* 新 Canvas 占满头像区，比例/位置由 JS 计算 */
  #ai-avatar-fab.fab-ai.ai-dock.dock-expanded .ai-avatar-living-canvas {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    transform: scale(1.02) !important;
    transform-origin: center center !important;
    transition: filter 0.3s ease, transform 0.3s var(--ease-spring) !important;
  }

  #ai-avatar-fab.fab-ai.ai-dock.dock-expanded.is-hovering .ai-avatar-living-canvas {
    transform: scale(1.04) !important;
  }

  /* 移除旧 img / overlay 样式 */
  #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 {
    display: none !important;
  }
}

/* === 移动端展开态 === */
@media (max-width: 768px) {
  #ai-avatar-fab.fab-ai.ai-dock.dock-expanded {
    width: 220px !important;
    min-height: 340px !important;
  }

  #ai-avatar-fab.fab-ai.ai-dock.dock-expanded .ai-dock-avatar-area {
    width: 150px !important;
    height: 168px !important;
    position: relative !important;
    overflow: hidden !important;
  }

  #ai-avatar-fab.fab-ai.ai-dock.dock-expanded .ai-dock-glow {
    width: 170px !important;
    height: 188px !important;
  }

  #ai-avatar-fab.fab-ai.ai-dock.dock-expanded .ai-avatar-living-canvas {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    transform: scale(1.02) !important;
    transform-origin: center center !important;
  }

  #ai-avatar-fab.fab-ai.ai-dock.dock-expanded.is-hovering .ai-avatar-living-canvas {
    transform: scale(1.04) !important;
  }

  #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 {
    display: none !important;
  }
}

/* === AI 分析聊天面板头像保留 === */
.panel.chat-panel .panel-header .title .ai-avatar-img {
  width: 56px !important;
  height: 72px !important;
  border-radius: 8px !important;
  object-fit: cover !important;
  object-position: center 8% !important;
  display: inline-block !important;
  vertical-align: middle !important;
  margin-right: 10px !important;
  flex-shrink: 0 !important;
}