/* ═══ B平台表格修正（自动注入）═══ */
.rili-markdown-renderer table { display:table!important; table-layout:auto!important; width:100%!important; border-collapse:collapse!important; }
.rili-markdown-renderer table caption { display:table-caption!important; caption-side:top!important; text-align:center!important; padding:8px!important; }
.rili-markdown-renderer thead { display:table-header-group!important; }
.rili-markdown-renderer tbody { display:table-row-group!important; }
.rili-markdown-renderer tr { display:table-row!important; }
.rili-markdown-renderer th, .rili-markdown-renderer td { display:table-cell!important; }

/* ═══ B平台按钮组保护（自动注入 — 防止按钮消失）═══
   原理：B平台消息操作按钮结构为：
   .flex.items-center.gap-1.ml-auto (hover显隐包装)
     └── .bg-muted.rounded.flex.p-0.5 (按钮组容器)
           └── button.rounded-full.size-7 (单个按钮)
   以下规则使用高specificity + !important确保按钮
   不被任何转换后/透传的CSS规则意外隐藏
   ═══════════════════════════════════════════════ */
/* 按钮组容器保护 */
.w-full.h-full.flex.group .bg-muted.rounded.flex.p-0\.5,
.is-user .bg-muted.rounded.flex.p-0\.5,
.is-assistant .bg-muted.rounded.flex.p-0\.5 {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  overflow: visible !important;
  position: relative !important;
  width: auto !important;
  height: auto !important;
  max-height: none !important;
  pointer-events: auto !important;
  clip: auto !important;
  clip-path: none !important;
}
/* 单个按钮保护 */
.w-full.h-full.flex.group .bg-muted.rounded.flex.p-0\.5 > button,
.is-user .bg-muted.rounded.flex.p-0\.5 > button,
.is-assistant .bg-muted.rounded.flex.p-0\.5 > button {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  position: relative !important;
  clip: auto !important;
  clip-path: none !important;
}
/* hover显隐包装层保护 — 仅保留B平台原生的opacity过渡 */
.flex.items-center.gap-1.ml-auto.md\:opacity-0.group-hover\:opacity-100 {
  visibility: visible !important;
  display: flex !important;
  pointer-events: auto !important;
  overflow: visible !important;
}
/* 操作行保护 */
.flex.w-full.items-center.justify-between.gap-2.px-2 {
  display: flex !important;
  visibility: visible !important;
  overflow: visible !important;
}

/* =========================================
   玄幻修仙风格代码块美化 (水墨暗金·玉简篇)
   ========================================= */
/* 1. 代码块主容器 - 阵盘基座 */
.rili-markdown-renderer pre {
    border: 1px solid #8b7a5e !important;
    border-radius: 6px !important;
    box-shadow: 0 0 15px rgba(139, 122, 94, 0.15), inset 0 0 20px rgba(0, 0, 0, 0.6) !important;
    background: transparent !important;
    overflow: hidden !important;
    margin-top: 12px !important;
    margin-bottom: 12px !important;
}
/* 2. 头部栏 - 聚灵阵纹 */
.rili-markdown-renderer pre > div > div.flex.justify-between.h-8,
.rili-markdown-renderer pre > div > div.border-b {
    background: linear-gradient(90deg, #0d110f 0%, #1c2622 50%, #0d110f 100%) !important;
    border-color: #8b7a5e !important;
    height: 38px !important;
}
/* 3. 语言标签 - 符箓金字 */
.rili-markdown-renderer pre > div > div.flex.justify-between > div.text-\[13px\],
.rili-markdown-renderer pre > div > div.flex.justify-between > div:first-child {
    color: #d4af37 !important;
    font-family: "STKaiti", "KaiTi", serif !important;
    font-size: 14px !important;
    font-weight: bold !important;
    letter-spacing: 1.5px !important;
    text-shadow: 0 0 6px rgba(212, 175, 55, 0.5) !important;
}
/* 4. 复制按钮 - 灵气交互 */
.rili-markdown-renderer pre svg.lucide-copy,
.rili-markdown-renderer pre div[data-tooltip-id^="copy-tooltip"] > svg {
    color: #8b7a5e !important;
    transition: all 0.3s ease !important;
}
.rili-markdown-renderer pre .group:hover svg.lucide-copy,
.rili-markdown-renderer pre div[data-tooltip-id^="copy-tooltip"]:hover > svg {
    color: #ffe699 !important;
    filter: drop-shadow(0 0 4px #d4af37) !important;
    transform: scale(1.15) !important;
}
/* 5. 代码内容区 - 玉简内景 */
.rili-markdown-renderer pre > div > div[node] {
    background: #111614 !important; /* 幽冥墨色 */
    color: #d1dfd8 !important; /* 青玉白 */
    padding: 14px 16px !important;
    font-family: "Consolas", "Courier New", monospace !important;
    line-height: 1.65 !important;
    font-size: 13.5px !important;
}
/* 6. 纯代码块 - 无相玉简 */
.rili-markdown-renderer pre > code[node],
.rili-markdown-renderer pre > code:only-child {
    background: #111614 !important;
    color: #d1dfd8 !important;
    border: 1px solid #8b7a5e !important;
    border-radius: 6px !important;
    padding: 14px 16px !important;
    display: block !important;
    box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.6) !important;
    line-height: 1.65 !important;
}
/* 7. 语法高亮微调 - 灵气微光 */
.rili-markdown-renderer pre code span { 
    text-shadow: 0 0 1px rgba(255,255,255,0.1) !important; 
}
/* 8. 滚动条 - 灵脉凝线 */
.rili-markdown-renderer pre > div > div[node]::-webkit-scrollbar,
.rili-markdown-renderer pre > code[node]::-webkit-scrollbar {
    width: 6px !important;
    height: 6px !important;
}
.rili-markdown-renderer pre > div > div[node]::-webkit-scrollbar-track,
.rili-markdown-renderer pre > code[node]::-webkit-scrollbar-track {
    background: #0d110f !important;
}
.rili-markdown-renderer pre > div > div[node]::-webkit-scrollbar-thumb,
.rili-markdown-renderer pre > code[node]::-webkit-scrollbar-thumb {
    background: #5c4f3a !important;
    border-radius: 3px !important;
}
.rili-markdown-renderer pre > div > div[node]::-webkit-scrollbar-thumb:hover,
.rili-markdown-renderer pre > code[node]::-webkit-scrollbar-thumb:hover {
    background: #8b7a5e !important;
}
/* =========================================
   附加：修仙风折叠面板 (须弥芥子)
   配合角色面板模板专属定制
   ========================================= */
.rili-markdown-renderer details {
    background: #111614 !important;
    border: 1px solid #4a544f !important;
    border-radius: 6px !important;
    margin-bottom: 12px !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.4) !important;
    overflow: hidden !important;
}
.rili-markdown-renderer details summary {
    background: linear-gradient(90deg, #151d1a 0%, #222d28 100%) !important;
    color: #b0c4b8 !important;
    padding: 10px 16px !important;
    font-family: "STKaiti", "KaiTi", serif !important;
    font-size: 15px !important;
    font-weight: bold !important;
    cursor: pointer !important;
    border-bottom: 1px solid transparent !important;
    transition: all 0.3s ease !important;
    list-style: none !important;
    position: relative !important;
}
/* 隐藏原生webkit三角 */
.rili-markdown-renderer details summary::-webkit-details-marker {
    display: none !important;
}
/* 自定义折叠三角 - 飞剑星芒 */
.rili-markdown-renderer details summary::before {
    content: "✦" !important;
    color: #8b7a5e !important;
    margin-right: 8px !important;
    display: inline-block !important;
    transition: transform 0.3s ease !important;
}
.rili-markdown-renderer details[open] summary::before {
    transform: rotate(90deg) !important;
    color: #d4af37 !important;
    text-shadow: 0 0 5px rgba(212, 175, 55, 0.6) !important;
}
.rili-markdown-renderer details[open] summary {
    border-bottom: 1px solid #4a544f !important;
    color: #d4af37 !important;
    text-shadow: 0 0 8px rgba(212, 175, 55, 0.4) !important;
}
.rili-markdown-renderer details summary:hover {
    color: #d4af37 !important;
    background: linear-gradient(90deg, #1c2622 0%, #2a3832 100%) !important;
}
.rili-markdown-renderer details > :not(summary) {
    padding: 4px 8px !important;
}