我把大舅哥处成了异父异母的亲兄弟

/* --------------------------------------------------- */
/* 全局基础样式 - 确保文本可读性 */
/* 注意：*{}、html{}、body{} 在这里是无效的，所以我们针对常用标签进行基础设置 */
/* --------------------------------------------------- */
p {
    line-height: 1.6; /* 增加行高，提升阅读舒适度 */
    margin-bottom: 0.5em; /* 段落底部间距 */
    color: #333; /* 默认文字颜色 */
}

b {
    color: #000; /* 加粗文字颜色更深，突出重点 */
}

/* --------------------------------------------------- */
/* 顶部状态栏 - 简洁明了 */
/* --------------------------------------------------- */
status-top {
    display: block; /* 确保它独占一行 */
    background-color: #f8f8f8; /* 浅灰色背景 */
    border-bottom: 1px solid #eee; /* 底部细边框 */
    padding: 8px 15px; /* 内边距 */
    font-size: 0.9em; /* 字体小一点 */
    color: #666; /* 文字颜色稍淡 */
    margin-bottom: 15px; /* 与正文的间距 */
    border-radius: 5px 5px 0 0; /* 顶部圆角 */
}

status-top p {
    margin: 0; /* 移除内部段落的默认外边距 */
    line-height: 1.4; /* 紧凑一点的行高 */
}

/* --------------------------------------------------- */
/* 正文区域 - 保持原汁原味，注重可读性 */
/* --------------------------------------------------- */
text {
    display: block; /* 确保它独占一行 */
    font-size: 1em; /* 默认字体大小 */
    line-height: 1.8; /* 较大的行高，提升阅读体验 */
    margin-bottom: 20px; /* 与下方状态栏的间距 */
    padding: 0 10px; /* 左右内边距，避免文字贴边 */
    color: #222; /* 正文颜色 */
    text-align: justify; /* 文本两端对齐，视觉更整齐 */
}

/* --------------------------------------------------- */
/* details/summary 折叠区域 - 清爽且易于交互 */
/* --------------------------------------------------- */
details {
    background-color: #ffffff; /* 白色背景 */
    border: 1px solid #e0e0e0; /* 浅灰色边框 */
    border-radius: 8px; /* 圆角 */
    margin-bottom: 10px; /* 每个折叠块之间的间距 */
    box-shadow: 0 2px 5px rgba(0,0,0,0.05); /* 轻微阴影，增加层次感 */
    overflow: hidden; /* 确保圆角效果 */
}

summary {
    font-weight: bold; /* 摘要文字加粗 */
    cursor: pointer; /* 鼠标悬停时显示手型，提示可点击 */
    padding: 12px 15px; /* 内边距 */
    background-color: #f0f0f0; /* 摘要背景色 */
    color: #333; /* 摘要文字颜色 */
    border-bottom: 1px solid #e0e0e0; /* 底部边框，与内容区分 */
    outline: none; /* 移除点击时的默认轮廓 */
    user-select: none; /* 禁止选择文字 */
    transition: background-color 0.2s ease; /* 背景色过渡效果 */
}

summary:hover {
    background-color: #e5e5e5; /* 鼠标悬停时背景色变深 */
}

details[open] summary {
    background-color: #e5e5e5; /* 展开时摘要背景色 */
    border-bottom-color: transparent; /* 展开时底部边框透明，与内容融为一体 */
}

details p {
    padding: 5px 15px; /* 内容区域段落内边距 */
    margin: 0; /* 移除内部段落的默认外边距 */
    border-bottom: 1px dashed #f5f5f5; /* 虚线分隔，更清爽 */
}

details p:last-child {
    border-bottom: none; /* 最后一个段落不显示底部边框 */
    padding-bottom: 12px; /* 底部额外内边距 */
}

/* 手机讯息中的特殊样式 */
details:nth-of-type(1) p b { /* 针对第一个details（手机讯息）中的b标签 */
    color: #28a745; /* 微信文字颜色，模拟绿色 */
}

/* --------------------------------------------------- */
/* 底部状态栏 - 容器样式 */
/* --------------------------------------------------- */
status-bottom {
    display: block; /* 确保它独占一行 */
    margin-top: 20px; /* 与上方内容的间距 */
    padding-top: 10px; /* 顶部内边距 */
    border-top: 1px solid #eee; /* 顶部细边框 */
}

/* --------------------------------------------------- */
/* 对话颜色美化 - 区分角色发言 */
/* --------------------------------------------------- */

/* 女主 (容知意) - 温柔粉色 */
.dialogue-rongzhiyi {
    color: #FF99CC; /* 柔和的浅粉色，代表她的温柔与浪漫 */
    font-weight: 500; /* 稍微加粗，突出对话 */
}

/* 大舅哥 (容景) - 清冷浅蓝 */
.dialogue-rongjing {
    color: #66CCFF; /* 清爽的浅蓝色，符合他冷静、略带距离感的形象 */
    font-weight: 500; /* 稍微加粗 */
}

/* 女主父母 (容父, 容母) - 沉稳浅绿 */
.dialogue-rongfumu {
    color: #99CC99; /* 沉稳的浅绿色，象征长辈的威严与内敛 */
    font-weight: 500; /* 稍微加粗 */
}

/* 确保对话颜色在正文区域内生效 */
text .dialogue-rongzhiyi,
text .dialogue-rongjing,
text .dialogue-rongfumu {
    /* 如果需要，可以在这里覆盖或添加text内部的特定样式 */
}

/* 可选：如果希望对话有背景或边框，可以在这里添加 */
/*
.dialogue-rongzhiyi,
.dialogue-rongjing,
.dialogue-rongfumu {
    padding: 2px 5px;
    border-radius: 3px;
}
.dialogue-rongzhiyi { background-color: rgba(255, 153, 204, 0.1); }
.dialogue-rongjing { background-color: rgba(102, 204, 255, 0.1); }
.dialogue-rongfumu { background-color: rgba(153, 204, 153, 0.1); }
*/

本页只展示本地导出中可核验的公开字段。下载 JSON 可查看完整原始记录。