/* ============================================================
   AMERICAN COMIC & TALISMAN STYLE - "THE ADVENTURE" THEME
   视觉特征：硬朗粗线条、高饱和度、漫画分镜感
   ============================================================ */

/* 1. 代码块外框 - 仿漫画分镜边框 */
.markdown-body pre {
  background: #f8f9fa !important;
  border: 4px solid #1a1a1a !important; /* 粗黑线条 */
  border-radius: 4px !important;
  box-shadow: 8px 8px 0px #ffcc00 !important; /* 硬阴影 */
  padding: 0 !important;
  position: relative;
}

/* 2. 头部栏 - 符咒亮橙色与深色对比 */
.markdown-body pre > div > div.flex.justify-between.h-8 {
  background: #ff4500 !important; /* 烈焰红橙 */
  border-bottom: 4px solid #1a1a1a !important;
  height: 40px !important;
}

/* 3. 语言标签 - 漫画标题风格 */
.markdown-body pre > div > div.flex.justify-between > div.text-\[13px\] {
  color: #ffffff !important;
  font-family: 'Impact', sans-serif !important;
  text-transform: uppercase !important;
  letter-spacing: 2px !important;
  -webkit-text-stroke: 1px #000;
  font-size: 16px !important;
}
.markdown-body pre > div > div.flex.justify-between > div.text-\[13px\]::before {
  content: "⚡ [QUEST LOG]: " !important;
}

/* 4. 代码内容区 - 高对比度纸张感 */
.markdown-body pre > div > div[node] {
  background: #ffffff !important;
  background-image: radial-gradient(#d1d1d1 1px, transparent 0) !important; /* 仿漫画网点纹理 */
  background-size: 20px 20px !important;
  padding: 20px !important;
  line-height: 1.8 !important;
}

/* 5. 复制按钮 - 适配高饱和度背景 */
.markdown-body pre svg.lucide-copy,
.markdown-body pre div[data-tooltip-id^="copy-tooltip"] > svg {
  color: #ffffff !important;
  filter: drop-shadow(2px 2px 0px #000) !important;
}
.markdown-body pre .group:hover svg.lucide-copy {
  color: #ffcc00 !important;
  transform: scale(1.2) rotate(-5deg) !important;
}

/* 6. 语法高亮 - 鲜艳色彩对应元素属性 */
.markdown-body pre code span { font-weight: 700 !important; }
.markdown-body pre code span[style*="color: rgb(166, 226, 46)"] { color: #2ecc71 !important; } /* 木属性-绿 */
.markdown-body pre code span[style*="color: rgb(249, 38, 114)"] { color: #e74c3c !important; } /* 火属性-红 */
.markdown-body pre code span[style*="color: rgb(102, 217, 239)"] { color: #3498db !important; } /* 水属性-蓝 */
.markdown-body pre code span[style*="color: rgb(174, 129, 255)"] { color: #9b59b6 !important; } /* 暗属性-紫 */
.markdown-body pre code span[style*="color: rgb(230, 219, 116)"] { color: #f1c40f !important; } /* 金/光-黄 */

/* 7. 针对折叠标签详情的样式优化 (如果平台支持) */
details summary {
  cursor: pointer;
  padding: 8px;
  background: #eee;
  border: 2px solid #000;
  margin-bottom: 5px;
  font-weight: bold;
}