/* 代码块整体外观 */
.markdown-body pre {
  position: relative;
  margin: 10px 0 !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  box-shadow: 0 10px 28px rgba(16, 24, 40, 0.14) !important;
  border: 1px solid rgba(120, 140, 180, 0.22) !important;
  background: linear-gradient(180deg, #0f172a 0%, #111827 100%) !important;
}
/* 带语言标签的主容器 */
.markdown-body pre > div {
  background: transparent !important;
  color: #dbe7ff !important;
}
/* 顶部栏 */
.markdown-body pre > div > div.flex.justify-between.h-8 {
  background: linear-gradient(90deg, rgba(59,130,246,0.18), rgba(168,85,247,0.14)) !important;
  border-bottom: 1px solid rgba(148, 163, 184, 0.22) !important;
  height: 34px !important;
}
/* 语言标签 */
.markdown-body pre > div > div.flex.justify-between.h-8 > div:first-child,
.markdown-body pre > div > div.flex.justify-between > div.text-\[13px\] {
  color: #cbd5e1 !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
}
/* 复制按钮图标 */
.markdown-body pre svg.lucide-copy,
.markdown-body pre div[data-tooltip-id^="copy-tooltip"] > svg {
  color: #cbd5e1 !important;
}
.markdown-body pre .group:hover svg.lucide-copy,
.markdown-body pre div[data-tooltip-id^="copy-tooltip"]:hover > svg {
  color: #ffffff !important;
}
/* 代码内容区 */
.markdown-body pre > div > div[node],
.markdown-body pre > code[node] {
  background: transparent !important;
  color: #dbe7ff !important;
  padding: 12px 12px 12px 14px !important;
  font-size: 13.5px !important;
  line-height: 1.65 !important;
  white-space: pre-wrap !important;
  word-break: break-word !important;
}
/* 普通纯文本代码块 */
.markdown-body pre > code[node] {
  display: block !important;
}
/* 语法高亮通用 */
.markdown-body pre code span {
  color: inherit !important;
}
/* 让 markdown 里的标题更像面板标题 */
.markdown-body pre code .hljs-title,
.markdown-body pre code .hljs-section {
  color: #93c5fd !important;
  font-weight: 700 !important;
}
/* 字符串/标签/强调文本更醒目 */
.markdown-body pre code .hljs-string {
  color: #86efac !important;
}
.markdown-body pre code .hljs-keyword {
  color: #fda4af !important;
}
.markdown-body pre code .hljs-number {
  color: #fbbf24 !important;
}
.markdown-body pre code .hljs-attr,
.markdown-body pre code .hljs-type {
  color: #a78bfa !important;
}
.markdown-body pre code .hljs-comment {
  color: #94a3b8 !important;
  font-style: italic !important;
}
/* details/summary 在代码块里更醒目 */
.markdown-body pre code details {
  margin: 6px 0 !important;
  padding: 0 !important;
}
.markdown-body pre code summary {
  list-style: none !important;
  cursor: pointer !important;
  padding: 8px 10px !important;
  border-radius: 10px !important;
  background: linear-gradient(90deg, rgba(59,130,246,0.16), rgba(168,85,247,0.10)) !important;
  color: #eff6ff !important;
  font-weight: 700 !important;
}
.markdown-body pre code summary::-webkit-details-marker {
  display: none !important;
}
.markdown-body pre code details[open] summary {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
/* 让项目符号看起来更整齐 */
.markdown-body pre code ul,
.markdown-body pre code ol {
  margin: 6px 0 6px 18px !important;
  padding: 0 !important;
}
.markdown-body pre code li {
  margin: 2px 0 !important;
}
/* voice 代码块：更像对话卡 */
.markdown-body pre code.language-voice {
  color: #e2e8f0 !important;
}
.markdown-body pre code.language-voice strong {
  color: #f9a8d4 !important;
}
.markdown-body pre code.language-voice {
  background:
    linear-gradient(180deg, rgba(236,72,153,0.08), rgba(59,130,246,0.04)) !important;
}
/* python 代码块：强化层次 */
.markdown-body pre code.language-python {
  background:
    radial-gradient(circle at top right, rgba(99,102,241,0.10), transparent 34%),
    radial-gradient(circle at bottom left, rgba(16,185,129,0.08), transparent 30%) !important;
}
.markdown-body pre code.language-python .hljs-built_in,
.markdown-body pre code.language-python .hljs-title.class_,
.markdown-body pre code.language-python .hljs-title.function_ {
  color: #7dd3fc !important;
}
/* 让“记忆区”这种标题更像档案标签 */
.markdown-body pre code {
  text-shadow: 0 0 0 rgba(0,0,0,0) !important;
}
/* 滚动条美化 */
.markdown-body pre > div > div[node]::-webkit-scrollbar,
.markdown-body pre > code[node]::-webkit-scrollbar {
  height: 10px;
  width: 10px;
}
.markdown-body pre > div > div[node]::-webkit-scrollbar-thumb,
.markdown-body pre > code[node]::-webkit-scrollbar-thumb {
  background: rgba(148, 163, 184, 0.35);
  border-radius: 999px;
  border: 2px solid rgba(15, 23, 42, 0.65);
}
.markdown-body pre > div > div[node]::-webkit-scrollbar-track,
.markdown-body pre > code[node]::-webkit-scrollbar-track {
  background: rgba(15, 23, 42, 0.2);
}
/* 悬停时轻微抬起 */
.markdown-body pre:hover {
  transform: translateY(-1px);
  transition: transform 180ms ease, box-shadow 180ms ease;
  box-shadow: 0 14px 34px rgba(16, 24, 40, 0.18) !important;
}
/* tooltip 统一一点 */
[id^="copy-tooltip"] {
  background: rgba(15, 23, 42, 0.95) !important;
  color: #f8fafc !important;
  border: 1px solid rgba(148, 163, 184, 0.25) !important;
  border-radius: 8px !important;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.22) !important;
}