Tolan/frontend/src/styles/mobile-fix.css

/* ========================================
   小尺寸屏幕修复样式已移除
   使用 postcss-px-to-viewport 实现响应式
   ======================================== */

/* z-index 层级管理（确保不重叠） */
.chatbot-bg {
  z-index: 0;
}

.chatbot-trees {
  z-index: 1;
}

.chatbot-avatar-c {
  z-index: 2;
}

.chatbot-avatar-c[data-avatar-state='unlocked'] {
  display: block !important;
  opacity: 1 !important;
  z-index: 30 !important;
}

.chatbot-main-content {
  z-index: 3;
}

.chatbot-emotion {
  z-index: 10;
}

.chatbot-progress-ring {
  z-index: 11;
}

.chatbot-record-button,
.chatbot-action-buttons {
  z-index: 12;
}

.chatbot-audio-wave {
  z-index: 5;
}

.chatbot-tooltips {
  z-index: 20;
}

/* 防止元素溢出和重叠 */
.chatbot-container {
  position: relative;
  overflow: hidden;
}

.chatbot-container > * {
  flex-shrink: 0;
}

/* 确保所有绝对定位元素有明确的层级 */
.chatbot-container .absolute {
  position: absolute;
}