/* 
   📒 甜蜜记账本主题 (尸姬定制版)
   说明：将原本清新的手账风融入了一丝神秘的幽蓝色，适配苏清月的冷艳与同居的温馨。
*/

:root {
    color-scheme: light !important;
}

* {
    -webkit-tap-highlight-color: transparent !important;
    -webkit-touch-callout: none !important;
}

*:focus, *:active, *:focus-visible {
    outline: 0 !important;
    box-shadow: none !important; 
}

.bg-gray-100\/90.relative.inline-block {
    background-color: #fff !important;
    background-image: 
        linear-gradient(#f0f4f8 1px, transparent 1px),
        linear-gradient(90deg, #f0f4f8 1px, transparent 1px) !important;
    background-size: 20px 20px !important;
    border: 1px solid #d1d9e6 !important;
    border-top: 8px solid #b39ddb !important; /* 幽紫色，象征神秘 */
    border-bottom: 4px solid #80deea !important;
    border-radius: 16px !important;
    padding: 25px !important;
    margin: 10px auto !important;
    max-width: 100% !important;
    box-shadow: 0 10px 25px rgba(0,0,0,0.08) !important;
    position: relative;
}

.bg-gray-100\/90.relative.inline-block::after {
    content: 'Undead Bride Diary';
    position: absolute;
    top: 10px;
    right: 15px;
    font-family: "Georgia", serif;
    color: #9575cd;
    font-size: 0.8em;
    transform: rotate(5deg);
}

.markdown-body {
    background-color: transparent !important;
    color: #444 !important;
    font-family: "PingFang SC", "Microsoft YaHei", sans-serif !important;
    line-height: 1.8 !important;
}

.markdown-body h1, .markdown-body h2, .markdown-body h3 {
    color: #673ab7 !important;
    border-bottom: 2px dashed #d1c4e9 !important;
    margin-top: 1.5em !important;
}

.markdown-body table {
    width: 100% !important;
    border-collapse: collapse !important;
    border: 2px solid #b39ddb !important;
    background: #fff !important;
}

.markdown-body thead {
    background-color: #ede7f6 !important;
    color: #5e35b1 !important;
}

details {
    background-color: #f3e5f5 !important; /* 淡淡的紫色便利贴 */
    border-left: 5px solid #9575cd !important;
    border-radius: 0 10px 10px 0 !important;
    margin-bottom: 15px !important;
    padding: 12px !important;
}

summary {
    color: #512da8 !important;
    font-weight: bold !important;
    list-style: none !important;
}

summary::before {
    content: '🕯️ ' !important; 
}

.MuiButtonBase-root.MuiButton-root {
    background: linear-gradient(135deg, #9575cd 0%, #673ab7 100%) !important;
    color: #fff !important;
    border-radius: 20px !important;
    box-shadow: 0 4px 6px rgba(103, 58, 183, 0.3) !important;
}