/* 阴司底纹：整个折叠面板的棺木压抑感 */
.markdown-body details,
details {
    background: linear-gradient(135deg, #110808 0%, #1a0f0f 100%) !important;
    border: 1px solid #4a0000 !important;
    border-left: 4px dashed #8b0000 !important;
    border-radius: 2px !important;
    padding: 12px !important;
    margin-bottom: 12px !important;
    color: #dcd0c0 !important;
    font-family: "SimSun", "STSong", "Noto Serif SC", "KaiTi", serif !important;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.8) inset, 0 0 8px rgba(139, 0, 0, 0.1) !important;
    transition: all 0.3s ease !important;
}

details:hover {
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.9) inset, 0 0 15px rgba(139, 0, 0, 0.3) !important;
    border-left: 4px dashed #cc0000 !important;
}

/* 标题栏：血红色的招魂幡 */
summary {
    color: #cc2222 !important;
    font-weight: bold !important;
    font-size: 1.15em !important;
    border-bottom: 1px solid #5a1111 !important;
    padding-bottom: 6px !important;
    margin-bottom: 10px !important;
    cursor: pointer !important;
    text-shadow: 0px 0px 5px rgba(204, 34, 34, 0.5) !important;
    list-style: none !important;
    animation: ghostFlicker 4s infinite alternate !important;
}

@keyframes ghostFlicker {
    0% { text-shadow: 0px 0px 2px rgba(204, 34, 34, 0.3); }
    100% { text-shadow: 0px 0px 8px rgba(204, 34, 34, 0.8); }
}

/* 列表项：用 before 模拟血红色方块标记，避免 ::marker 兼容问题 */
details ul {
    list-style: none !important;
    padding-left: 20px !important;
}
details ul li {
    position: relative !important;
    padding-left: 18px !important;
}
details ul li::before {
    content: "■" !important;
    color: #8b0000 !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    font-size: 1em !important;
}

/* 表格：老式账房账本 */
details table {
    border-collapse: collapse !important;
    width: 100% !important;
    border: 1px solid #4a0000 !important;
    margin-top: 10px !important;
}
details th, details td {
    border: 1px solid #3a0a0a !important;
    padding: 6px !important;
    text-align: left !important;
    font-size: 0.95em !important;
}
details th {
    background-color: #2a0808 !important;
    color: #cc2222 !important;
    font-weight: normal !important;
}
details td {
    color: #bfae9f !important;
}

/* 手机端适配 */
@media (max-width: 480px) {
    details {
        padding: 8px !important;
    }
    summary {
        font-size: 1em !important;
    }
    details th, details td {
        padding: 4px !important;
        font-size: 0.85em !important;
    }
}