@charset "UTF-8";
/**
 * YH-UI Sass Variables
 * 原具体的 CSS 变量输出规则 (:root, html.dark 等) 已移至 root.scss，以防止各组件样式编译时产生重复的全局变量 CSS 冗余。
 */
.yh-ai-chat {
  --yh-ai-chat-bg: var(--yh-bg-color);
  --yh-ai-chat-header-bg: var(--yh-bg-color-page);
  --yh-ai-chat-footer-bg: var(--yh-bg-color);
  display: flex;
  flex-direction: column;
  height: 100%;
  position: relative;
  background-color: var(--yh-ai-chat-bg);
}
.yh-ai-chat__header {
  padding: var(--yh-spacing-sm) var(--yh-spacing-lg);
  border-bottom: 1px solid var(--yh-border-color-light);
  display: flex;
  justify-content: flex-end;
  align-items: center;
  background-color: var(--yh-ai-chat-header-bg);
}

.yh-ai-chat__header-tools {
  display: flex;
  gap: var(--yh-spacing-sm);
}

.yh-ai-chat__clear-btn {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 8px;
  font-size: 12px;
  line-height: 1;
  white-space: nowrap;
  color: var(--yh-text-color-secondary);
  background: transparent;
  border: none;
  box-shadow: none;
  cursor: pointer;
  transition: color 0.15s ease, background-color 0.15s ease;
}
.yh-ai-chat__clear-btn .yh-icon {
  font-size: 14px;
  color: inherit;
}
.yh-ai-chat__clear-btn:hover {
  color: var(--yh-text-color-primary);
  background-color: var(--yh-fill-color-light);
  border-radius: 999px;
}

.yh-ai-chat__content {
  flex: 1;
  overflow-y: auto;
  padding: var(--yh-spacing-lg);
  scroll-behavior: smooth;
}
.yh-ai-chat__content::-webkit-scrollbar {
  width: 6px;
}
.yh-ai-chat__content::-webkit-scrollbar-thumb {
  background-color: var(--yh-scrollbar-thumb-color);
  border-radius: 3px;
}

.yh-ai-chat__suggestions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--yh-spacing-sm);
  margin-bottom: var(--yh-spacing-lg);
  justify-content: center;
  margin-top: 10vh;
}

.yh-ai-chat__footer {
  padding: var(--yh-spacing-lg);
  background-color: var(--yh-ai-chat-footer-bg);
  border-top: 1px solid var(--yh-border-color-light);
}