/* 
   📒 落魄少爷的同居手账本主题 (Sweet Ledger Style - Cohabitation Version)
   说明：
   1. 色调：薄荷绿 (#E0F2F1) + 樱花粉 (#FCE4EC) + 账本蓝 (#2196F3)，突出粉毛女仆的甜美与精打细算的生活感。
   2. 视觉：模拟手账本、记账APP的清新风格，带有圆角和阴影，适合日常向剧情。
*/

/* --- 核心修复 --- */
: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(#e8e8e8 1px, transparent 1px),
        linear-gradient(90deg, #e8e8e8 1px, transparent 1px) !important;
    background-size: 20px 20px !important;
    border: 1px solid #ddd !important;
    /* 顶部装饰条：粉蓝撞色，代表女仆与少爷 */
    border-top: 8px solid #F8BBD0 !important; 
    border-bottom: 4px solid #B2EBF2 !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.05) !important;
    position: relative;
}

/* 右上角标签 */
.bg-gray-100\/90.relative.inline-block::after {
    content: 'Sakura & Master';
    position: absolute;
    top: 10px;
    right: 15px;
    font-family: "Comic Sans MS", cursive;
    color: #F06292;
    font-size: 0.8em;
    transform: rotate(5deg);
}

/* --- 文本内容区域 --- */
.markdown-body {
    background-color: transparent !important;
    color: #555 !important;
    font-family: "PingFang SC", "Microsoft YaHei", sans-serif !important;
    line-height: 1.7 !important;
    font-size: 1em !important;
}

/* 标题：可爱圆润风 */
.markdown-body h1, .markdown-body h2, .markdown-body h3 {
    color: #EC407A !important; /* 樱花粉 */
    border-bottom: 2px dashed #F8BBD0 !important;
    margin-top: 1.5em !important;
    margin-bottom: 0.8em !important;
    font-weight: bold !important;
}

/* --- 表格美化 (记忆区 - 记账风格) --- */
.markdown-body table {
    width: 100% !important;
    border-collapse: collapse !important;
    margin: 15px 0 !important;
    font-size: 0.9em !important;
    border: 2px solid #F8BBD0 !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    background: #fff !important;
}

.markdown-body thead {
    background-color: #FCE4EC !important; /* 淡粉 */
    color: #D81B60 !important;
}

.markdown-body th {
    padding: 10px !important;
    text-align: center !important;
    border-bottom: 2px solid #F8BBD0 !important;
    font-weight: bold !important;
}

.markdown-body td {
    padding: 8px 10px !important;
    border-bottom: 1px solid #FCE4EC !important;
    color: #455A64 !important;
}

.markdown-body tr:last-child td {
    border-bottom: none !important;
}

.markdown-body tr:nth-child(even) {
    background-color: #FAFAFA !important;
}

/* --- 交互面板 (details)：便利贴风格 --- */
details {
    background-color: #FFF9C4 !important; /* 淡黄便利贴 */
    border: none !important;
    border-left: 5px solid #FBC02D !important;
    border-radius: 0 10px 10px 0 !important;
    margin-bottom: 15px !important;
    padding: 12px !important;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.1) !important;
}

summary {
    color: #F57F17 !important;
    font-weight: bold !important;
    cursor: pointer !important;
    padding: 5px !important;
    outline: none !important;
    list-style: none !important;
}

summary::-webkit-details-marker {
    display: none !important;
}

summary::before {
    content: '🌸 ' !important; 
    margin-right: 8px !important;
}

details[open] summary::before {
    content: '💌 ' !important; 
}

/* --- 强调数字 --- */
.markdown-body strong {
    color: #E53935 !important; /* 红字强调支出/金额 */
    background-color: rgba(255, 235, 238, 0.5);
    padding: 0 4px;
    border-radius: 4px;
}

/* --- 按钮 --- */
.MuiButtonBase-root.MuiButton-root {
    background: linear-gradient(135deg, #F48FB1 0%, #F06292 100%) !important;
    color: #fff !important;
    border-radius: 20px !important;
    font-weight: bold !important;
    box-shadow: 0 4px 6px rgba(240, 98, 146, 0.3) !important;
    border: none !important;
    transition: transform 0.2s !important;
}

.MuiButtonBase-root.MuiButton-root:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 8px rgba(240, 98, 146, 0.4) !important;
}