/* ===== 深渊协议·叙事卡片美化 主题：我来操淫母 ===== */

/* details 卡片容器 - 黑底白字 + 间隔 */
.markdown-body details {
    background: #000000 !important;
    color: #FFFFFF !important;
    border: 1px solid #4a0000 !important;
    border-radius: 8px !important;
    padding: 12px 16px !important;
    margin: 12px 0 !important;
    box-shadow: 0 2px 12px rgba(180, 0, 40, 0.25), inset 0 0 20px rgba(120, 0, 30, 0.15) !important;
    font-family: ui-sans-serif, system-ui, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif !important;
    transition: box-shadow 0.3s ease, border-color 0.3s ease !important;
}

/* 卡片之间的间隔强化 */
.markdown-body details + details {
    margin-top: 16px !important;
}

/* hover 强化暗红光晕 */
.markdown-body details:hover {
    border-color: #8b0020 !important;
    box-shadow: 0 4px 18px rgba(220, 20, 60, 0.4), inset 0 0 24px rgba(140, 0, 40, 0.2) !important;
}

/* summary 标题栏 - 暗红渐变 */
.markdown-body details summary {
    background: linear-gradient(90deg, #1a0006 0%, #4a0014 50%, #1a0006 100%) !important;
    color: #ffd6dc !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    padding: 8px 14px !important;
    border-radius: 6px !important;
    cursor: pointer !important;
    border-left: 3px solid #c81d3a !important;
    list-style: none !important;
    user-select: none !important;
    letter-spacing: 0.5px !important;
    text-shadow: 0 0 6px rgba(200, 29, 58, 0.6) !important;
}

/* 隐藏默认三角并自定义 */
.markdown-body details summary::-webkit-details-marker {
    display: none !important;
}

.markdown-body details summary::before {
    content: "▶" !important;
    display: inline-block !important;
    margin-right: 8px !important;
    color: #ff3355 !important;
    transition: transform 0.25s ease !important;
    font-size: 11px !important;
}

.markdown-body details[open] > summary::before {
    transform: rotate(90deg) !important;
}

/* 展开后 summary 底部分隔 */
.markdown-body details[open] > summary {
    margin-bottom: 10px !important;
    border-bottom: 1px dashed #5a0018 !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

/* 内容区文字 */
.markdown-body details > *:not(summary) {
    color: #f0f0f0 !important;
    line-height: 1.7 !important;
    font-size: 14px !important;
}

/* 内部段落 */
.markdown-body details p {
    color: #ededed !important;
    margin: 6px 0 !important;
}

/* 加粗字段名（如 **时间：**） */
.markdown-body details strong {
    color: #ff5577 !important;
    font-weight: 700 !important;
    text-shadow: 0 0 4px rgba(255, 85, 119, 0.3) !important;
}

/* 列表 */
.markdown-body details ul,
.markdown-body details ol {
    color: #e8e8e8 !important;
    padding-left: 22px !important;
    margin: 6px 0 !important;
}

.markdown-body details li {
    color: #e8e8e8 !important;
    margin: 3px 0 !important;
}

.markdown-body details li::marker {
    color: #c81d3a !important;
}

/* 表格（记忆区） */
.markdown-body details table {
    width: 100% !important;
    border-collapse: collapse !important;
    background: #0a0000 !important;
    margin: 8px 0 !important;
    border: 1px solid #4a0014 !important;
}

.markdown-body details th {
    background: linear-gradient(90deg, #2a0008, #5a0018) !important;
    color: #ffd6dc !important;
    padding: 6px 10px !important;
    border: 1px solid #4a0014 !important;
    font-weight: 700 !important;
}

.markdown-body details td {
    color: #ededed !important;
    padding: 6px 10px !important;
    border: 1px solid #3a0010 !important;
    background: #050000 !important;
}

.markdown-body details tr:hover td {
    background: #1a0008 !important;
}

/* 嵌套 details（如丈夫感知/偷情现场） */
.markdown-body details details {
    background: #0a0004 !important;
    border-color: #3a0010 !important;
    margin: 8px 0 !important;
    box-shadow: inset 0 0 12px rgba(100, 0, 25, 0.25) !important;
}

.markdown-body details details summary {
    background: linear-gradient(90deg, #15000a, #3a0014, #15000a) !important;
    font-size: 14px !important;
}

/* 分隔线 hr */
.markdown-body details hr {
    border: none !important;
    height: 1px !important;
    background: linear-gradient(90deg, transparent, #c81d3a, transparent) !important;
    margin: 10px 0 !important;
}

/* 行内代码（如有） */
.markdown-body details code {
    background: #1a0008 !important;
    color: #ff8899 !important;
    padding: 1px 6px !important;
    border-radius: 3px !important;
    border: 1px solid #4a0014 !important;
}

/* 移动端适配 */
@media (max-width: 768px) {
    .markdown-body details {
        padding: 10px 12px !important;
        margin: 10px 0 !important;
    }
    .markdown-body details summary {
        font-size: 14px !important;
        padding: 7px 10px !important;
    }
}

/* 动效降级 */
@media (prefers-reduced-motion: reduce) {
    .markdown-body details,
    .markdown-body details summary::before {
        transition: none !important;
    }
}