/* 基础容器与排版 */
.story-container {
    font-family: 'PingFang SC', 'Helvetica Neue', 'Microsoft YaHei', sans-serif;
    letter-spacing: 1.5px;
    line-height: 2.0;
    color: #2c3e50;
    padding: 10px;
    max-width: 800px;
    margin: 0 auto;
}

/* 剧情正文区 */
.story-content {
    background: transparent;
    border-radius: 16px;
    padding: 30px;
    margin-bottom: 24px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.03);
    font-family: 'Noto Sans SC', 'Source Han Sans CN', sans-serif;
    font-size: 16px;
    line-height: 1.6; /* 降低正文内部的行高，使阅读更紧凑 */
}

/* 解决正文段落空隙太大的核心代码 */
.story-content br {
    display: block;
    content: "";
    margin-bottom: 10px; /* 精确控制段落间的空隙大小 */
}

/* 文本颜色规范 */
.dialogue-main { color: #D45D8A; }
.thought-main { color: #2563eb; }
.dialogue-npc { color: #000000; font-weight: bold;}
.label-pink { color: #C71585;font-weight: bold;}

/* 折叠面板 (Details) 通用样式 */
.panel {
    border-radius: 16px;
    padding: 16px 24px;
    margin-bottom: 16px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.03);
    cursor: pointer;
    border: none;
}
.panel-summary {
    font-weight: bold;
    outline: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
/* 隐藏原生箭头 */
.panel-summary::-webkit-details-marker { display: none; }
.panel-content {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid rgba(255,255,255,0.5);
    font-size: 0.95em;
}

/* 面板 1：当前情况 (蓝色主题) */
.panel-blue { background: linear-gradient(135deg, #e0f2fe 0%, #bae6fd 100%); margin-bottom: 24px; padding: 18px 24px; }
.panel-blue .panel-summary { color: #0369a1; font-size: 1.15em; }
.panel-blue .icon-toggle { color: #7dd3fc; font-size: 0.9em; }

/* 面板 2：状态栏 (绿色主题) */
.panel-green { background: linear-gradient(135deg, #dcfce7 0%, #bbf7d0 100%); }
.panel-green .panel-summary { color: #166534; }
.panel-green .icon-toggle { color: #86efac; font-size: 0.9em; }

/* 面板 3：记忆区 (黄色主题) */
.panel-yellow { background: linear-gradient(135deg, #fef08a 0%, #fde047 100%); }
.panel-yellow .panel-summary { color: #854d0e; }
.panel-yellow .icon-toggle { color: #fde047; font-size: 0.9em; }

/* 面板 4：剧情选项 (靛青主题) */
.panel-indigo { background: linear-gradient(135deg, #e0e7ff 0%, #c7d2fe 100%); }
.panel-indigo .panel-summary { color: #3730a3; }
.panel-indigo .icon-toggle { color: #a5b4fc; font-size: 0.9em; }
.options-content { line-height: 1.8; }