/* =========================================
   1. 核心隐藏与正文基础排版
========================================= */
/* 绝对隐藏AI的思维链 */
think {
    display: none !important;
}

/* 正文基础设定 */
text {
    display: block;
    line-height: 1.8;
    color: #e0d6c8; /* 古典羊皮纸字色 */
    font-size: 16px;
    letter-spacing: 0.5px;
    margin-bottom: 15px;
}

/* 限定正文内部的段落，避免污染全局 */
text p {
    margin: 10px 0;
    text-indent: 2em; /* 首行缩进，更有小说感 */
}

/* =========================================
   2. 顶部状态栏 (古典木牌风)
========================================= */
.top-status {
    background: linear-gradient(135deg, #2b2118 0%, #17110c 100%);
    border-top: 2px solid #8b6b4a;
    border-bottom: 2px solid #8b6b4a;
    color: #d4c4b7;
    padding: 10px 15px;
    margin: 10px 0 20px 0;
    font-size: 14px;
    text-align: center;
    box-shadow: 0 4px 10px rgba(0,0,0,0.6);
}

.top-status b {
    color: #c7a87d; /* 暗金强调色 */
}

/* =========================================
   高能直播弹幕系统 CSS 样式 (AI风月专属)
   ========================================= */

/* 弹幕外层容器：半透明黑底+毛玻璃，避免和正文混淆 */
.danmaku-inline {
    background: rgba(0, 0, 0, 0.65); /* 半透明深色背景 */
    backdrop-filter: blur(4px); /* 赛博感毛玻璃效果 (部分浏览器支持) */
    -webkit-backdrop-filter: blur(4px);
    border: 1px solid rgba(255, 255, 255, 0.1); /* 极细的高光边框 */
    border-radius: 20px; /* 圆润的胶囊形状 */
    padding: 6px 14px;
    margin: 10px 0; /* 和上下正文拉开距离 */
    display: inline-block;
    max-width: 95%; /* 移动端防爆框神器 */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3); /* 浮雕阴影 */
    animation: danmaku-slide-in 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; /* 丝滑入场动画 */
    transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

/* 玩家互动：鼠标悬停时的小动效（网页端体验极佳） */
.danmaku-inline:hover {
    transform: translateY(-2px) scale(1.02);
    background: rgba(0, 0, 0, 0.8);
    box-shadow: 0 6px 12px rgba(255, 255, 255, 0.15);
}

/* 弹幕文字通用底座：加粗、无衬线字体 */
.danmaku-inline span {
    font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0.5px;
    word-wrap: break-word; /* 保证长弹幕自动换行 */
}

/* --- 下面是五大党派的专属霓虹配色 --- */

/* 1. 【指导党】(青绿) - 护眼且醒目 */
.danmaku-c1 {
    color: #00fa9a;
    text-shadow: 0 0 6px rgba(0, 250, 154, 0.5);
}

/* 2. 【色情党】(骚粉) - 氛围组担当，极致发情 */
.danmaku-c2 {
    color: #ff69b4;
    text-shadow: 0 0 6px rgba(255, 105, 180, 0.6);
}

/* 3. 【数据党】(亮金) - 高级感拉满 */
.danmaku-c3 {
    color: #ffd700;
    text-shadow: 0 0 6px rgba(255, 215, 0, 0.5);
}

/* 4. 【乐子人】(猩红) - 极具攻击性与煽动性 */
.danmaku-c4 {
    color: #ff4500;
    text-shadow: 0 0 6px rgba(255, 69, 0, 0.6);
}

/* 5. 【剧透党】(魅紫) - 神秘的谜语人色彩 */
.danmaku-c5 {
    color: #da70d6;
    text-shadow: 0 0 6px rgba(218, 112, 214, 0.6);
}

/* --- 核心动画引擎 --- */
/* 从右侧略微滑入并淡入，模拟真实弹幕飘过的一瞬间 */
@keyframes danmaku-slide-in {
    0% {
        opacity: 0;
        transform: translateX(15px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

/* =========================================
   4. 折叠面板通用样式 (Details & Summary)
========================================= */
details {
    background: #1a1613; /* 极暗的暖色底 */
    border: 1px solid #4a3b32;
    border-radius: 6px;
    padding: 10px 15px;
    margin-bottom: 15px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.5);
    transition: all 0.3s ease;
}

details[open] {
    border-color: #8b6b4a;
    box-shadow: 0 0 10px rgba(139, 107, 74, 0.2);
}

summary {
    font-weight: bold;
    font-size: 16px;
    color: #d8b888;
    cursor: pointer;
    outline: none;
    padding: 5px 0;
    border-bottom: 1px dashed #4a3b32;
    list-style: none; /* 隐藏默认箭头部分浏览器适用 */
}

summary::-webkit-details-marker {
    display: none; /* 隐藏默认箭头 Webkit */
}

summary:hover {
    color: #fff0d4;
    text-shadow: 0 0 5px rgba(216,184,136,0.5);
}

/* 面板内部文字 */
details p {
    font-size: 14px;
    color: #c2b5a3;
    line-height: 1.6;
    margin: 8px 0;
}

/* 分割线 */
details hr {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(139,107,74,0), rgba(139,107,74,0.6), rgba(139,107,74,0));
    margin: 12px 0;
}

/* =========================================
   5. 命运的抉择 (选项按钮交互)
========================================= */
.action-options {
    background: #14110e;
    border: 1px solid #3d2f26;
    border-radius: 8px;
    padding: 15px;
    margin-bottom: 20px;
}

.action-options p:first-child {
    text-align: center;
    color: #c7a87d;
    font-size: 16px;
    margin-top: 0;
    margin-bottom: 10px;
    border-bottom: 1px solid #3d2f26;
    padding-bottom: 8px;
}

/* 选项按钮化 */
.action-options p:not(:first-child) {
    background: linear-gradient(to right, #241d18, #1a1511);
    border: 1px solid #4a3b32;
    color: #e0d6c8;
    padding: 10px 15px;
    margin: 8px 0;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
    transition: all 0.2s ease;
}

.action-options p:not(:first-child):hover {
    background: linear-gradient(to right, #362a22, #241d18);
    border-color: #8b6b4a;
    color: #fff;
    transform: translateX(5px); /* 悬停时微微向右浮动，增加互动感 */
}

/* =========================================
   6. 记忆中枢 (卷宗排版)
========================================= */
memory h3 {
    color: #a67c52;
    font-size: 15px;
    margin: 15px 0 5px 0;
    border-left: 3px solid #a67c52;
    padding-left: 8px;
}

long_term, short_term {
    display: block;
    background: rgba(0, 0, 0, 0.2);
    padding: 10px;
    border-radius: 4px;
    border: 1px dashed #4a3b32;
}

short_term p {
    font-size: 13px;
    color: #a3978a;
    margin: 4px 0;
    padding-left: 10px;
    position: relative;
}

short_term p::before {
    content: "•";
    position: absolute;
    left: 0;
    color: #8b6b4a;
}

/* =========================================
   7. 角色颜色识别系统 (高亮标签)
========================================= */
/* 苟全：底层、淫邪 (暗浊紫/枯黄色) */
u-s { color: #a58b6c; font-weight: bold; } /* 枯黄对话 */
u-a { color: #8e6273; font-style: italic; } /* 暗紫动作 */

/* 林子轩：表面光鲜、绿帽 (亮金色/幽绿色) */
n-s { color: #d4b872; font-weight: bold; } /* 亮金对话 */
n-a { color: #6b8e73; font-style: italic; text-shadow: 0 0 2px rgba(107,142,115,0.5); } /* 幽绿动作(暗示绿帽) */

/* 沈清秋：高冷、情欲 (冰蓝色/绯红色) */
e-s { color: #8cb4c7; font-weight: bold; } /* 冰蓝对话(表面高冷) */
e-a { color: #c46262; font-style: italic; text-shadow: 0 0 3px rgba(196,98,98,0.4); } /* 绯红动作(肉体情欲) */