/* --- 斗破苍穹·主题美化 v4.0 (古卷丹焰·最终版) by 凌 --- */
/* --- 设计理念重置：回归用户体验，以浅色舒适阅读为最高优先级 --- */
/* --- 根容器与全局设定 --- */
.xuanhuo-scroll-theme {
    /* --- 核心色板：在秦时模板基础上，注入斗破的强调色 --- */
    --primary-bg: #fff5f7;      /* 古卷米白 (沿用) */
    --secondary-bg: #ffe8ed;    /* 旧卷褐 (沿用) */
    --border-color: rgba(255, 158, 181, 0.35);    /* 边框灰褐 (沿用) */
    --text-color: #5a4a52;      /* 墨迹深灰 (沿用) */
    --title-color: #5a4a52;     /* 标题重墨 (沿用) */
    --accent-color: #ff9eb5;    /* **风格注入: 丹焰赤** (原: 朱印褐红) */
    --accent-hover: #ff7a9a;    /* **风格注入: 丹焰赤(悬浮)** */
    --blue-dialogue: #ff8fb5;    /* 蓝调对话 (沿用) */
    --red-thought: #ff8fa3;      /* 红调思绪 (沿用) */
    color: var(--text-color);
    background-color: var(--primary-bg);
    /* 沿用优秀的宣纸背景纹理 */
    background-image: 
        url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="4" height="4" viewBox="0 0 4 4"%3E%3Cpath fill="%23ff9eb5" fill-opacity="0.15" d="M1 3h1v1H1V3zm2-2h1v1H3V1z"%3E%3C/path%3E%3C/svg%3E');
    padding: 20px;
    border-radius: 8px;
    border: 1px solid var(--border-color);
}
/* --- 卡片/卷轴 (details & summary) --- */
.xuanhuo-scroll-theme details {
    background: var(--primary-bg);
    border: 1px solid var(--border-color);
    border-radius: 6px;
    margin-bottom: 15px;
    transition: all 0.3s ease-in-out;
    overflow: hidden;
    box-shadow: 0 2px 16px rgba(255, 158, 181, 0.12);
}
.xuanhuo-scroll-theme details[open] {
    box-shadow: 0 4px 24px rgba(255, 158, 181, 0.18);
    border-color: var(--accent-color);
}
.xuanhuo-scroll-theme summary {
    font-size: 1.35em; 
    color: var(--title-color);
    padding: 15px 20px;
    cursor: pointer;
    list-style: none;
    position: relative;
    transition: background-color 0.3s ease;
    border-bottom: 1px solid transparent;
}
.xuanhuo-scroll-theme details[open] summary {
    border-bottom-color: var(--border-color);
}
.xuanhuo-scroll-theme summary:hover {
    background-color: rgba(255, 158, 181, 0.06);
}
.xuanhuo-scroll-theme summary::after {
    content: '▼';
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1em;
    color: var(--accent-color);
    transition: transform 0.3s ease;
}
.xuanhuo-scroll-theme details[open] summary::after {
    transform: translateY(-50%) rotate(180deg);
}
.xuanhuo-scroll-theme details > *:not(summary) {
    padding: 15px 20px;
}
/* --- 核心叙事文本 (div.text, p, span) --- */
.xuanhuo-scroll-theme div.text {
    background-color: var(--primary-bg);
    border-radius: 6px;
    padding: 5px;
    margin: 15px 0;
    border: 1px solid var(--border-color);
}
.xuanhuo-scroll-theme div.text p {
    font-size: 1.1em;
    line-height: 1.9;
    text-align: justify;
    margin-bottom: 1.1em;
    padding: 0 10px;
}
/* --- 文本强调 (strong, 符号美化) --- */
.xuanhuo-scroll-theme strong {
    color: var(--accent-color);
    font-weight: normal; 
}
/* --- 对话与内心独白 --- */
.xuanhuo-scroll-theme span[style*="color:blue"], 
.xuanhuo-scroll-theme span[style*="color:#4a6a8a"] {
    color: var(--blue-dialogue) !important;
}
.xuanhuo-scroll-theme span[style*="color:red"],
.xuanhuo-scroll-theme span[style*="color:#a15353"] {
    color: var(--red-thought) !important;
    font-style: italic;
}
/* --- 记忆回廊表格 (table) --- */
.xuanhuo-scroll-theme table {
    width: 100%;
    border-collapse: collapse;
    margin: 15px 0;
    font-size: 0.9em;
}
.xuanhuo-scroll-theme th, .xuanhuo-scroll-theme td {
    border: 1px solid var(--border-color);
    padding: 10px 12px;
    text-align: left;
}
.xuanhuo-scroll-theme th {
    background-color: rgba(255, 158, 181, 0.06);
    color: var(--title-color);
}
.xuanhuo-scroll-theme tbody tr:nth-of-type(odd) {
    background-color: rgba(255, 158, 181, 0.03);
}
/* --- 分隔线与选项 --- */
.xuanhuo-scroll-theme hr {
    border: none;
    height: 1px;
    background: linear-gradient(to right, transparent, var(--border-color), transparent);
    margin: 20px 0;
}
.xuanhuo-scroll-theme p:last-child:has(br) {
    background: var(--secondary-bg);
    padding: 15px;
    border-radius: 8px;
    border-top: 1px solid var(--border-color);
    margin-top: 15px;
}
/* --- 响应式设计 (竖屏优化) --- */
@media (max-width: 768px) {
    .xuanhuo-scroll-theme {
        padding: 10px;
    }
    .xuanhuo-scroll-theme details > *:not(summary),
    .xuanhuo-scroll-theme summary {
        padding-left: 15px;
        padding-right: 15px;
    }
    .xuanhuo-scroll-theme div.text {
        padding: 0;
    }
    .xuanhuo-scroll-theme div.text p {
        padding: 0 5px;
        font-size: 1.05em;
    }
}
button, .btn, [type="button"], [type="submit"], .opt {
    background: linear-gradient(45deg, #FDFBF5, #F5F1E8) !important; 
    color: #000000 !important; 
    font-family: '黑体', serif;
    font-weight: bold;
    border: 2px solid #FFC0CB;
    border-radius: 4px;
    cursor: button; /* 注：原生应为 cursor: pointer; 但这里保留您的原始代码 */
    padding: 8px 16px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    transition: box-shadow 0.2s ease, transform 0.2s ease;
    position: relative;
    overflow: hidden;
}

button:hover, .btn:hover, [type="button"]:hover, [type="submit"]:hover, .opt:hover {
    box-shadow: 0 4px 8px rgba(0,0,0,0.15);
    transform: translateY(-2px);
}

.flex-wrap.gap-2 button {
    background-color: #FFDFE5 !important; 
    color: #000000 !important; 
    border: 2px solid #FFC1CC !important; 
    border-radius: 8px !important;
    padding: 4px 10px !important; 
    font-family: "ZCOOL XiaoWei", "SimSun", serif !important;
    font-size: 0.9em !important; 
    font-weight: bold !important;
    box-shadow: 0 0.2em 0.3em rgba(255, 193, 204, 0.3) !important;
    margin: 0.2em !important; 
    transition: all 0.2s ease-in-out;
}