[class*="bg-[#F1CBCB]"],
[class*="bg-[#c9e9]"] {
    display: none !important;
}
.bg-gray-100\/90.relative.inline-block {
    background: #1a1c2e !important;
    border: 1.5px solid #3a3d5c !important;
    border-radius: 14px !important;
    box-shadow: 0 4px 16px rgba(90, 80, 180, 0.12) !important;
    padding: 14px !important;
    isolation: isolate !important;
}
.markdown-body {
    color: #e8e6f0 !important;
    font-family: 'KaiTi', 'STKaiti', '楷体', serif !important;
    font-size: 15px !important;
    line-height: 1.9 !important;
    z-index: 1 !important;
    background: transparent !important;
}
.markdown-body details {
    background: #232540 !important;
    border: 1.5px solid #4a4d7a !important;
    border-radius: 10px !important;
    margin: 10px 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    box-shadow: 0 2px 8px rgba(60, 50, 120, 0.15) !important;
}
.markdown-body details summary {
    background: linear-gradient(135deg, #2e3154 0%, #3a3e6a 100%) !important;
    color: #c8b8ff !important;
    font-family: 'KaiTi', 'STKaiti', '楷体', serif !important;
    font-weight: bold !important;
    font-size: 14px !important;
    padding: 10px 16px !important;
    cursor: pointer !important;
    border-bottom: 1px solid #4a4d7a !important;
    list-style: none !important;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
}
.markdown-body details summary::before {
    content: "◈" !important;
    color: #a78bfa !important;
    font-size: 12px !important;
}
.markdown-body details summary::-webkit-details-marker {
    display: none !important;
}
.markdown-body details[open] summary {
    border-bottom: 1.5px solid #5a5d8a !important;
    background: linear-gradient(135deg, #363a68 0%, #454a80 100%) !important;
}
.markdown-body details > :not(summary) {
    padding: 12px 16px !important;
}
.markdown-body details p,
.markdown-body details li,
.markdown-body details td,
.markdown-body details th {
    color: #ddd8ee !important;
    font-size: 13.5px !important;
    line-height: 1.85 !important;
}
.markdown-body details strong {
    color: #e0d4ff !important;
}
.markdown-body details em {
    color: #f0c8d8 !important;
    font-style: normal !important;
}
.markdown-body details table {
    width: 100% !important;
    border-collapse: collapse !important;
    margin: 8px 0 !important;
    font-size: 12.5px !important;
}
.markdown-body details th {
    background: #2e3154 !important;
    color: #c8b8ff !important;
    padding: 6px 10px !important;
    border: 1px solid #4a4d7a !important;
    font-weight: bold !important;
    text-align: left !important;
}
.markdown-body details td {
    padding: 6px 10px !important;
    border: 1px solid #3a3d5c !important;
    background: #272944 !important;
}
.markdown-body details img {
    border-radius: 8px !important;
    border: 1.5px solid #6a5acd !important;
    box-shadow: 0 3px 10px rgba(106, 90, 205, 0.25) !important;
}
.markdown-body details hr {
    border: none !important;
    border-top: 1px dashed #4a4d7a !important;
    margin: 10px 0 !important;
}
.markdown-body details ul {
    list-style: none !important;
    padding-left: 4px !important;
}
.markdown-body details ul li::before {
    content: "• " !important;
    color: #a78bfa !important;
}
.markdown-body h1,
.markdown-body h2,
.markdown-body h3,
.markdown-body h4 {
    color: #d4c6ff !important;
    font-family: 'KaiTi', 'STKaiti', '楷体', serif !important;
    border-bottom: none !important;
}
.markdown-body blockquote {
    border-left: 3px solid #6a5acd !important;
    background: #232540 !important;
    padding: 10px 14px !important;
    border-radius: 6px !important;
    color: #ccc6e0 !important;
}
.markdown-body code {
    background: #2a2d4e !important;
    color: #e8b4f8 !important;
    padding: 2px 6px !important;
    border-radius: 4px !important;
    font-size: 13px !important;
}
.markdown-body a {
    color: #a78bfa !important;
}
.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary {
    color: #b0a8d0 !important;
}
.MuiTypography-root.MuiTypography-body2.css-6c0gf2 {
    color: #9a94b8 !important;
}
.text-orange-500 {
    color: #e8a060 !important;
}
@media (prefers-color-scheme: light) {
    .bg-gray-100\/90.relative.inline-block {
        background: #f8f7fc !important;
        border: 1.5px solid #d0cde0 !important;
        box-shadow: 0 4px 16px rgba(90, 80, 180, 0.08) !important;
    }
    .markdown-body {
        color: #2a2a3e !important;
    }
    .markdown-body details {
        background: #ffffff !important;
        border: 1.5px solid #c8c4d8 !important;
        box-shadow: 0 2px 8px rgba(100, 90, 160, 0.08) !important;
    }
    .markdown-body details summary {
        background: linear-gradient(135deg, #ece8f8 0%, #e0daf0 100%) !important;
        color: #5b4bc4 !important;
        border-bottom: 1px solid #d0cde0 !important;
    }
    .markdown-body details summary::before {
        color: #6a5acd !important;
    }
    .markdown-body details[open] summary {
        background: linear-gradient(135deg, #e0daf0 0%, #d8d0ec 100%) !important;
        border-bottom: 1.5px solid #b8b4d0 !important;
    }
    .markdown-body details p,
    .markdown-body details li,
    .markdown-body details td,
    .markdown-body details th {
        color: #3a3a50 !important;
    }
    .markdown-body details strong {
        color: #2a2a40 !important;
    }
    .markdown-body details em {
        color: #9a3060 !important;
    }
    .markdown-body details th {
        background: #ece8f8 !important;
        color: #4a3a8a !important;
        border: 1px solid #d0cde0 !important;
    }
    .markdown-body details td {
        background: #faf8ff !important;
        border: 1px solid #e0dce8 !important;
    }
    .markdown-body details img {
        border: 1.5px solid #8a7abc !important;
        box-shadow: 0 3px 10px rgba(106, 90, 205, 0.12) !important;
    }
    .markdown-body details hr {
        border-top: 1px dashed #c8c4d8 !important;
    }
    .markdown-body details ul li::before {
        color: #6a5acd !important;
    }
    .markdown-body h1,
    .markdown-body h2,
    .markdown-body h3,
    .markdown-body h4 {
        color: #3a3060 !important;
    }
    .markdown-body blockquote {
        border-left: 3px solid #8a7abc !important;
        background: #f4f0ff !important;
        color: #4a4a60 !important;
    }
    .markdown-body code {
        background: #ece8f8 !important;
        color: #7a3a9a !important;
    }
    .markdown-body a {
        color: #5b4bc4 !important;
    }
    .MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary {
        color: #5a5070 !important;
    }
    .MuiTypography-root.MuiTypography-body2.css-6c0gf2 {
        color: #6a6480 !important;
    }
    .text-orange-500 {
        color: #c07020 !important;
    }
}
@media (max-width: 480px) {
    .markdown-body {
        font-size: 14px !important;
        line-height: 1.8 !important;
    }
    .markdown-body details summary {
        font-size: 13px !important;
        padding: 8px 12px !important;
    }
    .markdown-body details p,
    .markdown-body details li,
    .markdown-body details td,
    .markdown-body details th {
        font-size: 12.5px !important;
    }
    .markdown-body details > :not(summary) {
        padding: 10px 12px !important;
    }
    .markdown-body details table {
        font-size: 11.5px !important;
    }
    .markdown-body details img {
        width: 120px !important;
    }
}
@media (prefers-reduced-motion: reduce) {
    .bg-gray-100\/90.relative.inline-block,
    .markdown-body details,
    .markdown-body details summary {
        transition: none !important;
    }
}