/* 风月AI 内置CSS - 暖黄色背景版 */

body {
    background: #f5f0e6; /* 暖黄色/米白色背景 */
    font-family: 'Georgia', 'Times New Roman', serif;
    color: #2c2c2c;      /* 深灰色文字，与浅色背景搭配 */
    line-height: 1.7;
}

details {
    margin: 0.8rem 0;
    background: #ffffff; /* 折叠框白色背景 */
    border-radius: 6px;
    padding: 0.2rem 0.8rem 0.4rem 0.8rem;
    border: 1px solid #dcdcdc; /* 暖灰色边框 */
}

details summary {
    cursor: pointer;
    font-weight: 500;
    color: #333333;
    padding: 0.4rem 0;
    list-style: none;
}

details summary::before {
    content: "▶ ";
    font-size: 0.8rem;
    color: #8a6a50;
}

details[open] summary::before {
    content: "▼ ";
}

/* =================== 绝对修复 =================== */
/* 不依赖任何class，直接强制折叠框内所有底层标签的颜色 */
details p,
details li,
details ul,
details span,
details div,
details strong,
details em,
details b {
    color: #333333 !important;
}
/* 修正列表小圆点颜色 */
details ul li::marker {
    color: #333333 !important;
}
/* =============================================== */

.highlight {
    color: #b08a6a;
}

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

.options li {
    background: #ffffff;
    border: 1px solid #dcdcdc;
    padding: 0.6rem 1rem;
    margin-bottom: 0.5rem;
    border-radius: 6px;
    color: #333333;
}

.options li .num {
    font-weight: 600;
    color: #8a6a50;
    margin-right: 0.6rem;
}

.status-bar {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem 1.2rem;
    background: #ffffff;
    border: 1px solid #dcdcdc;
    padding: 0.6rem 1.2rem;
    border-radius: 6px;
    margin: 1.2rem 0;
    font-size: 0.92rem;
}

.status-bar strong {
    color: #333333;
}

.status-bar span {
    color: #666666;
}

.narration {
    font-size: 1.05rem;
    text-align: justify;
    margin-bottom: 1.8rem;
    color: #333333;
}

.narration .dialogue {
    color: #8a6a50;
}

.title {
    font-size: 1.4rem;
    border-bottom: 1px solid #dcdcdc;
    padding-bottom: 0.5rem;
    margin-bottom: 1.2rem;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}

.title small {
    font-size: 0.9rem;
    color: #888888;
}

.timestamp {
    color: #666666;
    font-size: 0.95rem;
    margin-bottom: 1.5rem;
    border-left: 3px solid #8a6a50;
    padding-left: 0.8rem;
}