/* V106 — professional XiaoWen launcher: head only by default, full character after opening AI. */
html:not(.react-student-embedded) body #companionAvatarDock.companion-avatar-dock {
  z-index: 2210 !important;
  transition: width 180ms ease, height 180ms ease, filter 180ms ease !important;
}

html:not(.react-student-embedded) body #companionAvatarDock.companion-avatar-dock[data-launcher-mode="head"] {
  position: fixed !important;
  inset: auto max(18px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) auto !important;
  width: 74px !important;
  min-width: 74px !important;
  max-width: 74px !important;
  height: 88px !important;
  min-height: 88px !important;
  max-height: 88px !important;
  overflow: visible !important;
  pointer-events: none !important;
}

html:not(.react-student-embedded) body #companionAvatarDock[data-launcher-mode="head"] #companionAmbientModel.companion-standalone-model {
  position: relative !important;
  width: 74px !important;
  height: 88px !important;
  overflow: visible !important;
  pointer-events: none !important;
}

html:not(.react-student-embedded) body #companionAvatarDock[data-launcher-mode="head"] #companionAmbientModel.companion-standalone-model::before {
  content: "" !important;
  position: absolute !important;
  z-index: 6 !important;
  top: 47px !important;
  right: 7px !important;
  display: block !important;
  width: 10px !important;
  height: 10px !important;
  background: #22c55e !important;
  border: 2px solid #ffffff !important;
  border-radius: 999px !important;
  box-shadow: 0 2px 7px rgba(15, 23, 42, 0.22) !important;
  pointer-events: none !important;
}

html:not(.react-student-embedded) body #companionAvatarDock[data-launcher-mode="head"] #companionAmbientModel.companion-standalone-model::after {
  content: none !important;
  display: none !important;
}

html:not(.react-student-embedded) body #companionAvatarDock[data-launcher-mode="head"]::after {
  content: "小问" !important;
  position: absolute !important;
  left: 50% !important;
  bottom: 0 !important;
  display: block !important;
  min-width: 44px !important;
  padding: 3px 9px !important;
  color: #334155 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 18px !important;
  letter-spacing: 0.04em !important;
  text-align: center !important;
  white-space: nowrap !important;
  background: rgba(255, 255, 255, 0.96) !important;
  border: 1px solid rgba(148, 163, 184, 0.28) !important;
  border-radius: 999px !important;
  box-shadow: 0 6px 16px rgba(15, 23, 42, 0.1) !important;
  transform: translateX(-50%) !important;
  pointer-events: none !important;
}

html:not(.react-student-embedded) body #companionAvatarDock[data-launcher-mode="head"] #companionModelViewer.companion-model-viewer {
  position: absolute !important;
  inset: 0 auto auto 5px !important;
  display: block !important;
  width: 64px !important;
  min-width: 64px !important;
  max-width: 64px !important;
  height: 64px !important;
  min-height: 64px !important;
  max-height: 64px !important;
  overflow: hidden !important;
  background: linear-gradient(145deg, #ffffff 0%, #eef2ff 100%) !important;
  border: 2px solid #ffffff !important;
  border-radius: 50% !important;
  box-shadow: 0 12px 30px rgba(30, 64, 175, 0.2), 0 3px 9px rgba(15, 23, 42, 0.13) !important;
  cursor: pointer !important;
  touch-action: manipulation !important;
  pointer-events: auto !important;
  transition: transform 160ms ease, box-shadow 160ms ease !important;
}

html:not(.react-student-embedded) body #companionAvatarDock[data-launcher-mode="head"] #companionModelViewer.companion-model-viewer:hover {
  box-shadow: 0 14px 34px rgba(30, 64, 175, 0.25), 0 4px 11px rgba(15, 23, 42, 0.15) !important;
  transform: translateY(-2px) !important;
}

html:not(.react-student-embedded) body #companionAvatarDock[data-launcher-mode="head"] #companionModelViewer.companion-model-viewer:focus-visible {
  outline: 3px solid rgba(79, 70, 229, 0.42) !important;
  outline-offset: 3px !important;
  border-radius: 50% !important;
}

html:not(.react-student-embedded) body #companionAvatarDock .companion-head-avatar {
  display: none !important;
}

html:not(.react-student-embedded) body #companionAvatarDock[data-launcher-mode="head"] .companion-head-avatar {
  position: absolute !important;
  inset: 0 !important;
  z-index: 3 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  object-fit: cover !important;
  object-position: 50% 38% !important;
  border-radius: 50% !important;
  filter: saturate(0.92) contrast(1.04) !important;
  pointer-events: none !important;
}

html:not(.react-student-embedded) body #companionAvatarDock[data-launcher-mode="head"] #companionThreeCanvas,
html:not(.react-student-embedded) body #companionAvatarDock[data-launcher-mode="head"] #companion3dFallback {
  display: none !important;
}

html:not(.react-student-embedded) body #companionAvatarDock.companion-avatar-dock[data-launcher-mode="full"] {
  position: fixed !important;
  inset: auto max(14px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) auto !important;
  display: block !important;
  width: clamp(148px, 10vw, 188px) !important;
  min-width: 0 !important;
  max-width: none !important;
  height: clamp(258px, 17vw, 316px) !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
  pointer-events: none !important;
}

html:not(.react-student-embedded) body #companionAvatarDock[data-launcher-mode="full"]::after {
  content: none !important;
  display: none !important;
}

html:not(.react-student-embedded) body #companionAvatarDock[data-launcher-mode="full"] #companionModelViewer.companion-model-viewer {
  cursor: pointer !important;
  touch-action: manipulation !important;
}

html:not(.react-student-embedded) body #companionAvatarDock #companionInteractionBubble.companion-interaction-bubble,
html:not(.react-student-embedded) body #companionAvatarDock #companionAvatarHint.companion-avatar-hint {
  display: none !important;
}

html:not(.react-student-embedded) body #companionAvatarDock[data-launcher-mode="full"] #companionModelViewer.companion-model-viewer:focus,
html:not(.react-student-embedded) body #companionAvatarDock[data-launcher-mode="full"] #companionModelViewer.companion-model-viewer:focus-visible {
  outline: 0 !important;
}

@media (max-width: 620px) {
  html:not(.react-student-embedded) body #companionAvatarDock.companion-avatar-dock[data-launcher-mode="head"] {
    inset: auto max(12px, env(safe-area-inset-right)) max(14px, env(safe-area-inset-bottom)) auto !important;
    width: 66px !important;
    min-width: 66px !important;
    max-width: 66px !important;
    height: 80px !important;
    min-height: 80px !important;
    max-height: 80px !important;
  }

  html:not(.react-student-embedded) body #companionAvatarDock[data-launcher-mode="head"] #companionAmbientModel.companion-standalone-model {
    width: 66px !important;
    height: 80px !important;
  }

  html:not(.react-student-embedded) body #companionAvatarDock[data-launcher-mode="head"] #companionModelViewer.companion-model-viewer {
    left: 5px !important;
    width: 56px !important;
    min-width: 56px !important;
    max-width: 56px !important;
    height: 56px !important;
    min-height: 56px !important;
    max-height: 56px !important;
  }

  html:not(.react-student-embedded) body #companionAvatarDock[data-launcher-mode="head"] #companionAmbientModel.companion-standalone-model::before {
    top: 40px !important;
    right: 6px !important;
  }

  html:not(.react-student-embedded) body #companionAvatarDock.companion-avatar-dock.companion-avatar-panel-open[data-launcher-mode="full"] {
    inset: auto max(8px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) auto !important;
    display: block !important;
    width: 96px !important;
    height: 168px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html:not(.react-student-embedded) body #companionAvatarDock.companion-avatar-dock,
  html:not(.react-student-embedded) body #companionAvatarDock #companionModelViewer.companion-model-viewer {
    transition: none !important;
  }
}