/* 基础容器 */
.narrative {
    font-family: 'Noto Serif SC', serif;
    font-size: 1.1rem;
    line-height: 1.9;
    text-indent: 2em;
    color: #4a3a2a;
    margin-bottom: 20px;
}

.dialogue {
    background: rgba(255, 250, 240, 0.6);
    border-left: 4px solid #d4af37;
    padding: 12px 20px;
    margin: 20px 0;
    font-style: italic;
    color: #2c3e50;
    border-radius: 0 8px 8px 0;
}

.highlight {
    color: #b33939;
    font-weight: bold;
    text-shadow: 0 0 2px rgba(179, 57, 57, 0.1);
}

/* 面板整体美化 */
.role-panel {
    background: linear-gradient(160deg, rgba(255, 248, 240, 0.95), rgba(245, 235, 225, 0.98));
    border: 1px solid rgba(212, 177, 106, 0.3);
    border-radius: 16px;
    padding: 16px;
    margin: 20px 0;
    color: #5a4a3a;
}

.detail-content {
    padding-left: 10px;
    border-left: 2px solid rgba(212, 177, 106, 0.2);
}

details summary {
    font-family: 'Ma Shan Zheng', cursive;
    color: #b38a5a;
    cursor: pointer;
    padding: 5px;
    font-size: 16px;
}

/* 手机端适配 */
@media (max-width: 600px) {
    .narrative { font-size: 1rem; }
    .role-panel { padding: 10px; }
}