/* --- 深蓝暗调：RP叙事引擎专供版 --- */

/* 1. 整体容器美化：深海蓝背景与发光边框 */
.markdown-body pre {
  border: 1px solid #1e293b !important;
  border-radius: 12px !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5), 0 0 20px rgba(37, 99, 235, 0.1) !important;
  overflow: hidden !important;
  background: #0a0f1e !important;
}

/* 2. 头部栏美化：线性渐变与标题强化 */
.markdown-body pre > div > div.flex.justify-between.h-8 {
  background: linear-gradient(90deg, #0f172a 0%, #1e293b 100%) !important;
  border-bottom: 1px solid rgba(56, 189, 248, 0.2) !important;
  padding: 0 12px !important;
  height: 36px !important;
}

/* 3. 语言标签美化：亮蓝色文字 */
.markdown-body pre > div > div.flex.justify-between > div.text-\[13px\] {
  color: #38bdf8 !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  font-family: 'Fira Code', monospace !important;
}

/* 4. 复制按钮颜色联动 (R3规则) */
.markdown-body pre svg.lucide-copy,
.markdown-body pre div[data-tooltip-id^="copy-tooltip"] > svg {
  color: #64748b !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.markdown-body pre div[data-tooltip-id^="copy-tooltip"]:hover > svg {
  color: #38bdf8 !important;
  transform: scale(1.1) rotate(5deg) !important;
  filter: drop-shadow(0 0 5px rgba(56, 189, 248, 0.6)) !important;
}

/* 5. 代码内容区：深蓝色调覆盖 (R4规则) */
.markdown-body pre > div > div[node] {
  background: #0a0f1e !important;
  padding: 1.5em 1.2em !important;
  line-height: 1.7 !important;
  scrollbar-width: thin !important;
  scrollbar-color: #1e293b #0a0f1e !important;
}

/* 6. 语法高亮美化：适配深蓝背景 */
/* 变量/属性 - 浅青色 */
.markdown-body pre code span[style*="color: rgb(105, 93, 105)"], 
.markdown-body pre code span {
  color: #cbd5e1 !important;
}

/* 字符串/正文部分 - 柔和的灰蓝色 */
.markdown-body pre code .language-info,
.markdown-body pre code span[style*="color: rgb(0, 128, 0)"] {
  color: #94a3b8 !important;
}

/* 结构关键字/状态标签 - 高亮蓝 */
.markdown-body pre code span[style*="color: rgb(0, 0, 255)"],
.markdown-body pre code span[style*="color: rgb(175, 0, 219)"] {
  color: #60a5fa !important;
  font-weight: bold !important;
}

/* 7. 纯文本代码块适配 (TYPE_B) */
.markdown-body pre > code[node] {
  background: #0a0f1e !important;
  color: #cbd5e1 !important;
  display: block !important;
  padding: 1em !important;
}

/* 8. 滚动条定制 */
.markdown-body pre > div > div[node]::-webkit-scrollbar {
  width: 6px !important;
  height: 6px !important;
}

.markdown-body pre > div > div[node]::-webkit-scrollbar-thumb {
  background: #1e293b !important;
  border-radius: 10px !important;
}

.markdown-body pre > div > div[node]::-webkit-scrollbar-thumb:hover {
  background: #3b82f6 !important;
}