/* --- 0. 基础共享结构 (所有人都长这样) --- */
text say, text s1, text s2, text s3, text s4 {
    display: block !important;
    position: relative !important;
    background-color: #fff !important;      /* 统一白底，干净 */
    border-radius: 12px !important;
    border-top-left-radius: 2px !important;
    padding: 10px 16px !important;
    margin: 12px 0 12px 10px !important;
    font-weight: bold !important;
    font-size: 1.05em !important;
    color: #444 !important;
    border-width: 2px !important;           /* 边框厚度 */
    border-style: solid !important;
}

/* --- 0.1 基础小尾巴形状 (不用动) --- */
text say::before, text s1::before, text s2::before, text s3::before, text s4::before {
    content: "" !important;
    position: absolute !important;
    top: 12px !important; left: -8px !important;
    border-top: 8px solid transparent !important;
    border-bottom: 8px solid transparent !important;
    border-right-width: 8px !important;
    border-right-style: solid !important;
}
/* --- 0.2 遮挡线 (让边框看起来连贯) --- */
text say::after, text s1::after, text s2::after, text s3::after, text s4::after {
    content: "" !important;
    position: absolute !important;
    top: 12px !important; left: -5px !important;
    border-top: 8px solid transparent !important;
    border-bottom: 8px solid transparent !important;
    border-right: 8px solid #fff !important; /* 跟背景色一致 */
}

/* ========================================================================= */
/* ★★★ 1. 路人/普通角色 (<say>) - 极简灰 ★★★ */
/* ========================================================================= */
text say {
    border-color: #888 !important;  /* 灰色边框 */
    box-shadow: 4px 4px 0px rgba(136, 136, 136, 0.3) !important;
}
text say::before { border-right-color: #888 !important; }

/* ========================================================================= */
/* ★★★ 2. 女主A (<s1>) - 傲娇红/活力红 ★★★ */
/* ========================================================================= */
text s1 {
    border-color: #FF6B6B !important; /* 珊瑚红 */
    box-shadow: 4px 4px 0px rgba(255, 107, 107, 0.4) !important;
}
text s1::before { border-right-color: #FF6B6B !important; }

/* ========================================================================= */
/* ★★★ 3. 女主B (<s2>) - 冰山蓝/知性蓝 ★★★ */
/* ========================================================================= */
text s2 {
    border-color: #4D96FF !important; /* 天空蓝 */
    box-shadow: 4px 4px 0px rgba(77, 150, 255, 0.4) !important;
}
text s2::before { border-right-color: #4D96FF !important; }

/* ========================================================================= */
/* ★★★ 4. 女主C (<s3>) - 元气黄/富家金 ★★★ */
/* ========================================================================= */
text s3 {
    border-color: #FFD93D !important; /* 柠檬黄 */
    box-shadow: 4px 4px 0px rgba(255, 217, 61, 0.4) !important;
    color: #5d4037 !important; /* 黄色背景配深棕色字更好看 */
}
text s3::before { border-right-color: #FFD93D !important; }

/* ========================================================================= */
/* ★★★ 5. 女主D (<s4>) - 神秘紫/成熟紫 ★★★ */
/* ========================================================================= */
text s4 {
    border-color: #9D4EDD !important; /* 兰花紫 */
    box-shadow: 4px 4px 0px rgba(157, 78, 221, 0.4) !important;
}
text s4::before { border-right-color: #9D4EDD !important; }
/* ========================================================================= */

text {
    /* 1. 强制块级显示，确保盒子属性生效 */
    display: block !important;
    position: relative !important;
    
    /* 2. 字体设置：可爱圆润风 */
    /* 优先尝试幼圆(Win)，其次是圆体(Mac)，最后是无衬线 */
    font-family: "YouYuan", "幼圆", "Yu Yuan", "Varela Round", "Microsoft YaHei", sans-serif !important;
    font-size: 15px !important; /* 稍微大一点点，看着不累 */
    line-height: 1.8 !important; /* 宽松的行高，呼吸感 */
    color: #5d5d5d !important;   /* 深灰褐色，比纯黑更温柔 */
    letter-spacing: 0.5px !important;
    
    /* 3. 容器外观：波点卡片 */
    background-color: #ffffff !important;
    /* 极淡的灰色波点背景，增加“萌”的质感 */
    background-image: radial-gradient(#f3f3f3 20%, transparent 20%) !important;
    background-size: 12px 12px !important;
    
    /* 4. 边框与圆角 */
    border-radius: 12px !important; /* 大圆角 */
    padding: 20px 22px !important;  /* 舒适的内边距 */
    margin: 15px 0 !important;      /* 上下留白 */
    
    /* 5. 阴影：轻微浮起 */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0,0,0,0.02) !important;
    
    /* 6. 交互微动效 */
    transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

/* 鼠标悬停时微微上浮，更有游戏感 */
text:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08) !important;
}

/* ========================================================================= */
/* ★★★ 9-nine 灵魂注入：顶部四色装饰条 ★★★ */
/* ========================================================================= */
text::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 12px !important; /* 稍微往里缩一点，更精致 */
    right: 12px !important;
    height: 4px !important;
    
    /* 9-nine 四女主配色渐变 */
    /* 黄(都) -> 蓝(天) -> 粉(春风) -> 红(希亚) */
    background: linear-gradient(to right, 
        #F2D685 0%, #F2D685 25%, 
        #A0C6F0 25%, #A0C6F0 50%, 
        #F4A6D7 50%, #F4A6D7 75%, 
        #E04F4F 75%, #E04F4F 100%
    ) !important;
    
    /* 下圆角，让彩条看起来像贴在上面的胶带 */
    border-bottom-left-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
    opacity: 0.9 !important;
}

/* 适配：如果正文里有段落P标签，去除默认边距，防止撑开 */
text p {
    margin: 0 0 10px 0 !important;
}
text p:last-child {
    margin-bottom: 0 !important;
}
/* 1. 隐藏默认加载点 */
.style_dot-flashing__8L91Q.style_text__zGhNq { display: none !important; }

/* 2. 容器重构：自适应高度 + Galgame 对话框风格 */
.flex.items-center.justify-center.w-6.h-5 {
    /* 布局重置 (沿用你提供的稳健结构) */
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 80px !important; /* 预留足够高度 */
    margin: 10px 0 !important;
    padding: 0 !important;
    
    /* 9-nine 风格外观基础 */
    background-color: #ffffff;
    border: 2px solid #F2D685; /* 初始颜色 (九条都) */
    border-radius: 8px; /* 圆润一点，符合画风 */
    
    /* 关键：防止溢出 */
    box-sizing: border-box !important;
    overflow: hidden !important;
    position: relative !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.05); /* 轻微浮起感 */
    
    /* 1. 容器边框与背景动画 (18s = 3s * 6句) */
    animation: nine-container-cycle 18s step-end infinite !important;
}

/* 3. 顶部装饰条：角色名标签 (左上角) */
.flex.items-center.justify-center.w-6.h-5::before {
    content: "九条 都"; /* 初始内容 */
    display: inline-block !important;
    padding: 2px 10px;
    
    /* 标签样式 */
    background-color: #F2D685; /* 初始颜色 */
    color: #ffffff; /* 标签文字永远白色 */
    font-size: 12px;
    font-weight: bold;
    border-bottom-right-radius: 8px; /* 只有右下角圆角，贴合左上 */
    
    /* 防止被外部样式覆盖 */
    line-height: normal !important;
    text-align: center !important;
    
    /* 2. 角色名标签动画 */
    animation: nine-nametag-cycle 18s step-end infinite !important;
}

/* 4. 核心：台词内容区 */
.flex.items-center.justify-center.w-6.h-5::after {
    content: ""; 
    display: block;
    width: 100%;
    padding: 8px 12px 12px 12px; /* 舒适的内边距 */
    
    /* 字体与排版 */
    font-family: "Microsoft YaHei", "PingFang SC", sans-serif !important;
    font-size: 14px;
    line-height: 1.6;
    color: #555555; /* 默认深灰字体 */
    text-align: left !important;
    
    /* ★★★ 关键：强制换行 (沿用你的代码) ★★★ */
    white-space: pre-wrap !important; 
    word-wrap: break-word !important;
    word-break: break-word !important;
    
    /* 3. 台词内容动画 */
    animation: nine-quote-cycle 18s step-end infinite !important;
}

/* ========================================================================= */
/* ★★★ 动画关键帧定义 (18秒循环) ★★★ */
/* 0%~16.6%: 九条都 | 16.6%~33.3%: 新海天 | 33.3%~50%: 春风 */
/* 50%~66.6%: 希亚1 | 66.6%~83.3%: 希亚2 | 83.3%~100%: 与一 */
/* ========================================================================= */

/* 1. 容器动画：控制边框颜色 + 与一回合的背景黑化 */
@keyframes nine-container-cycle {
    0%   { border-color: #F2D685; background-color: #ffffff; } /* 九条都 (淡金) */
    16.66% { border-color: #A0C6F0; background-color: #ffffff; } /* 新海天 (淡蓝) */
    33.33% { border-color: #F4A6D7; background-color: #ffffff; } /* 香坂春风 (粉色) */
    50%  { border-color: #E04F4F; background-color: #ffffff; } /* 结城希亚 (赤色) */
    66.66% { border-color: #E04F4F; background-color: #ffffff; } /* 结城希亚 (赤色) */
    83.33% { border-color: #000000; background-color: #1a1a1a; } /* 与一 (黑色+黑底!) */
}

/* 2. 标签动画：控制角色名 + 标签背景色 */
@keyframes nine-nametag-cycle {
    0%   { content: "九条 都"; background-color: #F2D685; }
    16.66% { content: "新海 天"; background-color: #A0C6F0; }
    33.33% { content: "香坂 春风"; background-color: #F4A6D7; }
    50%  { content: "结城 希亚"; background-color: #E04F4F; }
    66.66% { content: "结城 希亚"; background-color: #E04F4F; }
    83.33% { content: "与一";     background-color: #000000; color: #ff0000; } /* 与一名字变红 */
}

/* 3. 台词动画：控制文本内容 + 字体颜色 */
@keyframes nine-quote-cycle {
    0% { 
        content: "“希望你来帮忙，和我一起去抓犯人吧。”"; 
        color: #8a6d1f; /* 深金色 */
    }
    16.66% { 
        content: "“哥哥能不能也这样对我”"; 
        color: #4a6d9e; /* 深蓝色 */
    }
    33.33% { 
        content: "“我只是，单纯地想想而已，没，没关系”"; 
        color: #b05085; /* 深粉色 */
    }
    50% { 
        content: "“我，信任你”"; 
        color: #a32a2a; /* 深赤色 */
    }
    66.66% { 
        content: "“我就在这里…你一定会来接我的吧？”"; 
        color: #a32a2a; /* 深赤色 */
    }
    83.33% { 
        content: "“不论是她、妹妹、九条同学、还是前辈，翔你现在所有珍惜的人，我都要杀掉。”"; 
        color: #e0e0e0; /* ★与一回合：字体变白，配合黑底 */
    }
}

/* 移动端适配 (沿用你的代码逻辑) */
@media (max-width: 768px) {
    .flex.items-center.justify-center.w-6.h-5 {
        min-height: 70px !important;
    }
    .flex.items-center.justify-center.w-6.h-5::after {
        font-size: 13px;
        padding: 6px 10px 10px 10px;
    }
}
/* --- 1. 隐藏顶部默认颜色条 (保持界面清爽) --- */
[class*="bg-[#F1CBCB]"], 
[class*="bg-[#c9e1e9]"] {
    display: none !important;
}

/* --- 2. 聊天框主体美化 (白蓝碗·通透点阵) --- */
.bg-gray-100\/90.relative.inline-block {
    /* 核心底色：极淡的冰蓝白，像白瓷碗的釉面 */
    background-color: #f4f9ff !important;
    
    /* 【点阵核心】 */
    /* 颜色：极浅的天蓝 (rgba(66, 165, 245, 0.12)) */
    /* 效果：比之前更浅，隐约可见的科技感纹理 */
    background-image: radial-gradient(circle at center, rgba(66, 165, 245, 0.12) 1.5px, transparent 1.5px) !important;
    background-size: 14px 14px !important;

    /* 边框设计：微蓝的极细边框 + 左侧海天蓝强调条 */
    border: 1px solid rgba(176, 205, 255, 0.4) !important;
    border-left: 4px solid #5c9ce6 !important; /* 9-nine 风格的蓝色 */
    
    /* 倒角与阴影：带有淡淡蓝色的光晕 */
    border-radius: 6px !important;
    box-shadow: 0 4px 12px rgba(92, 156, 230, 0.12) !important;
    
    /* 内边距与文字颜色 */
    padding: 15px !important;
    color: #2c3e50 !important; /* 深蓝灰色文字，比纯黑更配蓝底 */
}

/* --- 3. 字体与阅读体验优化 --- */
.markdown-body {
    /* 使用深蓝灰，对比度极高且柔和 */
    color: #2c3e50 !important; 
    font-family: "Segoe UI", "Microsoft YaHei", sans-serif !important;
    line-height: 1.6 !important;
    font-weight: 500 !important; /* 稍微加一点点重，让字在浅色背景更清晰 */
    text-shadow: none !important;
}

/* --- 4. 底部小按钮美化 (同步蓝色系) --- */
.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary,
.MuiTypography-root.MuiTypography-body2.css-6c0gf2,
.text-orange-500 {
    color: #90a4ae !important; /* 默认蓝灰色 */
    transition: color 0.3s ease !important;
}

/* 悬停时变为亮蓝 */
.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary:hover {
    color: #5c9ce6 !important;
    background-color: rgba(92, 156, 230, 0.08) !important;
}

/* --- 5. 移除输入框原有的小尾巴 --- */
.bg-gray-100\/90.relative.inline-block::before {
    display: none !important;
}
/* --- 新增：羁绊系统专用样式 (粉色系) --- */
.bond-scan {
    margin-top: 5px;
    padding: 6px;
    border-top: 1px dashed #e91e63; /* 桃红色虚线 */
    background: rgba(233, 30, 99, 0.05); /* 淡淡的粉色背景 */
    color: #f48fb1; /* 浅粉色文字 */
    border-radius: 0 0 4px 4px;
}
.bond-scan b { color: #ff80ab; } /* 标题高亮粉 */
.highlight-pink { 
    color: #ff4081; 
    font-weight: 900; 
    text-shadow: 0 0 5px rgba(255, 64, 129, 0.4); 
}
/* 让羁绊系统的折叠栏标题也有点特殊的颜色（可选） */
.bond-module > summary {
    color: #f8bbd0;
}
.bond-module[open] > summary {
    border-left: 2px solid #e91e63;
    background: rgba(233, 30, 99, 0.1);
}
/* 1. 基础容器与字体 */
.term-container {
    background: linear-gradient(135deg, #0b0c15 0%, #151625 100%);
    background-image: 
        linear-gradient(rgba(0, 229, 255, 0.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0, 229, 255, 0.03) 1px, transparent 1px);
    background-size: 20px 20px;
    font-family: 'Segoe UI', 'Microsoft YaHei', 'Roboto', sans-serif;
    font-size: 14px;
    color: #cfd8dc;
    border: 1px solid #37474f;
    border-top: 2px solid #00e5ff;
    border-radius: 6px;
    padding: 10px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
    line-height: 1.6;
    max-width: 100%;
}

/* 2. 通用折叠栏 */
.term-details {
    margin-bottom: 8px;
    border: 1px solid rgba(84, 110, 122, 0.2);
    border-radius: 4px;
    background: rgba(20, 22, 35, 0.6);
    overflow: visible !important;
}
.term-details[open] {
    background: rgba(20, 22, 35, 0.95);
    border-color: rgba(0, 229, 255, 0.4);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5);
}

/* --- 【核心修复】主标题：移除渐变文字，改为纯色发光 --- */
.main-terminal > summary {
    font-size: 1.2em;
    font-weight: 700;
    /* 修复开始：移除 background-clip 等可能导致透明的属性 */
    color: #00e5ff; /* 纯净的天蓝色 */
    background: transparent; 
    text-shadow: 0 0 8px rgba(0, 229, 255, 0.6); /* 强发光效果 */
    /* 修复结束 */
    border-bottom: 1px solid rgba(0, 229, 255, 0.3);
    letter-spacing: 1px;
    font-family: 'Segoe UI', 'Microsoft YaHei', sans-serif;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

/* 子标题 */
.term-details > summary {
    padding: 8px 12px;
    cursor: pointer;
    font-weight: 600;
    color: #b0bec5;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 4px;
    list-style: none;
    display: flex;
    align-items: center;
    border-left: 3px solid transparent;
    transition: all 0.2s;
    font-size: 0.95em;
}
.term-details > summary:hover {
    color: #fff;
    background: rgba(255, 255, 255, 0.05);
}
/* 模块悬停变色 */
.term-details:nth-of-type(2) .archive-content ~ summary:hover,
.term-details:nth-of-type(2) summary:hover { border-left-color: #e040fb; color: #e040fb; }
.term-details:nth-of-type(2) .inventory-box ~ summary:hover { border-left-color: #ffd700; color: #ffd700; }
.term-details > summary:hover { border-left-color: #00e5ff; }

.term-details > summary::-webkit-details-marker { display: none; }
.term-details > summary::after {
    content: "+";
    margin-left: auto;
    color: #546e7a;
    font-family: 'Consolas', monospace;
    font-size: 1.2em;
}
.term-details[open] > summary::after { content: "-"; color: #00e5ff; }

/* === 核心布局：弹性三列行 === */
.triple-grid-row { display: flex; flex-wrap: wrap; gap: 5px; margin: 8px 0; }
.triple-grid-row .term-details { margin-bottom: 0; flex: 1 1 calc(33% - 5px); width: calc(33% - 5px); display: flex; flex-direction: column; }
.triple-grid-row .term-details[open] { flex: 1 1 100%; width: 100%; }

.triple-grid-row .compact-module > summary {
    padding: 6px 4px;
    font-size: 12px;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.triple-grid-row .compact-module > summary::after { display: none; }
.triple-grid-row .compact-module[open] .profile-grid,
.triple-grid-row .compact-module[open] .inventory-box,
.triple-grid-row .compact-module[open] .branch-box,
.triple-grid-row .compact-module[open] .archive-content { padding: 8px; font-size: 0.9em; }

/* === 悬浮交互 (Tooltip) === */
.skill-flex { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; margin-top: 5px !important; margin-bottom: 5px !important; }
.tooltip {
    position: relative !important;
    display: inline-block !important;
    background: rgba(33, 33, 33, 0.8) !important;
    border: 1px solid #546e7a !important;
    padding: 4px 8px !important;
    border-radius: 2px !important;
    cursor: help !important;
    font-size: 0.9em !important;
    color: #cfd8dc !important;
}
.tooltip:hover {
    border-color: #00e5ff !important;
    background: rgba(0, 229, 255, 0.15) !important;
    color: #fff !important;
    z-index: 100 !important;
}
.tooltip .tooltiptext {
    visibility: hidden !important;
    width: 220px !important;
    background-color: #0b0c15 !important;
    color: #eceff1 !important;
    text-align: left !important;
    border: 1px solid #00e5ff !important;
    padding: 10px !important;
    border-radius: 4px !important;
    position: absolute !important;
    z-index: 9999 !important;
    bottom: 135% !important;
    left: 50% !important;
    margin-left: -110px !important;
    opacity: 0 !important;
    transition: opacity 0.2s !important;
    box-shadow: 0 0 15px rgba(0,0,0,0.9) !important;
    pointer-events: none !important;
}
.tooltip .tooltiptext hr { border: 0 !important; border-bottom: 1px dashed rgba(0, 229, 255, 0.3) !important; margin: 6px 0 !important; }
.tooltip .tooltiptext::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: #00e5ff transparent transparent transparent; }
.tooltip:hover .tooltiptext { visibility: visible !important; opacity: 1 !important; }

/* 3. 顶部监控面板 */
.monitor-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 5px;
    padding: 8px;
    background: rgba(0,0,0,0.2);
    font-family: 'Consolas', 'Monaco', monospace;
    font-size: 0.85em;
    color: #81d4fa;
    border-bottom: 1px solid rgba(255,255,255,0.05);
}
.monitor-item b { font-weight: normal; } 
.monitor-item:nth-child(1) b { color: #fff; }
.monitor-item:nth-child(2) b { color: #69f0ae; }
.monitor-item:nth-child(3) b { color: #40c4ff; }
.monitor-item.full-width b:nth-of-type(1) { color: #b388ff; }
.monitor-item.full-width b:nth-of-type(2) { color: #ff5252; }
.monitor-item.full-width { grid-column: 1 / -1; border-top: 1px dashed rgba(84, 110, 122, 0.5); padding-top: 4px; margin-top: 2px; }
.pulse-dot { display: inline-block; width: 6px; height: 6px; background: #00e5ff; border-radius: 50%; box-shadow: 0 0 5px #00e5ff; animation: pulse 2s infinite; vertical-align: middle; }
@keyframes pulse { 0% {opacity:0.5; box-shadow: 0 0 2px #00e5ff;} 50% {opacity:1; box-shadow: 0 0 8px #00e5ff;} 100% {opacity:0.5; box-shadow: 0 0 2px #00e5ff;} }

/* 4. 分支与档案 (记忆区亮绿定制) */
.branch-box { padding: 4px; border-left: 2px solid #00e5ff; background: rgba(0, 229, 255, 0.05); }
.branch-row { margin-bottom: 4px; border-bottom: 1px dashed rgba(255,255,255,0.1); padding-bottom: 2px; }
.branch-main { font-weight: bold; color: #e1f5fe; margin-top: 5px; }

.archive-content .section-title {
    margin: 10px 0 6px 0;
    font-size: 0.9em;
    font-weight: bold;
    border-bottom: 1px solid rgba(255,255,255,0.1);
    padding-bottom: 2px;
}
.archive-content .section-title:nth-of-type(1) { color: #40c4ff; }
.archive-content .section-title:nth-of-type(2) { color: #e040fb; }
.archive-content .section-title:nth-of-type(3) { color: #ffd700; }

.list-item { font-size: 0.9em; margin-bottom: 3px; padding-left: 5px; border-left: 2px solid #546e7a; color: #cfd8dc; }

/* --- 定制：记忆区内容用亮绿色 --- */
.memory-block {
    margin-top: 10px;
    padding: 8px;
    background: rgba(0, 230, 118, 0.05);
    border: 1px solid rgba(0, 230, 118, 0.3);
    border-radius: 4px;
    color: #69f0ae; /* 亮绿色 */
    font-family: 'Consolas', monospace;
}
.memory-block .section-title { color: #00e676 !important; border-bottom-color: #00e676 !important; }
.memory-block p { color: #b9f6ca; }

.tag { padding: 1px 5px; border-radius: 2px; font-size: 0.75em; margin-right: 4px; color: #fff; font-weight: bold; }
.tag-blue { background: #01579b; }
.tag-purple { background: #4a148c; }
.tag-red { background: #b71c1c; }

/* 5. 档案与信息 (个人身份 & 交互对象 天蓝定制) */
.profile-grid { display: grid; gap: 4px; padding: 8px; }
.profile-row { display: flex; border-bottom: 1px solid rgba(255,255,255,0.05); padding-bottom: 3px; flex-wrap: wrap; align-items: baseline; }
.p-label { width: 65px; color: #78909c; font-size: 0.8em; flex-shrink: 0; text-transform: uppercase; }

/* --- 定制：个人身份 + 交互对象 文字天蓝色 --- */
.profile-grid .p-val { 
    color: #40c4ff; /* 天蓝色 */
    font-size: 0.95em; 
    word-break: break-all; 
    font-weight: 500; 
}

/* 6. 圣遗物与战斗 (定制：金框框) */
.artifact-box {
    padding: 10px;
    border-left: 2px solid #ffd700;
    background: linear-gradient(90deg, rgba(255, 215, 0, 0.05), transparent);
}

/* --- 定制：圣遗物系统三个部分变成渐变金色的框框 --- */
.artifact-box .concept-quote,
.artifact-box .concept-quote + p,
.artifact-box .system-status {
    margin-top: 8px;
    margin-bottom: 8px;
    padding: 8px;
    /* 加固：先给一个保底的黄色边框，防止渐变不被支持时完全消失 */
    border: 1px solid #ffd700; 
    background: 
        linear-gradient(rgba(20, 20, 30, 0.9), rgba(20, 20, 30, 0.9)) padding-box, 
        linear-gradient(135deg, #ffd700 0%, #ff8f00 100%) border-box; 
    border-radius: 4px;
    box-shadow: 0 2px 10px rgba(255, 215, 0, 0.1);
    color: #fff8e1;
}
/* 如果浏览器支持透明边框来显示背景渐变，则覆盖上面的实色边框 */
@supports (background-clip: border-box) {
    .artifact-box .concept-quote,
    .artifact-box .concept-quote + p,
    .artifact-box .system-status {
        border-color: transparent;
    }
}
.artifact-box b { color: #ffd700; }

.highlight-gold { color: #ffc107; font-weight: 900; text-shadow: 0 0 3px rgba(255, 193, 7, 0.3); }
.highlight-cyan { color: #00b0ff; font-weight: 900; text-shadow: 0 0 3px rgba(0, 229, 255, 0.3); }
.highlight-red { color: #ff1744; font-weight: 900; text-shadow: 0 0 3px rgba(255, 23, 68, 0.3); }

.combat-module[open] > summary { background: rgba(183, 28, 28, 0.2); border: 1px solid #b71c1c; color: #ff8a80; text-shadow: 0 0 5px #b71c1c; }
.combat-alert { float: right; color: #ff1744; font-weight: 900; animation: blink 0.8s infinite; }
@keyframes blink { 50% { opacity: 0; } }
.combat-bar-bg { height: 4px; background: #263238; margin: 5px 0; }
.combat-bar-fill { height: 100%; background: #ff1744; box-shadow: 0 0 8px #ff1744; }

/* --- 定制：深度解析文字用粉色(偏赤红) --- */
.deep-scan {
    margin-top: 5px;
    padding: 6px;
    border-top: 1px dashed #ff4081;
    color: #ff4081; /* 亮粉红 */
}
.deep-scan b { color: #ff80ab; }

/* 7. 决策辅助 */
.decision-module > summary { color: #ffd700; text-shadow: 0 0 5px rgba(255, 215, 0, 0.3); } 
.action-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; padding: 8px; }
.action-btn { background: #263238; border: 1px solid #455a64; border-bottom: 3px solid #37474f; padding: 8px 4px; text-align: center; border-radius: 4px; cursor: pointer; color: #eceff1; font-size: 0.9em; font-weight: 600; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.action-btn:hover { border-color: #00e5ff; color: #00e5ff; }
.action-btn:active { transform: translateY(2px); border-bottom-width: 1px; }
.special-btn { border-color: #ff6f00; color: #ffd700; }
.special-btn:hover { border-color: #ffd700; color: #fff176; }
.btn-sub { font-size: 0.75em; color: #90a4ae; margin-top: 2px; font-weight: normal; }

/* 8. 全局输入框与按钮覆盖 */
textarea, input[type="text"] { background-color: rgba(10, 12, 20, 0.85) !important; color: #00e5ff !important; border: 1px solid #37474f !important; border-left: 3px solid #00e5ff !important; font-family: 'Consolas', 'Microsoft YaHei', monospace !important; font-size: 14px !important; border-radius: 2px !important; caret-color: #00e5ff !important; }
textarea::placeholder, input::placeholder { color: rgba(0, 229, 255, 0.3) !important; }
button, .menu_button { background: #1e2530 !important; color: #cfd8dc !important; border: 1px solid #455a64 !important; border-bottom: 3px solid #263238 !important; text-transform: uppercase; }
button:hover, .menu_button:hover { background: #263238 !important; color: #00e5ff !important; border-color: #00e5ff !important; }

/* 9-nine- 思维链专用样式 */
details.nine-cot {
    background: #fffcfeb0; /* 极淡的粉紫背景，带透明度 */
    border: 1px solid #9d5b8b; /* 标志性紫色边框 */
    border-radius: 6px;
    box-shadow: 0 2px 8px rgba(157, 91, 139, 0.15);
    margin: 10px 0;
    overflow: hidden;
    font-family: "Microsoft YaHei", sans-serif;
}

details.nine-cot summary {
    background: linear-gradient(135deg, #7d4b8b 0%, #b56cb5 100%); /* 紫色渐变 */
    color: #fff;
    padding: 6px 12px;
    font-size: 0.95em;
    font-weight: bold;
    cursor: pointer;
    letter-spacing: 1px;
    border-bottom: 2px solid #ffd700; /* 金色底边，增加高级感 */
    list-style: none; /* 移除默认三角 */
}

/* 自定义下拉箭头 */
details.nine-cot summary::after {
    content: "▼";
    float: right;
    font-size: 0.8em;
    transition: 0.2s;
}
details.nine-cot[open] summary::after {
    transform: rotate(180deg);
}

.cot-content {
    padding: 10px 15px;
    font-size: 0.88em;
    color: #444;
    line-height: 1.6;
}

/* 每一个思考步骤的容器 */
.cot-step {
    border-left: 3px solid #9d5b8b; /* 左侧紫色竖条 */
    padding-left: 10px;
    margin-bottom: 12px;
    background: linear-gradient(90deg, rgba(157, 91, 139, 0.05) 0%, rgba(255,255,255,0) 100%);
}

/* 步骤标题 */
.step-title {
    display: block;
    color: #7d4b8b;
    font-weight: bold;
    font-size: 0.9em;
    margin-bottom: 2px;
    border-bottom: 1px dashed #e0c0d0;
    padding-bottom: 2px;
}

/* 强调文字 */
.cot-tag {
    background: #7d4b8b;
    color: #fff;
    padding: 1px 4px;
    border-radius: 3px;
    font-size: 0.8em;
    margin-right: 4px;
}
/* --- 新增：子模块并排布局容器 --- */
.sub-module-grid {
    display: flex;
    gap: 4px; /* 两个模块之间的间距 */
    margin-top: 5px;
}
/* 让里面的两个 details 元素平分宽度 */
.sub-module-grid > details {
    flex: 1;
    width: 0; /* 关键：防止内容过长撑破布局 */
    min-width: 0;
}
/* 稍微调整一下并排时的摘要文字大小，防止换行太难看 */
.sub-module-grid > details > summary {
    font-size: 0.9em;
    white-space: nowrap; /* 强制标题不换行 */
    overflow: hidden;
    text-overflow: ellipsis; /* 超出部分显示省略号 */
}


/* 7. 底部输入栏模拟 */
.fake-input-area {
    margin-top: 10px;
    background: #1c1c1e;
    border-radius: 20px;
    padding: 8px 12px;
    display: flex;
    align-items: center;
    opacity: 0.7;
}
.plus-icon { color: #8e8e93; font-size: 18px; margin-right: 8px; }
.input-placeholder { color: #636366; font-size: 13px; }

/* 8. 底部Home条 */
.phone-home-bar {
    width: 40%;
    height: 4px;
    background: #fff;
    border-radius: 2px;
    margin: 8px auto;
    opacity: 0.3;
}
/* 战斗面板专用 */
.combat-box { border: 1px solid #d63031; background: rgba(20, 0, 0, 0.05); padding: 6px; border-radius: 4px; font-size: 0.95em; }
.combat-alert { font-size: 0.8em; color: #d63031; font-weight: bold; margin-left: 5px; }
.combat-bar-bg { width: 100%; background: #dfe6e9; height: 6px; border-radius: 3px; margin: 3px 0 8px 0; overflow: hidden; }
.combat-bar-fill { background: #0984e3; height: 100%; border-radius: 3px; transition: width 0.3s ease; }
.combat-divider { border: 0; border-top: 1px dashed #b2bec3; margin: 6px 0; }
.combat-stat-row { display: flex; justify-content: space-between; }
.stat-hp { color: #2d3436; }
.stat-sync { color: #6c5ce7; }
.stat-erosion { color: #d63031; }