/* ==========================================
 三十二号牢房·监控终端 组件扩展样式适配
 ========================================== */
/* ------------------------------------------
 1. 基础折叠框 (details / summary / pre)
 ------------------------------------------ */
details {
 background: rgba(18, 22, 31, 0.85) !important;
 border: 1px solid rgba(102, 252, 241, 0.3) !important;
 border-radius: 6px !important;
 margin: 10px 0 !important;
 padding: 6px 10px !important;
 box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4) !important;
 transition: all 0.3s ease !important;
 color: #e2e8f0 !important;
}
summary {
 cursor: pointer !important;
 font-weight: bold !important;
 color: #66fcf1 !important;
 padding: 6px 10px !important;
 background: rgba(102, 252, 241, 0.08) !important;
 border-radius: 4px !important;
 user-select: none !important;
 outline: none !important;
}
summary:hover {
 background: rgba(102, 252, 241, 0.15) !important;
}
/* 折叠框内部代码块 */
details pre {
 background: rgba(10, 12, 16, 0.9) !important;
 border-left: 3px solid #66fcf1 !important;
 color: #c5c6c7 !important;
 padding: 12px !important;
 margin: 10px 0 4px 0 !important;
 border-radius: 0 4px 4px 0 !important;
 font-family: 'Fira Code', 'Consolas', 'Microsoft YaHei', monospace !important;
 font-size: 0.88em !important;
 line-height: 1.5 !important;
 white-space: pre-wrap !important;
 word-break: break-all !important;
}
/* ------------------------------------------
 2. 黑匣账本 (details.mb & .mc)
 ------------------------------------------ */
details.mb {
 border-color: rgba(184, 75, 255, 0.4) !important;
 background: rgba(22, 16, 31, 0.8) !important;
}
details.mb > summary {
 color: #d880ff !important;
 background: rgba(184, 75, 255, 0.12) !important;
}
.mc {
 padding: 10px 4px 4px 4px !important;
 color: #e2e8f0 !important;
}
.mc h2 {
 color: #b84bff !important;
 font-size: 1.05em !important;
 border-bottom: 1px dashed rgba(184, 75, 255, 0.3) !important;
 padding-bottom: 4px !important;
 margin: 12px 0 8px 0 !important;
}
.mc ul {
 list-style: none !important;
 padding-left: 0 !important;
 margin: 0 !important;
}
.mc li {
 position: relative !important;
 padding: 6px 10px 6px 20px !important;
 margin-bottom: 6px !important;
 background: rgba(0, 0, 0, 0.4) !important;
 color: #e2e8f0 !important;
 border-radius: 4px !important;
 font-size: 0.88em !important;
 line-height: 1.5 !important;
 border: 1px solid rgba(184, 75, 255, 0.25) !important;
}
.mc li::before {
 content: "▶" !important;
 position: absolute !important;
 left: 7px !important;
 top: 7px !important;
 color: #b84bff !important;
 font-size: 0.65em !important;
}
/* ------------------------------------------
 3. 露露丝的吐槽 (details.luluth-tucao)
 ------------------------------------------ */
details.luluth-tucao {
 border-color: rgba(255, 75, 139, 0.4) !important;
 background: rgba(31, 16, 24, 0.8) !important;
 color: #fce4ec !important;
}
details.luluth-tucao > summary {
 color: #ff4b8b !important;
 background: rgba(255, 75, 139, 0.12) !important;
}
/* ------------------------------------------
 4. 下一步建议 (.next-actions)
 ------------------------------------------ */
.next-actions {
 background: rgba(13, 17, 23, 0.9) !important;
 border: 1px solid rgba(102, 252, 241, 0.35) !important;
 border-radius: 8px !important;
 padding: 14px 18px !important;
 margin-top: 18px !important;
 box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5) !important;
}
.next-actions-title {
 color: #66fcf1 !important;
 font-weight: bold !important;
 font-size: 0.95em !important;
 letter-spacing: 1px !important;
 margin-bottom: 10px !important;
}
.next-actions-title::before {
 content: "⚡" !important;
 margin-right: 6px !important;
}
.next-actions ol {
 margin: 0 !important;
 padding-left: 20px !important;
 color: #cbd5e1 !important;
}
.next-actions li {
 margin-bottom: 6px !important;
 line-height: 1.5 !important;
 font-size: 0.9em !important;
 color: #e2e8f0 !important;
}
/* ==========================================
 三十二号牢房·监控终端 全局黑客/暗黑风美化
 ========================================== */
/* ------------------------------------------
 1. 对话气泡与正文（硬性黑底白字，无需区分日夜间）
 ------------------------------------------ */
#customized-answer-content {
 background-color: #0b0c10 !important;
 background: linear-gradient(135deg, rgba(11, 12, 16, 0.95), rgba(20, 26, 36, 0.95)) !important;
 border: 1px solid rgba(102, 252, 241, 0.35) !important;
 box-shadow: 0 4px 20px rgba(0, 0, 0, 0.8), inset 0 0 15px rgba(102, 252, 241, 0.03) !important;
 color: #e2e8f0 !important;
 border-radius: 12px !important;
}
/* 强制正文文本、列表、段落全白/浅灰，解决暗黑模式下字体黑漆漆的问题 */
#customized-answer-content .markdown-body,
#customized-answer-content .markdown-body *,
#customized-answer-content p,
#customized-answer-content span,
#customized-answer-content li {
 color: #e2e8f0 !important;
}
/* 标题高亮为青蓝色 */
#customized-answer-content .markdown-body h1,
#customized-answer-content .markdown-body h2,
#customized-answer-content .markdown-body h3 {
 color: #66fcf1 !important;
 border-bottom: 1px solid rgba(102, 252, 241, 0.2) !important;
}
/* 行内代码块高亮 */
#customized-answer-content .markdown-body code {
 background: rgba(0, 0, 0, 0.6) !important;
 color: #66fcf1 !important;
 border: 1px solid rgba(102, 252, 241, 0.25) !important;
}
/* ------------------------------------------
 2. 上部工具栏按钮组 (#ai-mod-button2)
 ------------------------------------------ */
#ai-mod-button2 button {
 background: rgba(18, 22, 31, 0.85) !important;
 border: 1px solid rgba(102, 252, 241, 0.3) !important;
 color: #66fcf1 !important;
 border-radius: 6px !important;
 backdrop-filter: blur(4px);
 transition: all 0.2s ease !important;
}
#ai-mod-button2 button:hover {
 background: rgba(102, 252, 241, 0.15) !important;
 border-color: #66fcf1 !important;
 color: #ffffff !important;
 box-shadow: 0 0 10px rgba(102, 252, 241, 0.4) !important;
}
#ai-mod-button2 button svg {
 color: #66fcf1 !important;
 fill: currentColor !important;
}
/* ------------------------------------------
 3. 页码选择器美化 (#customized-pagination)
 ------------------------------------------ */
#customized-pagination {
 color: #c5c6c7 !important;
}
#customized-pagination a,
#customized-pagination li {
 background: rgba(18, 22, 31, 0.8) !important;
 border-color: rgba(102, 252, 241, 0.25) !important;
 color: #c5c6c7 !important;
}
/* 当前激活页码 */
#customized-pagination a[data-active="true"] {
 background: rgba(102, 252, 241, 0.2) !important;
 border-color: #66fcf1 !important;
 color: #66fcf1 !important;
 font-weight: bold;
 box-shadow: 0 0 8px rgba(102, 252, 241, 0.3) !important;
}
/* 跳转页码输入框 */
#customized-pagination input {
 background: rgba(11, 12, 16, 0.9) !important;
 border: 1px solid rgba(102, 252, 241, 0.3) !important;
 color: #66fcf1 !important;
}
/* ------------------------------------------
 4. 输入框卡片与发送按钮
 ------------------------------------------ */
/* 输入框外层包含卡片 */
div:has(> #ai-chat-input) {
 background: rgba(18, 22, 31, 0.9) !important;
 border: 1px solid rgba(102, 252, 241, 0.35) !important;
 box-shadow: 0 4px 15px rgba(0, 0, 0, 0.6) !important;
 border-radius: 12px !important;
}
/* 输入框本身 */
#ai-chat-input {
 background: transparent !important;
 color: #ffffff !important;
}
/* 提示占位词颜色 */
#ai-chat-input::placeholder {
 color: rgba(102, 252, 241, 0.4) !important;
}
/* 发送按钮 */
#ai-send-button {
 background: rgba(102, 252, 241, 0.1) !important;
 border: 1px solid rgba(102, 252, 241, 0.3) !important;
 border-radius: 8px !important;
 transition: all 0.2s ease !important;
}
#ai-send-button:hover {
 background: rgba(102, 252, 241, 0.25) !important;
 box-shadow: 0 0 10px rgba(102, 252, 241, 0.5) !important;
}
#ai-send-button svg {
 color: #66fcf1 !important;
 fill: #66fcf1 !important;
}
/* ==========================================
   正文气泡底部操作按钮组（复制/重生成/赞踩等）
   ========================================== */

/* 1. 气泡内部及底部的所有操作按钮 */
#customized-answer-content button,
#customized-answer-content .action-btn,
#customized-answer-content .operation-btn,
#customized-answer-content .tools-btn,
div:has(> #customized-answer-content) button {
    background: rgba(18, 22, 31, 0.85) !important;
    border: 1px solid rgba(102, 252, 241, 0.3) !important;
    color: #66fcf1 !important;
    border-radius: 6px !important;
    padding: 4px 8px !important;
    margin: 2px 4px !important;
    font-size: 0.85em !important;
    cursor: pointer !important;
    backdrop-filter: blur(4px) !important;
    transition: all 0.2s ease !important;
}

/* 2. 强制图标（SVG）颜色改为青绿色，解决黑漆漆看不清的问题 */
#customized-answer-content button svg,
#customized-answer-content .action-btn svg,
#customized-answer-content .operation-btn svg,
div:has(> #customized-answer-content) button svg {
    color: #66fcf1 !important;
    fill: currentColor !important;
    stroke: currentColor !important;
    width: 14px !important;
    height: 14px !important;
    vertical-align: middle !important;
}

/* 3. 按钮文字颜色强制重置 */
#customized-answer-content button span,
#customized-answer-content .action-btn span,
div:has(> #customized-answer-content) button span {
    color: #66fcf1 !important;
}

/* 4. 鼠标悬浮 (Hover) 效果：霓虹高亮发光 */
#customized-answer-content button:hover,
#customized-answer-content .action-btn:hover,
#customized-answer-content .operation-btn:hover,
div:has(> #customized-answer-content) button:hover {
    background: rgba(102, 252, 241, 0.2) !important;
    border-color: #66fcf1 !important;
    color: #ffffff !important;
    box-shadow: 0 0 10px rgba(102, 252, 241, 0.5) !important;
}

#customized-answer-content button:hover svg,
#customized-answer-content button:hover span,
div:has(> #customized-answer-content) button:hover svg {
    color: #ffffff !important;
    fill: #ffffff !important;
}