/* ============================================
   废土终端 UI - 淡灰废土风格 (优化版)
   ============================================ */

/* 主容器 */
.butei-terminal {
  font-family: 'Courier New', Courier, monospace;
  color: #3a3228;
  background: #ddd8ce;
  background-image:
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 28px,
      rgba(180,160,130,0.15) 28px,
      rgba(180,160,130,0.15) 29px
    );
  padding: 12px;
  border: 2px solid #9a8a78;
  border-top: 4px solid #7a6a58;
  border-radius: 4px; /* 轻微圆角柔化边缘 */
  box-shadow:
    inset 0 0 30px rgba(120,100,80,0.1),
    0 8px 24px rgba(0,0,0,0.2); /* 加深整体阴影提升立体感 */
  max-width: 700px;
  margin: 0 auto;
}

/* details 折叠块 */
.butei-terminal details {
  margin-bottom: 8px;
  background: rgba(210,200,185,0.6);
  border: 1px solid #b0a090;
  border-left: 3px solid #8b7355;
  border-radius: 3px;
  overflow: visible;
  transition: background 0.3s ease;
}

.butei-terminal details[open] {
  border-left-color: #6b4c2a;
  background: rgba(220,212,198,0.85);
  box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}

/* summary 标题栏 */
.butei-terminal summary {
  padding: 10px 12px;
  cursor: pointer;
  color: #4a3828;
  background: linear-gradient(90deg, #c8bfb0, #d8d0c4);
  border-bottom: 1px dashed #a09080;
  font-weight: bold;
  font-size: 15px; /* 增大至正常字体 */
  letter-spacing: 1px;
  text-transform: uppercase;
  list-style: none;
  user-select: none;
  border-radius: 2px 2px 0 0;
}

.butei-terminal summary::-webkit-details-marker { display: none; }

.butei-terminal summary::before {
  content: "▶ ";
  color: #8b6a4a;
  font-size: 12px;
  transition: transform 0.2s ease;
  display: inline-block;
  margin-right: 4px;
}

.butei-terminal details[open] > summary::before {
  content: "▼ ";
  color: #6b4c2a;
}

.butei-terminal summary:hover {
  background: linear-gradient(90deg, #bdb4a5, #cdc5b8);
  color: #2a1e14;
}

/* 内容区 */
.hud-content {
  padding: 12px 14px;
  line-height: 1.8;
  font-size: 15px; /* 增大至正常字体 */
  color: #3a3228;
}

/* 自定义标签颜色 */
name {
  color: #5a3e28;
  font-weight: bold;
  font-size: 16px; /* 名字稍微更大一点以突出 */
}

SL {
  color: #8b5e3c;
  font-weight: bold;
  background: rgba(139,94,60,0.15);
  padding: 2px 6px;
  border-radius: 3px;
  border: 1px solid rgba(139,94,60,0.2);
}

info {
  color: #6a5a4a;
}

abli {
  color: #7a3a2a;
  font-weight: bold;
}

/* sub-block */
.sub-block {
  border-left: 3px solid #b09070;
  padding-left: 10px;
  margin: 6px 0;
  background: rgba(200,190,175,0.4);
  border-radius: 0 4px 4px 0;
}

/* 正文区域 */
.butei-terminal > p,
.butei-terminal > div:not(.ygg-opts):not(.sub-block) {
  padding: 10px;
  line-height: 1.8;
  color: #2e2418;
  font-size: 15px; /* 正常字体 */
}

/* 选项按钮区 */
.ygg-opts {
  margin-top: 12px;
  border-top: 2px solid #a09080;
  padding-top: 10px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.opt-btn {
  padding: 10px 14px;
  border: 1px solid #b0a090;
  border-left: 4px solid #8b6a4a;
  background: linear-gradient(90deg, #d0c8bc, #cac2b6);
  color: #3a2e22;
  cursor: pointer;
  font-family: 'Courier New', monospace;
  font-size: 15px; /* 正常字体 */
  border-radius: 3px;
  transition: all 0.25s cubic-bezier(0.2, 0.8, 0.2, 1);
  position: relative;
  overflow: hidden;
  box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

.opt-btn::before {
  content: "";
  position: absolute;
  left: 0; top: 0; bottom: 0;
  width: 0;
  background: rgba(139,94,60,0.15);
  transition: width 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.opt-btn:hover {
  border-left-color: #5a3a1a;
  color: #1a0e08;
  background: linear-gradient(90deg, #c8bfb0, #c0b8ac);
  box-shadow: inset 0 0 12px rgba(100,70,40,0.15), 0 4px 8px rgba(0,0,0,0.1);
  transform: translateY(-1px);
}

.opt-btn:hover::before { width: 100%; }

/* hr 分割线 */
.hud-content hr {
  border: none;
  border-top: 1px dashed #a09080;
  margin: 10px 0;
}

/* ============================================
   悬浮窗 pop-info 系统（废土风格重设计 - 美化版）
   ============================================ */

.pop-info {
  position: relative;
  cursor: help;
  display: inline-block;
  margin: 2px 4px;
  padding: 2px 6px;
  border-radius: 3px;
  border-bottom: 2px dotted currentColor;
  font-weight: bold;
  transition: all 0.2s ease;
  background: rgba(0,0,0,0.03);
}

.pop-info:hover {
  background: rgba(0,0,0,0.08);
}

/* 品质颜色 - common */
.pop-info[data-rarity="common"] {
  color: #5a5248;
  background: rgba(90,82,72,0.1);
}
/* uncommon */
.pop-info[data-rarity="uncommon"] {
  color: #4a6a3a;
  background: rgba(74,106,58,0.1);
}
/* rare */
.pop-info[data-rarity="rare"] {
  color: #2a4a8a;
  background: rgba(42,74,138,0.1);
}
/* epic */
.pop-info[data-rarity="epic"] {
  color: #6a2a8a;
  background: rgba(106,42,138,0.1);
}
/* legendary */
.pop-info[data-rarity="legendary"] {
  color: #8a5a1a;
  background: rgba(138,90,26,0.12);
  text-shadow: 0 0 6px rgba(200,150,50,0.4);
}

/* 悬浮窗主体 ::after */
.pop-info::after {
  content: attr(data-desc);
  position: absolute;
  bottom: 140%; /* 稍微拉高一点避免遮挡 */
  left: 50%;
  transform: translateX(-50%) translateY(10px) scale(0.95);
  min-width: 220px;
  max-width: 300px;
  padding: 12px 14px;
  padding-top: 32px; /* 给徽章留出空间 */
  background: rgba(232, 226, 216, 0.95); /* 增加微弱的透明度配合背景模糊 */
  backdrop-filter: blur(4px); /* 增加现代感模糊 */
  -webkit-backdrop-filter: blur(4px);
  background-image: repeating-linear-gradient(
    0deg, transparent, transparent 20px,
    rgba(160,140,110,0.08) 20px,
    rgba(160,140,110,0.08) 21px
  );
  color: #2e2418;
  font-size: 14px; /* 增大至正常字体 */
  font-weight: normal;
  line-height: 1.7;
  white-space: normal;
  text-align: left;
  border: 1px solid #a09080;
  border-top: 3px solid currentColor;
  border-radius: 4px;
  box-shadow:
    0 10px 30px rgba(0,0,0,0.3), /* 更柔和且深邃的阴影 */
    inset 0 0 20px rgba(180,160,130,0.15);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  z-index: 999;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

/* 品质标签 ::before（悬浮窗顶部徽章） */
.pop-info::before {
  content: "— COMMON —";
  position: absolute;
  bottom: 140%;
  left: 50%;
  transform: translateX(-50%) translateY(10px) scale(0.95);
  width: 220px;
  min-width: 220px;
  max-width: 300px;
  padding: 6px 12px;
  font-size: 11px;
  font-weight: bold;
  letter-spacing: 2px;
  text-align: center;
  background: rgba(90,82,72,0.15);
  color: #5a5248;
  border-radius: 4px 4px 0 0; /* 配合主体的圆角 */
  border-bottom: 1px solid rgba(160,144,128,0.3);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  z-index: 1000;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  box-sizing: border-box;
  text-shadow: 0 1px 2px rgba(255,255,255,0.5); /* 文字轻微凸起感 */
}

/* 各品质的 before 标签文字与颜色 */
.pop-info[data-rarity="common"]::before {
  content: "— COMMON —";
  color: #5a5248;
  background: linear-gradient(180deg, rgba(110,102,92,0.2), rgba(90,82,72,0.1));
}
.pop-info[data-rarity="uncommon"]::before {
  content: "— UNCOMMON —";
  color: #4a6a3a;
  background: linear-gradient(180deg, rgba(94,126,78,0.2), rgba(74,106,58,0.1));
}
.pop-info[data-rarity="rare"]::before {
  content: "— RARE —";
  color: #2a4a8a;
  background: linear-gradient(180deg, rgba(62,94,158,0.2), rgba(42,74,138,0.1));
}
.pop-info[data-rarity="epic"]::before {
  content: "— EPIC —";
  color: #6a2a8a;
  background: linear-gradient(180deg, rgba(126,62,158,0.2), rgba(106,42,138,0.1));
}
.pop-info[data-rarity="legendary"]::before {
  content: "— LEGENDARY —";
  color: #8a5a1a;
  background: linear-gradient(180deg, rgba(158,110,46,0.25), rgba(138,90,26,0.15));
  text-shadow: 0 0 8px rgba(200,150,50,0.6);
}

/* 触发态：hover + focus */
.pop-info:hover::before,
.pop-info:focus::before,
.pop-info:hover::after,
.pop-info:focus::after {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(0) scale(1);
}

.pop-info:focus { outline: none; }

/* 响应式 */
@media (max-width: 768px) {
  .pop-info::after,
  .pop-info::before {
    left: 0;
    transform: translateY(10px) scale(0.95);
    min-width: 200px;
    max-width: 260px;
  }
  .pop-info:hover::after,
  .pop-info:focus::after,
  .pop-info:hover::before,
  .pop-info:focus::before {
    transform: translateY(0) scale(1);
  }
  .opt-btn { font-size: 14px; }
  .hud-content { font-size: 14px; }
  .butei-terminal > p,
  .butei-terminal > div:not(.ygg-opts):not(.sub-block) { font-size: 14px; }
}

/* === 赛博废土修仙 (Cyber-Wasteland Cultivation) 风格思维链样式 === */
/* 融合了末法时代的科技残骸与修真阵法的黯淡流光 */

.cot-container details {
    /* -- 核心配色板 (末法废土适配) -- */
    --neon-cyan: #00f3ff;           /* 灵能矩阵青 */
    --toxic-green: #39ff14;         /* 辐射幽冥绿 */
    --rust-orange: #ff4500;         /* 废土铁锈橙 */
    --void-purple: #8a2be2;         /* 虚空裂隙紫 */
    --ash-gray: #2d2d2d;            /* 劫灰黯灭灰 */
    
    --wasteland-bg: #0a0a0c;        /* 废土深渊背景 */
    --tech-card: #121216;           /* 破损玉简底色 */

    background-color: rgba(18, 18, 22, 0.85); /* 半透明暗黑底色 */
    backdrop-filter: blur(8px);     /* 拟态：灵气污染的浑浊护盾 */
    
    /* 边框：破损的灵能回路 */
    border: 1px solid rgba(0, 243, 255, 0.2);
    border-left: 4px solid var(--neon-cyan); 
    border-radius: 4px; /* 锋利、机械感的边角 */
    
    font-family: 'Courier New', 'Microsoft YaHei', monospace; /* 终端字体感 */
    color: #c8c8c8;
    line-height: 1.6;
    margin: 18px 0;
    position: relative;
    overflow: hidden;
    
    /* 阴影：微弱的霓虹光晕与深邃暗影 */
    box-shadow: 
        0 4px 15px rgba(0, 0, 0, 0.8), 
        0 0 10px rgba(0, 243, 255, 0.1),
        inset 0 0 20px rgba(138, 43, 226, 0.05); /* 内部隐约的虚空紫 */
        
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* 悬停时：灵能过载，辐射增强 */
.cot-container details:hover {
    border-color: var(--neon-cyan);
    box-shadow: 
        0 8px 25px rgba(0, 0, 0, 0.9), 
        0 0 15px var(--neon-cyan),
        inset 0 0 10px var(--toxic-green); /* 悬停时透出辐射绿 */
}

/* 顶部流光装饰 - 模拟“破损聚灵阵”的残目光效 */
.cot-container details::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg, 
        transparent, 
        var(--toxic-green), 
        var(--neon-cyan), 
        var(--rust-orange), 
        transparent
    );
    opacity: 0.7;
}

/* === 标题栏 (拟态终端接口) === */
.cot-container summary {
    /* 背景：金属质感的暗色渐变 */
    background: linear-gradient(135deg, rgba(10, 10, 12, 0.95) 0%, rgba(25, 25, 30, 0.95) 100%);
    color: var(--neon-cyan);
    padding: 16px 24px;
    font-weight: 600;
    font-size: 1.1em;
    cursor: pointer;
    list-style: none;
    user-select: none;
    border-bottom: 1px dashed rgba(0, 243, 255, 0.3); /* 虚线模拟代码分割 */
    position: relative;
    transition: all 0.3s ease;
    letter-spacing: 0.1em;
    display: flex;
    align-items: center;
    text-transform: uppercase; /* 增加终端感 */
}

/* 标题栏悬停 */
.cot-container summary:hover {
    background: linear-gradient(135deg, rgba(15, 15, 20, 0.95) 0%, rgba(30, 30, 40, 0.95) 100%);
    color: #fff;
    text-shadow: 0 0 8px var(--neon-cyan), 0 0 2px var(--neon-cyan); /* 霓虹发光 */
}

/* 展开/折叠标记 - 机械齿轮/阵法节点 */
.cot-container summary::before {
    content: '◈'; /* 菱形节点 */
    color: var(--toxic-green); /* 默认状态：辐射绿 */
    margin-right: 12px;
    font-size: 1.2em;
    display: inline-block;
    transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1), color 0.3s ease;
    line-height: 1;
}

/* 展开状态下的标记 - 变为铁锈红警告色 */
.cot-container details[open] summary::before {
    transform: rotate(90deg) scale(1.2);
    color: var(--rust-orange);
    text-shadow: 0 0 10px rgba(255, 69, 0, 0.6);
}

/* 标题高亮装饰 - 底部滑动的充能条 */
.cot-container summary::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 0%;
    height: 2px;
    /* 渐变色条：赛博充能 */
    background: linear-gradient(90deg, var(--neon-cyan), var(--toxic-green));
    box-shadow: 0 0 8px var(--neon-cyan);
    transition: width 0.5s ease;
}

.cot-container details[open] summary::after {
    width: 100%;
}

/* === 内容区域 (废土遗迹空间) === */
.cot-container details > div, 
.cot-container .cot-content {
    padding: 24px 28px;
    /* 极淡的网格背景，模拟全息投影失败 */
    background: 
        linear-gradient(rgba(0, 243, 255, 0.02) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0, 243, 255, 0.02) 1px, transparent 1px);
    background-size: 20px 20px;
    background-color: var(--tech-card);
}

/* 分割线 - 断裂的灵脉 */
.cot-container hr {
    border: 0;
    height: 1px;
    /* 故障感渐变 */
    background: linear-gradient(90deg, 
        transparent, 
        var(--rust-orange), 
        var(--neon-cyan), 
        var(--void-purple), 
        transparent
    );
    margin: 25px 0;
    opacity: 0.5;
}

/* 段落样式 */
.cot-container p {
    margin-bottom: 1.2em;
    text-align: justify;
    color: #a0aab0; /* 灰暗的终端文字色 */
}

/* 强调文字 - 类似于系统警告/高阶功法残篇 */
.cot-container strong {
    color: var(--neon-cyan);
    font-weight: bold;
    text-shadow: 0 0 3px rgba(0, 243, 255, 0.3);
}

/* 首字下沉 - 古老符文与数字的结合 */
.cot-container p:first-of-type::first-letter {
    font-family: 'Courier New', monospace;
    font-size: 2.2em;
    color: #fff;
    float: left;
    line-height: 0.8;
    margin-right: 8px;
    margin-top: 4px;
    padding: 4px 8px;
    /* 铁锈与深灰的废土背景块 */
    background: linear-gradient(135deg, var(--rust-orange), var(--ash-gray));
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 2px; /* 机械方角 */
    box-shadow: 2px 2px 0px rgba(0,0,0,0.8); /* 硬阴影 */
}

/* 列表样式 */
.cot-container ul, .cot-container ol {
    padding-left: 10px;
    margin: 15px 0;
}

.cot-container li {
    margin-bottom: 8px;
    position: relative;
    padding-left: 20px;
    list-style: none;
}

/* 列表项标记 - 终端指针 */
.cot-container ul li::before {
    content: '>';
    color: var(--neon-cyan);
    position: absolute;
    left: 0;
    font-size: 1em;
    top: 1px;
    font-weight: bold;
    text-shadow: 0 0 4px rgba(0, 243, 255, 0.5);
}

/* 代码块 - 解析玉简残片/黑客代码 */
.cot-container pre, .cot-container code {
    font-family: 'Consolas', 'Courier New', monospace;
    background-color: rgba(5, 5, 8, 0.8);
    border: 1px solid rgba(0, 243, 255, 0.2); /* 青色微边框 */
    border-radius: 2px;
    padding: 2px 6px;
    color: var(--toxic-green); /* 代码高亮用辐射绿 */
    font-size: 0.9em;
}

.cot-container pre {
    padding: 16px;
    overflow-x: auto;
    margin: 20px 0;
    border-left: 3px solid var(--rust-orange); /* 铁锈警告边 */
    background: repeating-linear-gradient(
        45deg,
        rgba(10, 10, 15, 0.8),
        rgba(10, 10, 15, 0.8) 10px,
        rgba(15, 15, 20, 0.8) 10px,
        rgba(15, 15, 20, 0.8) 20px
    );
    box-shadow: inset 0 0 10px rgba(0,0,0,0.8);
}

/* 链接样式 - 神经元链接/神识探查 */
.cot-container a {
    color: var(--void-purple);
    text-decoration: none;
    border-bottom: 1px solid var(--void-purple);
    transition: all 0.2s;
}

.cot-container a:hover {
    color: var(--neon-cyan);
    border-bottom-color: var(--neon-cyan);
    text-shadow: 0 0 8px var(--neon-cyan);
    background-color: rgba(0, 243, 255, 0.1);
}

/* 移除WebKit默认箭头 */
.cot-container summary::-webkit-details-marker {
    display: none;
}

/* 移动设备适配 */
@media (max-width: 768px) {
    .cot-container details {
        margin: 15px 0;
        border-radius: 4px;
    }
    .cot-container summary {
        padding: 14px 18px;
        font-size: 1em;
    }
}

/* 5. 隐藏默认加载动画 */
.style_dot-flashing__8L91Q.style_text__zGhNq {
    display: none !important;
}

/* 6. 扩大并定位加载元素父级容器 */
.flex.items-center.justify-center.w-6.h-5 {
    position: relative !important;
    width: 320px !important; /* 大幅增加宽度 */
    height: 60px !important; /* 增加高度 */
    overflow: visible !important;
    margin: 10px auto !important;
}

/* 7. 零号专属动态加载动画 (SMIL SVG) */
.flex.items-center.justify-center.w-6.h-5::before {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 100% !important;
    height: 100% !important;
    /* 
       使用内联 SVG (SMIL)。包含6个生动状态与颜色变化：
       1. 蓝绿: 秩序重构中
       2. 红色: 警告：法则碎片缺失！
       3. 橙色: 源动核心能量低...
       4. 黄色: 扫描：未发现捌号踪迹
       5. 紫色: 维度坐标发生偏移
       6. 灰色: 进入低耗能待机模式
    */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='60' viewBox='0 0 320 60'%3E%3Cstyle%3E text { font-family: monospace, sans-serif; font-size: 16px; font-weight: bold; text-anchor: middle; dominant-baseline: middle; } .t1 { fill: %2300f0ff; } .t2 { fill: %23ff4444; } .t3 { fill: %23ff9900; } .t4 { fill: %23ffee00; } .t5 { fill: %23cc66ff; } .t6 { fill: %23aaaaaa; } %3C/style%3E%3Ctext x='160' y='30' class='t1'%3E%3Cset attributeName='visibility' to='visible' begin='0s; anim.end' dur='2s' /%3E%3Cset attributeName='visibility' to='hidden' begin='2s; anim.end+2s' dur='10s' /%3E零号 ( ￣ー￣)✧ 秩序重构中...%3C/text%3E%3Ctext x='160' y='30' class='t2' visibility='hidden'%3E%3Cset attributeName='visibility' to='visible' begin='2s; anim.end+2s' dur='2s' /%3E%3Cset attributeName='visibility' to='hidden' begin='4s; anim.end+4s' dur='8s' /%3E零号 (╯°□°）╯︵ ┻━┻ 警告：法则碎片缺失！%3C/text%3E%3Ctext x='160' y='30' class='t3' visibility='hidden'%3E%3Cset attributeName='visibility' to='visible' begin='4s; anim.end+4s' dur='2s' /%3E%3Cset attributeName='visibility' to='hidden' begin='6s; anim.end+6s' dur='6s' /%3E零号 ( ╥_╥) 源动核心能量低...%3C/text%3E%3Ctext x='160' y='30' class='t4' visibility='hidden'%3E%3Cset attributeName='visibility' to='visible' begin='6s; anim.end+6s' dur='2s' /%3E%3Cset attributeName='visibility' to='hidden' begin='8s; anim.end+8s' dur='4s' /%3E零号 ( ≖_≖) 扫描：未发现捌号踪迹%3C/text%3E%3Ctext x='160' y='30' class='t5' visibility='hidden'%3E%3Cset attributeName='visibility' to='visible' begin='8s; anim.end+8s' dur='2s' /%3E%3Cset attributeName='visibility' to='hidden' begin='10s; anim.end+10s' dur='2s' /%3E零号 ( ＠_＠;) 维度坐标发生偏移%3C/text%3E%3Ctext x='160' y='30' class='t6' visibility='hidden'%3E%3Cset attributeName='visibility' to='visible' begin='10s; anim.end+10s' dur='2s' id='anim' /%3E零号 ( ˘ω˘ ) 进入低耗能待机模式%3C/text%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
}

/* 移动端尺寸微调 */
@media(max-width: 480px) {
    .flex.items-center.justify-center.w-6.h-5 {
        width: 100% !important;
        height: 50px !important;
    }
}

/* =================================================================
   Wasteland Cultivation Theme: Rusted Iron & Withered Jade
   废土修仙主题：铁锈与枯玉 · 末法残响
   核心配色：骨灰白 + 枯衰青 + 污血赤 + 废铁灰
   ================================================================= */

/* --- 1. 顶部栏净化 (清除原版杂色) --- */
.sticky.w-full.top-0 [class*="bg-[#F1CBCB]"],
.sticky.w-full.top-0 [class*="bg-[#c9e1e9]"] {
    display: none !important;
}

/* --- 1. 顶部栏 (末法残响/废墟道韵风格) --- */
/* 顶部栏容器 - 模拟崩塌的九天，灰烬飘落的废墟山门 */
.sticky.w-full.top-0.flex.items-center {
    /* 背景：阴霾的灰暗天空 + 黯淡的灵光残余 */
    background: linear-gradient(90deg, rgba(40, 45, 50, 0.98), rgba(25, 30, 35, 0.95)) !important;
    backdrop-filter: blur(10px) !important;
    border-bottom: 2px solid #5a636a !important; /* 黯淡的废铁边界 */
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.8) !important;
}

/* 模型名称 - 模拟【残破天道/锈蚀真言】的显现 */
#ai-model-selector .truncate.text-\[13px\] {
    color: #8b9eb0 !important; /* 失去光泽的黯蓝色 */
    text-shadow: 0 0 5px rgba(100, 110, 120, 0.5);
    font-weight: bold !important;
    font-family: "FangSong", "SimSun", sans-serif !important; /* 斑驳的古典字体 */
    letter-spacing: 1px !important;
}

#ai-model-selector .truncate.text-\[13px\]::before {
    content: "【天道崩殂: "; /* 天道崩殂，末法降临 */
    color: #6d8a59 !important; /* 枯萎的灵草绿，代表生机断绝 */
    text-shadow: 0 0 3px rgba(109, 138, 89, 0.4);
}

#ai-model-selector .truncate.text-\[13px\]::after {
    content: "】";
    color: #6d8a59 !important;
    opacity: 0.6;
}

/* --- 2. 聊天气泡 (核心需求：枯衰青与骨灰白) --- */
.bg-gray-100\/90.relative.inline-block {
    /* 背景：风化的枯玉质感 - 夹杂灰烬的暗青 */
    background: linear-gradient(145deg, #2c332e 0%, #202622 60%, #151a17 100%) !important;
    /* 边框：碎裂的玉石边缘/生锈的金属 */
    border: 1px solid #4a5c4d !important;
    border-radius: 4px 4px 4px 0px !important; /* 尖锐、破损感 */
    /* 阴影：深邃的死气与微弱的残存灵力 */
    box-shadow:
        3px 3px 10px rgba(0, 0, 0, 0.5),
        inset 1px 1px 3px rgba(100, 120, 100, 0.2),
        inset -1px -1px 3px rgba(0, 0, 0, 0.6) !important;
    color: #8da691 !important; /* 黯淡的灰绿色文字 */
}

/* 气泡文字 */
.bg-gray-100\/90.relative.inline-block .markdown-body {
    color: #b0c4b4 !important; /* 骨灰般的苍白泛绿，对比暗背景 */
    font-family: "Microsoft YaHei", sans-serif !important;
}

/* 强调文字 (污血赤/锈蚀金风格) */
.bg-gray-100\/90.relative.inline-block .markdown-body strong {
    /* 污血赤，在暗色背景上刺眼，象征危险、畸变与残酷的代价 */
    color: #b73a3a !important;
    text-shadow: 0px 0px 4px rgba(150, 20, 20, 0.8) !important;
    font-weight: 800 !important;
}

/* 代码块背景适配 (腐朽竹简/废旧终端风格) */
.bg-gray-100\/90.relative.inline-block pre {
    background-color: rgba(20, 22, 20, 0.9) !important; /* 焦黑的残简 */
    border: 1px solid #3a423c !important; /* 粗糙的边框 */
    color: #a0b0a3 !important; /* 黯淡的文字 */
}

/* --- 3. 按钮组 (残缺法器/暗淡灵石风格) --- */
/* 顶部功能按钮 - 模拟失去光泽的法器与耗尽的灵石 */
#ai-mod-button2 button.MuiButton-root,
#header-setting-button {
    background: linear-gradient(135deg, #4a4535, #302d23) !important; /* 枯竭的暗黄 */
    color: #8a6b96 !important; /* 黯淡的紫纹 */
    border: 1px solid #5c5540 !important;
    border-bottom: 2px solid #3d3829 !important;
    border-radius: 4px !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4) !important;
    font-weight: bold !important;
    transition: all 0.3s ease !important;
}

#ai-mod-button2 button.MuiButton-root:hover,
#header-setting-button:hover {
    background: linear-gradient(135deg, #5c5746, #423e32) !important;
    color: #6b968a !important; /* 悬停时泛起微弱的死气青 */
    border-color: #6e7a78 !important;
    box-shadow: 0 0 8px rgba(80, 100, 95, 0.5) !important;
}

/* 分页按钮 */
.MuiPaginationItem-root.Mui-selected {
    background-color: #5c3a3a !important; /* 干涸的血迹红选中态 */
    color: #dcdcdc !important;
    box-shadow: 0 0 5px rgba(100, 40, 40, 0.8) !important;
}

/* --- 4. 底部输入框 (死气淤积/残破玉简风格) --- */
#ai-chat-input {
    background-color: rgba(25, 30, 26, 0.95) !important; /* 死气淤积的暗绿色 */
    color: #7a9e80 !important; /* 残破玉简的黯淡文字 */
    border: 1px solid #3a4a3e !important;
    border-left: 4px solid #4a6b50 !important; /* 枯竭的灵脉 */
    border-radius: 2px !important;
}
#ai-chat-input:focus {
    box-shadow: 0 0 10px rgba(70, 100, 80, 0.4) !important;
    border-color: #5c7a62 !important; /* 聚焦时亮起微弱的惨绿 */
    background-color: #202622 !important;
}
#ai-chat-input::placeholder {
    color: rgba(100, 120, 105, 0.4) !important;
}

/* 7.3 平台按钮：适配 9-nine- 风格 */
button, .menu_button {
    background: linear-gradient(180deg, #1e2530, #10151a) !important;
    color: #cfd8dc !important;
    border: 1px solid #455a64 !important;
    border-bottom: 3px solid #263238 !important; /* 3D效果 */
    font-family: 'Segoe UI', sans-serif !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.3);
    transition: all 0.2s ease;
}

button:hover, .menu_button:hover {
    background: linear-gradient(180deg, #263238, #1e2530) !important;
    color: #00e5ff !important;
    border-color: #00e5ff !important;
    box-shadow: 0 0 8px rgba(0, 229, 255, 0.4) !important;
}

/* 模型名称与Token消耗 */
.MuiTypography-root.MuiTypography-body2.css-6c0gf2,
.text-orange-500 {
    color: #007AFF !important;
    font-size: 0.7rem !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
    font-weight: bold !important;
}