/* =========================================
   剧本【姐姐的秘密】专属状态栏 UI 样式
   风格：都市暗夜 / 暧昧微光 / 玻璃拟态
========================================= */

/* --- 1. 折叠面板基础外观 (状态栏容器) --- */
details {
    background: rgba(25, 25, 30, 0.7); /* 压抑的都市暗色，带有微透感 */
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(212, 138, 138, 0.25); /* 暧昧的暗红色边框 */
    border-radius: 10px;
    margin: 12px 0;
    padding: 12px 15px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4);
    color: #d1d1d1;
    transition: all 0.3s ease-in-out;
    font-size: 0.95em;
    line-height: 1.6;
}

/* 鼠标悬浮时的呼吸微光效果 */
details:hover {
    border-color: rgba(212, 138, 138, 0.6);
    box-shadow: 0 4px 20px rgba(212, 138, 138, 0.15);
    background: rgba(30, 30, 35, 0.85);
}

/* --- 2. 标题栏 (Summary) 样式 --- */
summary {
    cursor: pointer;
    font-weight: bold;
    color: #d48a8a; /* 核心暧昧红 */
    outline: none;
    list-style: none; /* 隐藏原生自带的小三角 */
    padding-bottom: 8px;
    margin-bottom: 8px;
    border-bottom: 1px dashed rgba(212, 138, 138, 0.3);
    display: flex;
    align-items: center;
    transition: color 0.3s ease;
}

/* 自定义展开/折叠的小图标 */
summary::-webkit-details-marker {
    display: none;
}
summary::before {
    content: "✦"; /* 使用精致的星芒符号代替粗糙的三角 */
    margin-right: 8px;
    font-size: 0.9em;
    color: #a65d5d;
    transition: transform 0.3s ease;
}
details[open] summary::before {
    transform: rotate(90deg);
    color: #d48a8a;
}
summary:hover {
    color: #e8a5a5;
    text-shadow: 0 0 8px rgba(212, 138, 138, 0.4);
}

/* --- 3. 记忆回廊 (表格) 样式 --- */
table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 10px;
    border-radius: 6px;
    overflow: hidden;
    font-size: 0.85em;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.05); /* 极细的外边框 */
}

th, td {
    padding: 10px;
    text-align: left;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

th {
    background: linear-gradient(135deg, rgba(212, 138, 138, 0.15), rgba(140, 115, 140, 0.1));
    color: #d48a8a;
    font-weight: normal;
    letter-spacing: 1px;
}

td {
    color: #b0b0b0;
}

tr:last-child td {
    border-bottom: none;
}
tr:nth-child(even) td {
    background: rgba(255, 255, 255, 0.02);
}
tr:hover td {
    background: rgba(212, 138, 138, 0.05);
}

/* --- 4. 对话文本染色 (对应提示词中的 span 标签) --- */
.male-speech {
    color: #8fa8d6; /* 弟弟的台词：冷峻偏蓝，代表理智与隐忍 */
    font-weight: 500;
}

.female-speech {
    color: #d99aa9; /* 姐姐的台词：柔和带红，代表温婉与情欲，并带有斜体增加柔弱感 */
    font-style: italic;
    font-weight: 500;
}

/* --- 5. 强调文本 (加粗部分) --- */
details strong {
    color: #e0e0e0;
    font-weight: 600;
    margin-right: 4px;
}