think {
    display: none;
}
details {
    background-color: #1a1a1a;
    color: #8b0000; 
    border: 1px solid #4a0000;
    padding: 10px;
    border-radius: 5px;
    font-family: "Courier New", Courier, monospace;
}
summary {
    font-weight: bold;
    cursor: pointer;
    text-shadow: 0 0 5px #ff0000;
}
/* 
  主题：日式Cult/心理恐怖生存游戏 (过度曝光的白 x 透明水蓝 x 干涸血迹红)
  效果：
  1. 整体呈现极度干净、刺眼的白色与微弱水蓝光晕。
  2. 折叠面板标题使用日式明朝体，带有神经质的锐利感。
  3. 悬停特定元素（如进度条、攻略建议）时，水蓝色瞬间被干涸的暗红色吞噬。
  4. 实现了“表层攻略建议”悬停突变为“红色求生警告”的特效。
*/

/* 1. 强制隐藏顶部破坏氛围的颜色装饰条 */
[class*="bg-[#F1CBCB]"], 
[class*="bg-[#c9e1e9]"] {
    display: none !important;
}

/* 2. 聊天框主容器：过度曝光的白与透明水蓝 */
.bg-gray-100\/90.relative.inline-block {
    background: #FFFFFF !important; /* 纯白，过度曝光感 */
    border: 1px solid rgba(135, 206, 235, 0.2) !important; /* 极淡的水蓝边框 */
    box-shadow: 0 4px 20px rgba(135, 206, 235, 0.05), inset 0 0 15px rgba(255, 255, 255, 0.8) !important; /* 刺眼的内部泛白与外部微弱水蓝晕 */
    border-radius: 2px !important; /* 拒绝圆润，保持锐利的边缘 */
    transition: all 0.3s ease !important;
}

/* 聊天框基础文本：清爽的无衬线体，确保可读性 */
.markdown-body {
    color: #1a1a1a !important; /* 接近纯黑的深灰，对比度极高 */
    font-family: "Noto Sans SC", "Noto Sans JP", "Hiragino Sans", "Microsoft YaHei", sans-serif !important;
    line-height: 1.7 !important;
}

/* 3. 折叠面板 (档案栏目) 的深度美化 */
.markdown-body details {
    background: rgba(255, 255, 255, 0.9) !important;
    border-left: 3px solid rgba(135, 206, 235, 0.6) !important; /* 默认水蓝左边框 */
    margin-bottom: 12px !important;
    padding: 8px 12px !important;
    transition: all 0.2s ease-in-out !important;
    overflow: hidden !important;
}

/* 折叠面板悬停：干涸血迹红突兀刺破画面 */
.markdown-body details:hover {
    border-left: 3px solid #730A07 !important; /* 瞬间变暗红 */
    background: rgba(115, 10, 7, 0.02) !important; /* 极微弱的血色背景噪点感 */
    box-shadow: -2px 0 10px rgba(115, 10, 7, 0.1) !important;
}

/* 折叠面板标题：日式明朝体，神经质的文学感 */
.markdown-body summary {
    font-family: "Noto Serif SC", "Noto Serif JP", "Shippori Mincho", serif !important;
    font-size: 1.05em !important;
    font-weight: bold !important;
    color: #2c3e50 !important;
    cursor: pointer !important;
    list-style: none !important; /* 隐藏默认的三角形 */
    outline: none !important;
    transition: color 0.2s !important;
}

.markdown-body summary::-webkit-details-marker {
    display: none !important;
}

/* 标题悬停：文字变红 */
.markdown-body details:hover summary {
    color: #730A07 !important;
    letter-spacing: 1px !important; /* 悬停时字间距微增，增加心理张力 */
}

/* 4. 进度条美化 (HP/SAN/好感) */
.markdown-body progress {
    -webkit-appearance: none !important;
    appearance: none !important;
    width: 120px !important;
    height: 6px !important;
    border-radius: 0 !important;
    vertical-align: middle !important;
    margin: 0 8px !important;
    background-color: rgba(135, 206, 235, 0.1) !important; /* 轨道：极淡水蓝 */
    border: 1px solid rgba(135, 206, 235, 0.3) !important;
}

.markdown-body progress::-webkit-progress-bar {
    background-color: transparent !important;
}

.markdown-body progress::-webkit-progress-value {
    background-color: rgba(135, 206, 235, 0.8) !important; /* 默认进度：水蓝 */
    transition: background-color 0.3s !important;
}

/* 进度条悬停：水蓝瞬间变为刺眼的血红 */
.markdown-body progress:hover::-webkit-progress-value {
    background-color: #730A07 !important;
}

/* 5. 悬停元素美化 (天赋、名词解释) */
.markdown-body abbr[title] {
    text-decoration: none !important;
    border-bottom: 1px dashed rgba(135, 206, 235, 0.8) !important; /* 默认水蓝虚线 */
    cursor: help !important;
    color: #1a1a1a !important;
    transition: all 0.2s !important;
}

.markdown-body abbr[title]:hover {
    color: #730A07 !important; /* 悬停变红 */
    border-bottom: 1px dashed #730A07 !important;
    background: rgba(115, 10, 7, 0.05) !important;
}

/* 6. 【核心诡计特效】：表层攻略建议 -> 悬停突变求生警告 */
/* 配合AI输出的 <del data-text="警告内容">正常文字</del> 使用 */
.markdown-body del {
    text-decoration: none !important; /* 去除删除线 */
    position: relative !important;
    cursor: crosshair !important; /* 准星鼠标，增加危机感 */
    color: #34495e !important; /* 默认显示为正常的深蓝色/灰色 */
    background: rgba(135, 206, 235, 0.1) !important;
    padding: 2px 4px !important;
    transition: color 0.1s !important;
}

.markdown-body del::after {
    content: attr(data-text) !important; /* 读取隐藏的警告文字 */
    position: absolute !important;
    top: 0 !important; 
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    color: #FFFFFF !important;
    background-color: #730A07 !important; /* 血红背景 */
    font-weight: bold !important;
    font-family: "Noto Serif SC", "Noto Serif JP", serif !important; /* 警告文字使用明朝体 */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    opacity: 0 !important; /* 默认隐藏 */
    pointer-events: none !important;
    white-space: nowrap !important;
    z-index: 10 !important;
}

/* 悬停瞬间：原文字透明，血红警告浮现 */
.markdown-body del:hover {
    color: transparent !important;
}
.markdown-body del:hover::after {
    opacity: 1 !important;
}

/* 7. 底部附加元素 (按钮、模型名等) 弱化处理，保持画面干净 */
.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary,
.MuiTypography-root.MuiTypography-body2.css-6c0gf2,
.text-orange-500 {
    color: rgba(150, 150, 150, 0.6) !important; /* 极淡的灰色 */
    transition: color 0.2s !important;
}

.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary:hover {
    color: #730A07 !important; /* 操作按钮悬停时也会露出一点血色 */
    background-color: transparent !important;
}

/* 容器隔离 */
ai {
  display: block;
}

/* 
  核心黑魔法：精致小图标容器
  物理切除原生进度条，只保留34x34的区域
*/
bgm {
  display: inline-block;
  width: 34px;
  height: 34px;
  background: #ffffff; /* 极度干净的曝光白 */
  border: 1px solid rgba(175, 238, 238, 0.6); /* 透明水蓝边框 */
  box-shadow: 0 0 12px rgba(175, 238, 238, 0.5); /* 微弱水蓝光晕 */
  border-radius: 4px; /* 拒绝圆润，保持日式Cult的锐利微倒角 */
  overflow: hidden; /* 物理切除多余的进度条 */
  position: relative;
  cursor: crosshair;
  transition: all 0.1s; /* 神经质的极速反应 */
  margin: 5px;
}

/* 
  内部原生播放器控件调整
*/
bgm audio {
  width: 120px; /* 强行撑长，让进度条被挤到隐藏区域 */
  height: 46px; /* 强行撑高 */
  margin-left: -12px; /* 向左偏移，隐藏左侧留白，让播放小三角正好居中 */
  margin-top: -6px;  /* 向上偏移，隐藏顶部留白 */
  outline: none;
  /* 滤镜魔法：将原生黑灰色的按钮强行洗成发光的水蓝色 */
  filter: grayscale(100%) brightness(1.5) sepia(100%) hue-rotate(150deg) saturate(200%);
  transition: filter 0s; /* 滤镜突变不需要过渡，追求瞬间惊吓感 */
}

/* 
  悬停特效：里世界瞬间降临
  水蓝瞬间被干涸的暗红色吞噬
*/
bgm:hover {
  border-color: #8a0303;
  background: #050000; /* 背景瞬间化为深渊黑 */
  box-shadow: 0 0 15px rgba(138, 3, 3, 0.9), inset 0 0 8px rgba(138, 3, 3, 0.5);
  transform: scale(1.05) rotate(2deg); /* 极其轻微的神经质扭曲 */
}

bgm:hover audio {
  /* 滤镜魔法：将播放小三角瞬间洗成干涸的血红色 */
  filter: grayscale(100%) brightness(0.6) sepia(100%) hue-rotate(320deg) saturate(500%);
}