/* =========================================================
   夜魅 / 赛博深渊主题：全局回复格式与代码块深度美化
   目标平台：Markdown 解析引擎 (支持 Tailwind 结构)
========================================================= */

/* --- 1. 整体回复格式 (Markdown Body) 视觉增强 --- */
.markdown-body {
  font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
  line-height: 1.75;
  color: rgb(5, 52, 123);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
}

.markdown-body h1, 
.markdown-body h2, 
.markdown-body h3 {
  color: #ff2a6d;
  border-bottom: 1px solid rgba(255, 42, 109, 0.3);
  padding-bottom: 0.3em;
  margin-top: 1.5em;
  text-shadow: 0 0 10px rgba(255, 42, 109, 0.4);
  letter-spacing: 1px;
}

.markdown-body blockquote {
  border-left: 4px solid #8a2be2 !important;
  background: linear-gradient(90deg, rgba(138, 43, 226, 0.15) 0%, transparent 100%) !important;
  padding: 12px 16px;
  border-radius: 0 8px 8px 0;
  color: #e2e8f0;
  font-style: italic;
}

.markdown-body p code {
  background: rgba(255, 42, 109, 0.15) !important;
  color: #ff2a6d !important;
  padding: 2px 6px;
  border-radius: 4px;
  font-family: 'Fira Code', monospace;
  border: 1px solid rgba(255, 42, 109, 0.3);
}

/* --- 2. 代码块主容器美化 (赛博质感边框与阴影) --- */
.markdown-body pre {
  border-radius: 12px !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.6), 0 0 15px rgba(138, 43, 226, 0.2) !important;
  border: 1px solid rgba(138, 43, 226, 0.4) !important;
  overflow: hidden;
  margin: 1.5em 0;
}

.markdown-body pre > div {
  background: #161622 !important;
}

/* --- 3. 头部栏 (Header Bar) 与 语言标签 --- */
.markdown-body pre > div > div.flex.justify-between.h-8,
.markdown-body pre > div > div.border-b {
  background: linear-gradient(90deg, #0a0a0f, #161622) !important;
  border-bottom: 1px solid rgba(138, 43, 226, 0.3) !important;
  padding: 8px 12px !important;
}

.markdown-body pre > div > div.flex.justify-between > div.text-\[13px\],
.markdown-body pre > div > div.flex.justify-between > div:first-child {
  color: #ff2a6d !important;
  font-weight: 800 !important;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  text-shadow: 0 0 8px rgba(255, 42, 109, 0.5);
}

/* --- 4. 复制按钮 (SVG) 颜色联动与心跳悬停动效 ⚠️CRITICAL --- */
/* 默认状态颜色 */
.markdown-body pre svg.lucide-copy,
.markdown-body pre div[data-tooltip-id^="copy-tooltip"] > svg {
  color: #a0a0b0 !important;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  transform: scale(1) !important;
}

/* Hover状态颜色与特效 */
.markdown-body pre .group:hover svg.lucide-copy,
.markdown-body pre div[data-tooltip-id^="copy-tooltip"]:hover > svg {
  color: #8a2be2 !important;
  transform: scale(1.2) rotate(-5deg) !important;
  filter: drop-shadow(0 0 6px #8a2be2) !important;
}

/* --- 5. 代码内容区内联样式强制覆盖 --- */
.markdown-body pre > div > div[node] {
  background: #0a0a0f !important;
  padding: 16px !important;
  background-image: radial-gradient(circle at 100% 100%, rgba(138, 43, 226, 0.05) 0%, transparent 50%);
}

.markdown-body pre code[class^="language-"], 
.markdown-body pre > code[node],
.markdown-body pre > code:only-child {
  color: #e2e8f0 !important;
  font-family: 'JetBrains Mono', 'Fira Code', Consolas, monospace !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
}

/* --- 6. 霓虹质感滚动条美化 --- */
.markdown-body pre ::-webkit-scrollbar {
  height: 8px !important;
  width: 8px !important;
}

.markdown-body pre ::-webkit-scrollbar-track {
  background: #0a0a0f !important;
  border-radius: 4px;
}

.markdown-body pre ::-webkit-scrollbar-thumb {
  background: rgba(138, 43, 226, 0.4) !important;
  border-radius: 4px;
  border: 1px solid #0a0a0f;
}

.markdown-body pre ::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 42, 109, 0.8) !important;
  box-shadow: inset 0 0 5px rgba(0,0,0,0.5);
}