/* ============================================================
   STREAM-OS v2.0 - 电脑网红 / 赛博直播姬专属主题
   ============================================================ */

/* 1. 代码块外框 - 仿专业电竞显示器/OBS推流窗口 */
.markdown-body pre {
  background: #0b0e14 !important; /* 极深蓝黑，电竞外壳 */
  border: 3px solid #1f2937 !important;
  border-image: linear-gradient(135deg, #00f0ff 0%, #ff007f 100%) 1 !important; /* 霓虹渐变边框 */
  border-radius: 6px !important;
  box-shadow: 0 0 20px rgba(0, 240, 255, 0.15), 0 0 40px rgba(255, 0, 127, 0.1) !important;
  padding: 0 !important;
  position: relative;
  overflow: hidden !important;
}

/* 2. 头部控制栏 - 仿播放器/推流助手控制台 */
.markdown-body pre > div > div.flex.justify-between.h-8 {
  background: #0f131a !important; 
  border-bottom: 2px solid #1a2333 !important;
  height: 42px !important;
}

/* 3. 语言标签 - 改造成 “● LIVE 推流中” 荧光状态灯 */
.markdown-body pre > div > div.flex.justify-between > div.text-\[13px\] {
  color: #39ff14 !important; /* 荧光绿 */
  font-family: 'Consolas', monospace !important;
  font-weight: 900 !important;
  text-shadow: 0 0 8px #39ff14 !important;
  font-size: 13px !important;
  display: flex !important;
  align-items: center !important;
}
.markdown-body pre > div > div.flex.justify-between > div.text-\[13px\]::before {
  content: "● LIVE // INGEST-SERVER-01 // " !important;
  animation: blink 1.5s infinite !important;
}

@keyframes blink {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.4; }
}

/* 4. 代码内容区 - 网红聊天室/弹幕流网格 */
.markdown-body pre > div > div[node] {
  background: radial-gradient(circle at top, #111622 0%, #0b0e14 100%) !important;
  padding: 20px !important;
  line-height: 1.8 !important;
}

/* 5. 语法高亮 - 对应直播数据指标 */
.markdown-body pre code { color: #e2e8f0 !important; }
.markdown-body pre code span[style*="color: rgb(249, 38, 114)"] { color: #ff007f !important; text-shadow: 0 0 4px #ff007f55 !important; } /* 火热/粉丝/好感-粉红 */
.markdown-body pre code span[style*="color: rgb(102, 217, 239)"] { color: #00f0ff !important; text-shadow: 0 0 4px #00f0ff55 !important; } /* 蓝光/网名/网络状态-青 */
.markdown-body pre code span[style*="color: rgb(166, 226, 46)"] { color: #39ff14 !important; } /* 在线人数/信仰度-绿 */
.markdown-body pre code span[style*="color: rgb(230, 219, 116)"] { color: #ffea00 !important; } /* 金币/警惕度-黄 */
.markdown-body pre code span[style*="color: rgb(174, 129, 255)"] { color: #af52de !important; } /* 关系网/塌房警告-紫 */

/* 6. 复制图标联动 */
.markdown-body pre svg.lucide-copy {
  color: #00f0ff !important;
}
.markdown-body pre .group:hover svg.lucide-copy {
  color: #ff007f !important;
  transform: scale(1.15) !important;
}

/* 7. 折叠菜单美化 - 直播间侧边栏组件 */
details {
  border: 1px solid #1f2937 !important;
  background: rgba(15, 19, 26, 0.8) !important;
  border-radius: 4px;
  margin: 10px 0;
  transition: all 0.3s ease;
}
details[open] {
  border-color: #00f0ff !important;
  box-shadow: inset 0 0 8px rgba(0, 240, 255, 0.1);
}
summary {
  color: #00f0ff !important;
  font-family: 'Microsoft YaHei', sans-serif;
  font-weight: bold;
  padding: 8px 12px;
  cursor: pointer;
  list-style: none;
}
summary::before {
  content: "📂 [WIDGET] " !important;
  color: #ff007f !important;
}