/* 风月内置CSS - 醉花楼·暗夜权谋 */

.story-container {
    background: #f5e6d3;
    background-image: repeating-linear-gradient(0deg, transparent, transparent 28px, rgba(180,140,100,0.06) 28px, rgba(180,140,100,0.06) 29px);
    border: 1px solid #c4a882;
    border-radius: 4px;
    padding: 24px 18px;
    color: #3a2a1a;
    font-family: "Noto Serif SC", serif;
    line-height: 1.9;
    box-shadow: 0 2px 12px rgba(0,0,0,0.3);
}

.meta-header {
    text-align: center;
    color: #b8942e;
    font-size: 0.85em;
    letter-spacing: 0.12em;
    font-weight: 600;
    border-bottom: 1px solid #c4a882;
    padding-bottom: 10px;
    margin-bottom: 16px;
}

.story-container p { text-indent: 2em; margin: 6px 0; font-size: 0.92em; }

.bubble-owner {
    display: block; background: #f0e6d8; border: 1px solid #b8942e;
    border-radius: 8px 8px 8px 2px; padding: 10px 14px; margin: 8px 0;
    max-width: 85%; font-size: 0.88em;
}
.bubble-owner::before { content: "东家"; display: block; font-weight: 700; font-size: 0.75em; color: #b8942e; margin-bottom: 4px; }

.bubble-girl {
    display: block; background: #fdf0f0; border: 1px solid #d4a0a0;
    border-radius: 8px 8px 2px 8px; padding: 10px 14px; margin: 8px 0 8px auto;
    max-width: 85%; font-size: 0.88em;
}
.bubble-girl::before { content: "姑娘"; display: block; font-weight: 700; font-size: 0.75em; color: #c07080; margin-bottom: 4px; }

.bubble-guest {
    display: block; background: #f0f4f0; border: 1px solid #8a9a8a;
    border-radius: 8px 8px 2px 8px; padding: 10px 14px; margin: 8px 0 8px auto;
    max-width: 85%; font-size: 0.88em;
}
.bubble-guest::before { content: "恩客"; display: block; font-weight: 700; font-size: 0.75em; color: #5a7a5a; margin-bottom: 4px; }

.inner-thought {
    display: block; background: rgba(180,140,100,0.06); border-left: 3px solid #b8942e;
    padding: 6px 10px; margin: 6px 0; font-style: italic; color: #8a7a6a; font-size: 0.82em;
}

.ntr-pain {
    display: block; background: rgba(180,60,60,0.05); border-left: 3px solid #8b1a2b;
    padding: 4px 8px; margin: 6px 0; color: #8b1a2b; font-weight: 600; font-size: 0.8em;
}

.conquer-thrill {
    display: block; background: rgba(60,140,80,0.05); border-left: 3px solid #3a6a4a;
    padding: 4px 8px; margin: 6px 0; color: #3a6a4a; font-weight: 600; font-size: 0.8em;
}

.panel-group { border-top: 1px solid #c4a882; margin-top: 16px; padding-top: 12px; }
details.panel { background: #faf0e2; border: 1px solid #d4c4a8; border-radius: 3px; margin-bottom: 6px; }
details.panel summary { padding: 6px 10px; font-weight: 700; font-size: 0.78em; color: #b8942e; background: rgba(180,140,100,0.04); cursor: pointer; list-style: none; }
details.panel .panel-content { padding: 8px 12px; font-size: 0.76em; color: #5a4a3a; line-height: 1.6; }

.lou-shi { text-align: center; font-style: italic; color: #b8942e; font-size: 0.8em; border-top: 1px dashed #c4a882; padding-top: 10px; margin-top: 14px; }

.action-options { background: rgba(180,140,100,0.04); border: 1px solid #c4a882; border-radius: 3px; padding: 10px 12px; margin-top: 14px; }
.action-options .action-title { text-align: center; font-weight: 700; color: #b8942e; font-size: 0.8em; margin-bottom: 6px; }
.action-item { display: block; background: #faf0e2; border: 1px solid #d4c4a8; border-radius: 3px; padding: 5px 8px; margin: 3px 0; font-size: 0.8em; color: #3a2a1a; }

.scene-divider { text-align: center; margin: 12px 0; color: #c4a882; font-size: 0.6em; letter-spacing: 0.2em; }