/**
 * Bytedesk 客服系统 z-index 覆盖样式
 *
 * 问题: Bytedesk 默认 z-index 为 10001，项目中部分元素使用 z-index: 99999
 * 导致客服 iframe 在首页被内容区覆盖，不可见
 *
 * 解决方案: 将所有 Bytedesk 相关元素的 z-index 提升到 999999
 * 确保客服窗口始终显示在最上层
 */

/* Bytedesk 主容器 - 客服图标按钮 */
[class*="bytedesk"],
[id*="bytedesk"],
[class*="BytedeskWeb"] {
  position: fixed !important;
  z-index: 999999 !important;
  pointer-events: auto !important;
}

/* Bytedesk iframe - 聊天窗口 */
iframe[src*="bytedesk"],
iframe[src*="/chat/"],
iframe[src*="/visitor/"] {
  z-index: 999999 !important;
  width: 100% !important;   /* 填满外层容器 */
  height: 100% !important;  /* 填满外层容器 */
}

/* Bytedesk 覆盖层（如果存在） */
.bytedesk-overlay,
[class*="bytedesk-overlay"] {
  z-index: 999998 !important;
}

/* Bytedesk 通知气泡 */
.bytedesk-badge,
[class*="bytedesk-badge"] {
  z-index: 1000000 !important;
}


/* ========== 提示框 3 秒后自动消失 ========== */
/* 提示框（"在线客服 点击咨询"气泡）- 扩展选择器 */
[class*="bytedesk-bubble"],
[class*="bytedesk-tooltip"],
[class*="BytedeskWeb"] [class*="bubble"],
[class*="BytedeskWeb"] [class*="tooltip"],
[class*="bytedesk"] > div:not(button):not(iframe),
[class*="BytedeskWeb"] > div:not(button):not(iframe),
[id*="bytedesk"] > div:not(button):not(iframe) {
  animation: bytedeskFadeOut 0.3s ease-out 3s forwards !important;
}

@keyframes bytedeskFadeOut {
  from {
    opacity: 1;
    visibility: visible;
  }
  to {
    opacity: 0;
    visibility: hidden;
  }
}