/* 对话颜色样式 */
.user-dialogue {
    color: #00008B; /* 深蓝色 */
}

.luoning-dialogue {
    color: #FF1493; /* 深粉色 */
}

.other-female-dialogue {
    color: #FFA500; /* 浅橙色 */
}

.male-dialogue {
    color: #ADD8E6; /* 浅蓝色 */
}

/* 状态栏折叠区域样式 */
details {
    background-color: #2c2c2c; /* 深色背景，与网站主题色调协调 */
    color: #f0f0f0; /* 文字颜色 */
    border: 1px solid #444; /* 边框 */
    border-radius: 8px; /* 圆角 */
    margin-top: 20px; /* 与上方内容间距 */
    padding: 10px 15px; /* 内边距 */
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; /* 字体 */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); /* 阴影效果 */
}

summary {
    font-size: 1.2em; /* 标题字体大小 */
    font-weight: bold; /* 标题加粗 */
    color: #90EE90; /* 标题颜色，清新一点 */
    cursor: pointer; /* 鼠标悬停显示手型 */
    padding: 5px 0; /* 内边距 */
    outline: none; /* 移除点击时的轮廓 */
    user-select: none; /* 禁止选择文字 */
    transition: color 0.3s ease; /* 颜色过渡效果 */
}

summary:hover {
    color: #ADFF2F; /* 鼠标悬停时标题颜色变亮 */
}

details p, details h2, details h3 {
    margin: 8px 0; /* 状态栏内部段落和标题间距 */
    line-height: 1.6; /* 行高 */
    color: #e0e0e0; /* 状态栏内部文字颜色 */
}

details h2 {
    color: #FFFFE0; /* 次级标题颜色 */
    border-bottom: 1px solid #555; /* 下划线 */
    padding-bottom: 5px; /* 下划线与文字间距 */
    margin-top: 15px; /* 标题上方间距 */
}

details h3 {
    color: #B0E0E6; /* 三级标题颜色 */
    margin-top: 10px;
}

details b {
    color: #ADD8E6; /* 粗体文字颜色 */
}

/* 确保正文的<text>标签内部的<p>标签有默认样式，防止被details的样式覆盖 */
text p {
    margin: 1em 0; /* 默认段落间距 */
    line-height: 1.8; /* 默认行高 */
    color: #d0d0d0; /* 默认文字颜色 */
    font-family: 'Noto Sans SC', sans-serif; /* 确保中文字体显示 */
}

/* 针对主提示词中设定的对话颜色，使用内联样式，所以CSS中不需要额外定义 */
/* 但为了避免污染，这里不写p和div的通用样式 */