/* ============================================================
   dify-theme.css —— Dify 对话区外层容器样式
   ------------------------------------------------------------
   重要说明：
   Dify 的 iframe 是跨域加载的，外部 CSS 无法穿透到 iframe 内部。
   因此本文件只负责「容器外壳」的视觉统一（去白底、去边框、
   撑满高度、无嵌套滚动条）。
   iframe 内部的气泡颜色 / 深色主题，需要在 Dify 后台设置：
     应用 → 编排 → 界面（或「发布 → 嵌入网站」的外观选项）
   ============================================================ */

/* ── 容器：撑满、透明、无边框、无滚动条 ── */
#dify-chat-container {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important; /* 关键：避免出现外层滚动条 */
}

/* ── iframe：100% 铺满，去掉浏览器默认边框 ── */
#dify-chat-container iframe {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 520px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #070716 !important;
  color-scheme: dark;
}

/* ── 加载态：与抽屉同色，避免白屏闪烁 ── */
#dify-chat-container > div {
  background: transparent !important;
}

/* ── 抽屉滚动条：细金线，与全站一致 ── */
#dify-chat-container ::-webkit-scrollbar {
  width: 4px;
}
#dify-chat-container ::-webkit-scrollbar-track {
  background: transparent;
}
#dify-chat-container ::-webkit-scrollbar-thumb {
  background: rgba(201, 169, 110, 0.22);
  border-radius: 2px;
}
#dify-chat-container ::-webkit-scrollbar-thumb:hover {
  background: rgba(201, 169, 110, 0.42);
}

/* ============================================================
   如果你改用 Dify 的 script（气泡按钮）模式，
   下面这段会隐藏它自带的右下角气泡，
   避免与我们自己的金色悬浮球重叠。
   iframe 模式下这段不生效，留着也无害。
   ============================================================ */
#dify-chat-bubble,
.dify-chatbot-bubble-button,
div[class*='dify-chatbot-bubble'] {
  display: none !important;
}