/* 移除 scoped 以影响全局 html 和 body */
html, body {
  height: 100%;
  margin: 0;
  padding: 0;
  /* overflow: hidden; */
}
/* 黑夜模式下的滚动条样式 */
body.dark ::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
body.dark ::-webkit-scrollbar-track {
  background: transparent;
}
body.dark ::-webkit-scrollbar-thumb {
  background-color: rgba(255, 255, 255, 0.15); /* 白色半透明 */
  border-radius: 4px;
  border: 2px solid transparent;
  background-clip: content-box;
}

/* 黑夜模式下：Sender 输入框的 placeholder 颜色修正 */
body.dark .ant-input::placeholder {
  color: #aaaaaa;
  opacity: 1;
}
.markdown-compact p {
  margin: 0 0 4px 0; /* 去掉段距，只保留一点底部间隔 */
}
.markdown-compact ul,
.markdown-compact ol {
  padding-left: 20px;
  margin: 4px 0;
}
.markdown-compact li {
  margin: 2px 0;
}

/* 白色模式下的滚动条样式 */
body:not(.dark) ::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
body:not(.dark) ::-webkit-scrollbar-track {
  background: transparent;
}
body:not(.dark) ::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  border: 2px solid transparent;
  background-clip: content-box;
}
@media (max-width: 768px) {
html, body {
    overflow-x: hidden !important;
    overscroll-behavior-x: none !important;
    touch-action: pan-y; /* 禁止横向滑动，只允许纵向滚动 */
}
.chat,
  .messages {
    max-width: 100vw !important;
    overflow-x: hidden !important;
}
* {
    box-sizing: border-box;
    max-width: 100%;
}
}


/* 宽度小于等于 768px 时，隐藏左侧菜单 */
@media (max-width: 768px) {
.sidebar {
    display: none !important;
}
  /* 新增：彻底锁定页面滚动 */
html, body {
    height: 100%;
    overflow-y: hidden !important;
    overscroll-behavior-y: none !important;
    touch-action: pan-x;
}
  /* 聊天区整体高度 = 100vh - 83px */
.chat {
    max-height: calc(100vh - 20px) !important;
    max-width: 100vw !important;
    box-sizing: border-box;
}
  /* 给消息列表留出 83px 底部空间 */
.messages {
    padding-bottom: 20px !important;
}
}

/* 宽度大于 768px 时，隐藏移动端抽屉按钮 */
@media (min-width: 769px) {
.mobile-toggle {
    display: none !important;
}
}


[data-v-3f3618ea] .ant-switch-handle {
  transform: translateY(2px);
}

/* Light mode styles */
[data-v-3f3618ea] .light-menu-item {
  color: rgba(0, 0, 0, 0.88);
  background-color: #fff;
}
[data-v-3f3618ea] .light-menu-item:hover {
  background-color: #f5f5f5 !important;
}
[data-v-3f3618ea] .light-conversation-item {
  color: rgba(0, 0, 0, 0.88);
}
[data-v-3f3618ea] .light-conversation-item:hover {
  background-color: #f5f5f5 !important;
}

/* Dark mode styles */
[data-v-3f3618ea] .dark-menu-item {
  color: #e0e0e0 !important;
  background-color: #1f1f1f !important;
}
[data-v-3f3618ea] .dark-menu-item:hover {
  background-color: #333 !important;
}
[data-v-3f3618ea] .dark-conversation-item {
  color: #bfbfbf !important;
}
[data-v-3f3618ea] .dark-conversation-item:hover {
  background-color: rgba(255, 255, 255, 0.08) !important;
}