/* ===== 列表样式优化 ===== */
.ai-message .markdown-content ul,
.ai-message .markdown-content ol {
  padding-left: 24px; /* 增加左侧缩进 */
  margin: 12px 0; /* 统一上下外边距 */
}

.ai-message .markdown-content li {
  margin-bottom: 8px; /* 增加列表项间距 */
  line-height: 1.5; /* 改善行高 */
  position: relative; /* 为自定义列表标记做准备 */
}

/* 最后一个列表项不需要底部边距 */
.ai-message .markdown-content li:last-child {
  margin-bottom: 0;
}

/* 有序列表样式优化 */
.ai-message .markdown-content ol {
  counter-reset: item; /* 自定义计数器 */
}

.ai-message .markdown-content ol li {
  display: block;
}

/* 有序列表数字样式 */
.ai-message .markdown-content ol li::before {
  content: counter(item) ".";
  counter-increment: item;
  position: absolute;
  left: -24px;
  width: 20px;
  text-align: right;
  color: #5B7FFF; /* 使数字更醒目 */
  font-weight: 500;
}

/* 无序列表项标记样式 */
.ai-message .markdown-content ul li {
  position: relative;
  list-style-type: none; /* 移除默认项目符号 */
}

.ai-message .markdown-content ul li::before {
  content: "•";
  position: absolute;
  left: -20px;
  color: #5B7FFF; /* 使项目符号更醒目 */
  font-weight: bold;
  font-size: 18px;
}

/* 嵌套列表样式 */
.ai-message .markdown-content ul ul,
.ai-message .markdown-content ol ol,
.ai-message .markdown-content ul ol,
.ai-message .markdown-content ol ul {
  margin-top: 8px;
  margin-bottom: 0;
}

/* ===== 代码块样式优化 ===== */
.ai-message .markdown-content pre {
  background-color: rgba(0, 0, 0, 0.04); /* 更微妙的背景色 */
  border: 1px solid rgba(0, 0, 0, 0.1); /* 添加边框 */
  border-radius: 6px; /* 圆角边框 */
  padding: 12px 16px; /* 增加内边距 */
  margin: 16px 0; /* 修改外边距 */
  overflow-x: auto; /* 允许水平滚动 */
  position: relative; /* 为可能的操作按钮定位 */
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05); /* 添加轻微阴影 */
}

.ai-message .markdown-content pre code {
  background: none; /* 移除内联代码背景 */
  padding: 0; /* 移除内边距 */
  border-radius: 0; /* 移除边框圆角 */
  color: #333; /* 设置颜色 */
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace; /* 优质等宽字体 */
  font-size: 0.9em; /* 稍微减小字体 */
  line-height: 1.6; /* 增加行高 */
  white-space: pre; /* 保留空格和换行 */
  display: block; /* 块级显示 */
}

/* 内联代码样式 */
.ai-message .markdown-content code {
  background-color: rgba(0, 0, 0, 0.05); /* 微妙背景 */
  padding: 2px 6px; /* 增加水平内边距 */
  border-radius: 4px; /* 增加圆角 */
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
  font-size: 0.9em;
  color: #e83e8c; /* 更明亮的颜色 */
  word-break: break-word; /* 防止溢出 */
}

/* ===== 其他Markdown样式优化 ===== */
/* 段落样式 */
.ai-message .markdown-content p {
  margin: 0 0 16px; /* 增加段落间距 */
  line-height: 1.6; /* 优化行高 */
}

/* 标题样式优化 */
.ai-message .markdown-content h1,
.ai-message .markdown-content h2,
.ai-message .markdown-content h3,
.ai-message .markdown-content h4,
.ai-message .markdown-content h5,
.ai-message .markdown-content h6 {
  margin-top: 20px;
  margin-bottom: 12px;
  line-height: 1.3;
  color: #333;
  font-weight: 600;
}

.ai-message .markdown-content h1 {
  font-size: 1.8em;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding-bottom: 8px;
  color: #222;
}

.ai-message .markdown-content h2 {
  font-size: 1.5em;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding-bottom: 6px;
  color: #333;
}

.ai-message .markdown-content h3 {
  font-size: 1.3em;
  color: #444;
}

/* 引用块样式增强 */
.ai-message .markdown-content blockquote {
  border-left: 4px solid #6983FF;
  background-color: rgba(105, 131, 255, 0.05);
  padding: 10px 15px;
  margin: 16px 0;
  border-radius: 0 6px 6px 0;
  color: #555;
}

.ai-message .markdown-content blockquote p {
  margin-bottom: 8px;
}

.ai-message .markdown-content blockquote p:last-child {
  margin-bottom: 0;
}

/* 表格样式增强 */
.ai-message .markdown-content table {
  border-collapse: collapse;
  width: 100%;
  margin: 16px 0;
  overflow-x: auto;
  display: block;
  border: 1px solid #ddd;
  border-radius: 4px;
}

.ai-message .markdown-content table th,
.ai-message .markdown-content table td {
  border: 1px solid #ddd;
  padding: 10px 12px;
  text-align: left;
}

.ai-message .markdown-content table th {
  background-color: rgba(105, 131, 255, 0.08);
  font-weight: 600;
  color: #444;
}

.ai-message .markdown-content table tr:nth-child(even) {
  background-color: rgba(0, 0, 0, 0.02);
}

/* 水平线样式 */
.ai-message .markdown-content hr {
  height: 1px;
  background-color: rgba(0, 0, 0, 0.1);
  border: none;
  margin: 24px 0;
}

/* 任务列表样式 */
.ai-message .markdown-content input[type="checkbox"] {
  margin-right: 6px;
  position: relative;
  top: -1px;
}

/* 换行样式 */
.ai-message .markdown-content br {
  content: "";
  display: block;
  margin: 6px 0;
  line-height: normal;
}

/* 链接样式 */
.ai-message .markdown-content a {
  color: #5B7FFF;
  text-decoration: none;
  border-bottom: 1px solid rgba(91, 127, 255, 0.3);
  transition: all 0.2s ease;
  padding-bottom: 1px;
}

.ai-message .markdown-content a:hover {
  color: #4A6EE0;
  border-bottom: 1px solid #4A6EE0;
}

/* 图片样式 */
.ai-message .markdown-content img {
  max-width: 100%;
  height: auto;
  border-radius: 6px;
  margin: 12px 0;
  border: 1px solid rgba(0, 0, 0, 0.1);
}

/* 文本强调样式 */
.ai-message .markdown-content strong {
  font-weight: 600;
  color: #444;
}

.ai-message .markdown-content em {
  font-style: italic;
  color: #555;
}

/* 确保第一个和最后一个元素没有多余的边距 */
.ai-message .markdown-content > *:first-child {
  margin-top: 0 !important;
}

.ai-message .markdown-content > *:last-child {
  margin-bottom: 0 !important;
}

/* AI消息气泡内边距优化 */
.message-bubble.ai-message {
  padding: 14px 18px; /* 增加内边距 */
}