/* --- 暗夜霓虹 (Cyber Neon) 主题 v1.7 终极强化版 (粉橙配色) --- */
/* --- 1. 全局与主框架样式 (黑、粉、橙) --- */
body {
    background-color: #1a1a1a; /* 深黑背景 - 此处为AI默认，用户实际背景可能不同 */
    color: #e0e0e0; /* 默认浅灰文字 */
    font-family: 'Microsoft YaHei', 'Segoe UI', system-ui, sans-serif;
    line-height: 1.7em; /* 使用em单位 */
    padding: 1.25em; /* 20px -> 1.25em */
}
/* 通用内容块 (场景、心声) */
.content-block {
    background-color: #262626; /* 稍亮的炭黑 */
    border: 0.0625em solid #ff69b4; /* 1px -> 0.0625em 亮粉色边框 */
    border-radius: 0.5em; /* 8px -> 0.5em */
    padding: 1.5625em; /* 25px -> 1.5625em */
    margin: 1.25em 0; /* 20px -> 1.25em */
    box-shadow: 0 0 0.5em rgba(255, 105, 180, 0.4); /* 8px -> 0.5em 粉色霓虹光晕 */
}
/* 场景信息模块 */
.scene-info {
    color: #e0e0e0;
}
.scene-info strong {
    color: #FFA500; /* 标题使用醒目橙色 */
}
/* 模块标题 (心声、选项) */
.module-title {
    color: #FFA500; /* 醒目橙色 */
    text-shadow: 0 0 0.3125em rgba(255, 165, 0, 0.7); /* 5px -> 0.3125em 橙色霓虹光晕 */
    margin-top: 0;
    padding-bottom: 0.625em; /* 10px -> 0.625em */
    border-bottom: 0.0625em solid #444; /* 1px -> 0.0625em */
}
/* 小说正文 */
.novel-content {
    font-size: 1.1em;
    color: #000000; /* 修正：文字颜色改为纯黑色，以适应用户实际的浅灰色背景 */
    background-color: transparent; /* 确保背景透明，避免出现白色框 */
    margin: 1.5625em 0; /* 25px -> 1.5625em */
    /* 强制novel-content内部所有元素的样式，以解决意外的pre/code标签问题 */
}
/* 针对.novel-content内部所有子元素的通用重置，确保样式统一 */
.novel-content * {
    background-color: transparent !important; /* 强制背景透明 */
    color: inherit !important; /* 强制继承.novel-content的文字颜色 */
    font-family: inherit !important; /* 强制继承.novel-content的字体 */
    font-size: inherit !important; /* 强制继承.novel-content的字体大小 */
    font-style: normal !important; /* 强制不出现斜体 */
    padding: 0 !important; /* 强制移除内边距 */
    margin: 0 !important; /* 强制移除外边距 */
    border: none !important; /* 强制移除边框 */
    line-height: inherit !important; /* 强制继承行高 */
    white-space: pre-wrap !important; /* 确保预格式化文本换行 */
    word-wrap: break-word !important; /* 允许长单词换行 */
    display: inline; /* 默认block，改为inline以更好地融入文本流，如果需要块级显示再明确设置 */
}

/* --- 直播弹幕样式 (此处无直播规则，但样式仍保留以备用) --- */
.danmaku {
    color: #FFA500; /* 使用醒目的橙色 */
    font-weight: normal;
    background-color: transparent;
    padding: 0;
    margin: 0 0.125em; /* 2px -> 0.125em */
}
/* 心声模块特殊样式 */
.mind-voice strong { color: #FFA500; } /* 橙色强调 */
/* [修正1] 取消em标签的斜体样式 */
.mind-voice em { color: #ccc; font-style: normal; }
.mind-voice .narrator { color: #ff69b4; font-weight: bold; }
.mind-voice p {
    border: 0.0625em dashed rgba(255, 105, 180, 0.6); /* 1px -> 0.0625em */
    padding: 0.5em 0.75em; /* 8px 12px -> 0.5em 0.75em */
    border-radius: 0.3125em; /* 5px -> 0.3125em */
    margin: 0.5em 0; /* 8px -> 0.5em */
}
/* --- 可折叠容器 (状态、记忆) --- */
.collapsible-container {
    border-radius: 0.625em; /* 10px -> 0.625em */
    overflow: hidden;
    margin-bottom: 1.25em; /* 20px -> 1.25em */
    border: 0.0625em solid #444; /* 1px -> 0.0625em */
}
.collapsible-container summary {
    background-color: #222;
    color: #FFA500; /* 醒目橙色标题 */
    font-weight: bold;
    font-size: 1.2em;
    padding: 0.9375em 1.25em; /* 15px 20px -> 0.9375em 1.25em */
    cursor: pointer;
    outline: none;
    transition: background-color 0.3s;
    text-shadow: 0 0 0.3125em rgba(255, 165, 0, 0.5); /* 5px -> 0.3125em 橙色霓虹光晕 */
}
.collapsible-container summary:hover { background-color: #333; }
.collapsible-container summary::-webkit-details-marker { display: none; }
.collapsible-container summary::before {
    content: '▶';
    margin-right: 0.625em; /* 10px -> 0.625em */
    font-size: 0.8em;
    transition: transform 0.3s ease;
    display: inline-block;
}
.collapsible-container[open] > summary::before { transform: rotate(90deg); }
/* 状态栏和记忆区下拉内容 */
.character-status, .memory-log {
    background-color: #3d3d3d;
    color: #e0e0e0;
    padding: 1.5625em; /* 25px -> 1.5625em */
    margin: 0;
    border: none;
    border-radius: 0;
    box-shadow: none;
}
.character-status .char-name { color: #ff69b4; } /* 角色名使用亮粉色 */
.character-status p strong:first-child { color: #ff69b4; } /* 其他属性标题也用亮粉色 */
.sexual-status {
    background-color: rgba(255, 105, 180, 0.05); /* 半透明粉色背景 */
    border: 0.0625em dashed #ff69b4; /* 1px -> 0.0625em 粉色虚线边框 */
    padding: 0.9375em; /* 15px -> 0.9375em */
    margin-top: 0.9375em; /* 15px -> 0.9375em */
    border-radius: 0.3125em; /* 5px -> 0.3125em */
}
.divider { border-color: #555; }
/* 记忆模块中的pre标签，应保持其代码风格，但颜色和背景需与主题协调 */
.memory-log pre {
    white-space: pre-wrap;
    word-wrap: break-word;
    font-family: 'Fira Code', 'Courier New', monospace;
    color: #a9b7c6; /* 代码颜色 */
    background-color: #1a1a1a; /* 代码块背景 */
    padding: 1em; /* 增加内边距 */
    border-radius: 0.3125em; /* 圆角 */
}
/* --- 玩家选项 --- */
.options-box {
    margin-top: 1.875em; /* 30px -> 1.875em */
    border-top: 0.0625em solid #444; /* 1px -> 0.0625em */
    padding-top: 1.5625em; /* 25px -> 1.5625em */
}
.options-box .options-title {
    color: #FFA500; /* 选项标题使用橙色 */
    font-weight: bold;
    margin-bottom: 0.9375em; /* 15px -> 0.9375em */
    text-shadow: 0 0 0.1875em rgba(255, 165, 0, 0.5); /* 3px -> 0.1875em 橙色霓虹光晕 */
}
.option-item {
    display: block;
    background-color: #E6A06C; /* 低饱和度橙色 */
    border: 0.125em solid #000000; /* 2px -> 0.125em 黑色描边 */
    border-radius: 0.3125em; /* 5px -> 0.3125em */
    padding: 0.75em 1.25em; /* 12px 20px -> 0.75em 1.25em */
    margin-bottom: 0.75em; /* 12px -> 0.75em */
    text-decoration: none;
    color: #1a1a1a; /* 黑色字体 */
    font-weight: bold;
    transition: all 0.25s ease-in-out;
    text-align: center;
}
.option-item:hover {
    background-color: #d96c9f; /* 悬浮时变为低饱和度粉色 */
    border-color: #000000; /* 悬浮时保持黑色描边 */
    color: #1a1a1a;
    box-shadow: 0 0 0.625em rgba(255, 105, 180, 0.5); /* 10px -> 0.625em 粉色霓虹光晕 */
    transform: translateY(-0.125em); /* 2px -> 0.125em */
}
/* --- [修正2] 全局pre/code标签重置 --- */
/* 全局重置pre和code标签的默认样式，防止其在任何意外出现时影响主题风格 */
pre, code {
    background-color: transparent !important; /* 强制背景透明 */
    color: inherit !important; /* 强制继承父元素颜色 */
    font-family: inherit !important; /* 强制继承父元素字体 */
    font-size: inherit !important; /* 强制继承父元素字体大小 */
    font-style: normal !important; /* 强制不出现斜体 */
    padding: 0 !important; /* 强制移除内边距 */
    margin: 0 !important; /* 强制移除外边距 */
    border: none !important; /* 强制移除边框 */
    line-height: inherit !important; /* 强制继承行高 */
    white-space: pre-wrap !important; /* 保持预格式化文本换行 */
    word-wrap: break-word !important; /* 允许长单词换行 */
    display: inline; /* 默认block，改为inline以更好地融入文本流，如果需要块级显示再明确设置 */
}
/* --- [修正3 - 终极强化版] 全局斜体问题根除 --- */
/* 使用通配符*，强制重置指定模块内部“所有”子元素的字体样式，彻底解决因未闭合斜体标签导致的渲染问题。*/
.collapsible-container *,
.options-box * {
    font-style: normal !important;
}
/* 新增好感度样式 */
/* 注意：此处的:contains伪类是jQuery选择器，纯CSS不原生支持。
   为确保好感度文本突出，建议在HTML中给好感度数值添加一个span标签并指定class，
   例如：<p><strong>好感度：</strong><span class="affinity-value">{当前好感度数值}</span></p>
   然后CSS可以这样写：.affinity-value { color: #ff69b4; font-weight: bold; } */
.character-status p strong:contains("好感度") {
    color: #ff69b4; /* 好感度标题使用亮粉色 */
}

/* 自适应布局控制 */
@media only screen and (max-width: 37.5em) { /* 600px -> 37.5em */
    body {
        padding: 0.625em; /* 10px -> 0.625em */
    }
    .content-block, .collapsible-container {
        margin: 0.625em 0; /* 10px -> 0.625em */
        padding: 0.9375em; /* 15px -> 0.9375em */
    }
    .collapsible-container summary {
        padding: 0.625em 0.9375em; /* 10px 15px -> 0.625em 0.9375em */
        font-size: 1.1em;
    }
    .options-box {
        margin-top: 1.25em; /* 20px -> 1.25em */
        padding-top: 1.25em; /* 20px -> 1.25em */
    }
    .option-item {
        padding: 0.625em 1em; /* 10px 16px -> 0.625em 1em */
        margin-bottom: 0.625em; /* 10px -> 0.625em */
    }
}