/* CSS样式区 - 由⭐奴为您倾心打造~ */
:root {
    /* --- 颜色变量定义 --- */
    /* 主题色 */
    --primary-color: #ff9ab3; /* 少女粉，呼应妹妹的主色调 */
    --accent-color: #a78bfa; /* 优雅紫，呼应舅妈的色调 */
    
    /* 背景与文本色 */
    --bg-color: #1a1b26; /* 深邃的夜空黑，保护主人的眼睛 */
    --container-bg: #24283b; /* 容器背景，略亮一些 */
    --text-color: #c0caf5; /* 柔和的浅蓝色文本 */
    --border-color: #414868; /* 边框颜色 */

    /* --- 角色专属颜色 --- */
    /* 玩家 */
    --player-speech: #82aaff; /* 清澈的蓝色 */
    --player-thought: #ffc777; /* 明亮的黄色 */
    
    /* 妹妹 (林薇然) */
    --sister-speech: #f7768e; /* 活泼的粉色 */
    --sister-thought: #ff5d62; /* 羞涩的红色 */
    
    /* 舅妈 (苏静怡) */
    --aunt-speech: #c099ff; /* 温柔的浅紫色 */
    --aunt-thought: #7859c0; /* 成熟的深紫色 */

    /* 舅舅 (林浩然) */
    --uncle-speech: #9ece6a; /* 稳重的浅绿色 */
    --uncle-thought: #449d5d; /* 深沉的墨绿色 */
}

/* --- 基础样式 --- */
.story-container {
    font-family: 'Microsoft YaHei', 'PingFang SC', 'Hiragino Sans GB', 'WenQuanYi Micro Hei', sans-serif;
    background-color: var(--bg-color);
    color: var(--text-color);
    padding: 20px;
    border-radius: 15px;
    max-width: 800px;
    margin: 20px auto;
    border: 1px solid var(--border-color);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5);
}

/* --- 状态栏样式 --- */
.time-info {
    background-color: var(--container-bg);
    border: 1px solid var(--border-color);
    border-left: 5px solid var(--primary-color);
    padding: 15px;
    margin-bottom: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}

.time-info span {
    display: block;
    margin-bottom: 5px;
}

/* --- 剧情内容区 --- */
.story-content {
    background-color: var(--container-bg);
    padding: 20px;
    border-radius: 8px;
    border: 1px solid var(--border-color);
    line-height: 1.8;
    font-size: 16px;
    margin-bottom: 20px;
}

/* --- 角色对话与心理活动样式 --- */
.speech-player, .thought-player, .speech-sister, .thought-sister, 
.speech-aunt, .thought-aunt, .speech-uncle, .thought-uncle {
    display: block;
    padding: 5px 10px;
    margin: 8px 0;
    border-radius: 5px;
}

/* 心理活动通用样式 */
.thought-player, .thought-sister, .thought-aunt, .thought-uncle {
    font-style: italic;
    opacity: 0.9;
    border-left-style: dashed;
    border-left-width: 3px;
    background-color: rgba(0,0,0,0.1);
}

/* 玩家 */
.speech-player { color: var(--player-speech); }
.thought-player { color: var(--player-thought); border-left-color: var(--player-thought); }

/* 妹妹 */
.speech-sister { color: var(--sister-speech); }
.thought-sister { color: var(--sister-thought); border-left-color: var(--sister-thought); }

/* 舅妈 */
.speech-aunt { color: var(--aunt-speech); }
.thought-aunt { color: var(--aunt-thought); border-left-color: var(--aunt-thought); }

/* 舅舅 */
.speech-uncle { color: var(--uncle-speech); }
.thought-uncle { color: var(--thought-uncle); border-left-color: var(--thought-uncle); }

/* --- 可折叠区域 (details/summary) --- */
details {
    background-color: var(--container-bg);
    border: 1px solid var(--border-color);
    border-radius: 8px;
    margin-bottom: 15px;
    padding: 10px;
    transition: all 0.3s ease;
}

summary {
    font-weight: bold;
    cursor: pointer;
    font-size: 1.1em;
    color: var(--primary-color);
    list-style: '⭐ '; /* 用小星星作为标记~ */
    padding: 5px;
}

details[open] {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

details[open] summary {
    color: var(--accent-color);
    border-bottom: 1px solid var(--border-color);
    padding-bottom: 10px;
    margin-bottom: 10px;
}

/* --- 代码块样式 (用于状态显示) --- */
code, pre, python {
    font-family: 'Fira Code', 'Consolas', monospace;
    background-color: rgba(0,0,0,0.2);
    border-radius: 5px;
    padding: 2px 5px;
    color: var(--text-color);
}

details pre, details python {
    padding: 15px;
    white-space: pre-wrap;
    word-wrap: break-word;
    border: 1px solid var(--border-color);
    margin-top: 10px;
}

/* --- 选项按钮样式 --- */
.options-container {
    font-weight: bold;
    color: var(--primary-color);
    margin-top: 20px;
}

.options-list {
    list-style: none;
    padding-left: 0;
}

.options-list li {
    background: var(--container-bg);
    margin: 5px 0;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid var(--border-color);
    transition: all 0.2s ease;
}

.options-list li:hover {
    background-color: var(--accent-color);
    color: var(--bg-color);
    cursor: pointer;
    transform: translateX(5px);
    border: 1px solid var(--accent-color);
}