/* 1. 隐藏默认顶部颜色条，保持版面干净 */
[class*="bg-[#F1CBCB]"], 
[class*="bg-[#c9e1e9]"] {
    display: none !important;
}

/* 2. 统一聊天框 (AI输出框) - 杂志印刷网点纸风格 */
.bg-gray-100\/90.relative.inline-block {
    background-color: #FAFAFA !important; /* 纸张底色 */
    background-image: radial-gradient(rgba(0,0,0,0.15) 1px, transparent 1px) !important; /* 波普印刷网点 */
    background-size: 8px 8px !important;
    border: 3px solid #000000 !important; /* 硬边框 */
    border-radius: 0px !important; /* 报纸直角 */
    box-shadow: 6px 6px 0px #000000 !important; /* 波普硬阴影 */
    padding: 18px !important;
    margin-bottom: 15px !important;
    transition: all 0.2s ease-out !important;
}

/* AI框悬停特效 - 紫色八卦阴影溢出 */
.bg-gray-100\/90.relative.inline-block:hover {
    transform: translate(-2px, -2px) !important;
    box-shadow: 8px 8px 0px #AA00FF, 10px 10px 0px #000000 !important; 
}

/* 3. 输入聊天框 (玩家视角) - 亮黄色警示/打板风格 */
.bg-gray-100\/90.relative.inline-block:not(.chat-answer-container .bg-gray-100\/90) {
    background-color: #FFEA00 !important; /* 亮黄高亮 */
    background-image: none !important; /* 去除网点，与AI区分 */
    box-shadow: -6px 6px 0px #000000 !important; /* 反向硬阴影 */
}

/* 玩家框悬停特效 - 红色爆料阴影溢出 */
.bg-gray-100\/90.relative.inline-block:not(.chat-answer-container .bg-gray-100\/90):hover {
    transform: translate(2px, -2px) !important;
    box-shadow: -8px 8px 0px #D50000, -10px 10px 0px #000000 !important;
}

/* 4. 主文本 (绝对可读性保障) */
.markdown-body {
    color: #111111 !important; /* 极深黑，对抗浅色底 */
    font-family: 'Helvetica Neue', 'Arial Black', sans-serif !important;
    font-weight: 700 !important; /* 全局加粗，增加粗粝感 */
    letter-spacing: 0.5px !important;
    line-height: 1.6 !important;
    text-shadow: none !important; /* 严禁影响阅读的阴影 */
    background: transparent !important;
}

/* 5. 底部附加元素 (剪报标签化设计) */
.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary,
.MuiTypography-root.MuiTypography-body2.css-6c0gf2,
.text-orange-500 {
    color: #FFFFFF !important;
    background-color: #000000 !important; /* 黑色胶带打底 */
    padding: 4px 8px !important;
    border: 1px solid #000 !important;
    border-radius: 0 !important;
    font-weight: 900 !important;
    font-size: 11px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    margin-right: 6px !important;
    margin-top: 10px !important;
    box-shadow: 2px 2px 0px rgba(0,0,0,0.5) !important;
}

/* Token消耗：用资本风向红 */
.text-orange-500 { background-color: #D50000 !important; border-color: #D50000 !important; }
/* 模型名称：用八卦小道紫 */
.MuiTypography-root.MuiTypography-body2.css-6c0gf2 { background-color: #AA00FF !important; border-color: #AA00FF !important; }

/* 底部按钮悬停效果 */
.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary:hover {
    background-color: #FFEA00 !important;
    color: #000000 !important;
}

/* ========================================= */
/* 6. 巨大化加载动画：狗仔镜头快门 & 录制闪烁特效 */
/* ========================================= */

/* 隐藏原本微小的加载点 */
.style_dot-flashing__8L91Q.style_text__zGhNq {
    display: none !important;
}

/* 扩充加载容器，准备承载巨大特效 */
.flex.items-center.justify-center.w-6.h-5 {
    position: relative !important;
    width: 120px !important;  
    height: 120px !important; 
    margin: 30px auto 20px auto !important; /* 居中并留出呼吸空间 */
    background: transparent !important;
}

/* 注入SMIL纯SVG动态影像，免疫CSS动画限制 */
.flex.items-center.justify-center.w-6.h-5::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    top: 0; left: 0; right: 0; bottom: 0;
    /* 
       内嵌SVG说明：
       外圈：虚线镜头环，持续顺时针旋转。
       中圈：高对比度品红圈，逆时针缓慢旋转。
       核心：黄底黑字"REC"，上方带有闪烁的红色录制警示灯。
    */
    background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="45" fill="none" stroke="%23000" stroke-width="8" stroke-dasharray="20 10"><animateTransform attributeName="transform" type="rotate" from="0 50 50" to="360 50 50" dur="4s" repeatCount="indefinite"/></circle><circle cx="50" cy="50" r="35" fill="none" stroke="%23FF007F" stroke-width="4" stroke-dasharray="10 15"><animateTransform attributeName="transform" type="rotate" from="360 50 50" to="0 50 50" dur="6s" repeatCount="indefinite"/></circle><circle cx="50" cy="50" r="22" fill="%23FFEA00" stroke="%23000" stroke-width="3"></circle><circle cx="50" cy="38" r="4" fill="%23D50000"><animate attributeName="opacity" values="1;0;1" dur="0.6s" repeatCount="indefinite"/></circle><text x="50" y="60" font-family="Arial Black, Impact" font-size="14" font-weight="900" fill="%23000" text-anchor="middle">REC</text></svg>') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    z-index: 10 !important;
}

ai {
  display: block;
  font-family: 'Helvetica Neue', Arial, sans-serif;
  font-size: 14px;
  line-height: 1.5;
  color: #111;
  background: #f4f4f4; /* 杂志原色底 */
  padding: 10px;
  border-radius: 6px;
  box-shadow: inset 0 0 20px rgba(0,0,0,0.05);
}

ai details {
  margin-bottom: 12px;
  background: #fff;
  border: 2px solid #000;
  border-radius: 4px;
  box-shadow: 4px 4px 0px #000; /* 波普硬阴影 */
  overflow: hidden;
  transition: all 0.2s;
}

ai summary {
  list-style: none;
  font-weight: 900;
  font-size: 15px;
  padding: 10px 12px;
  cursor: pointer;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  border-bottom: 2px solid transparent;
}
ai summary::-webkit-details-marker { display: none; }
ai details[open] summary { border-bottom: 2px solid #000; }
ai summary:active { transform: translateY(2px); }

/* --- 主题分区调色 (杂志剪报风) --- */
/* 场记板 */
ai details[t="env"] summary {
  background: repeating-linear-gradient(45deg, #000, #000 15px, #fff 15px, #fff 30px);
  color: #fff;
  text-shadow: 2px 2px 0 #000, -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000;
}
/* 主角杂志封面 */
ai details[t="p1"] summary { background: #FFEA00; color: #000; }
/* NPC独家爆料 */
ai details[t="p2"] summary { background: #FF007F; color: #fff; text-shadow: 1px 1px 0 #000; }
/* 记忆档案袋 */
ai details[t="mem"] summary { background: #00E5FF; color: #000; }
/* 八卦新闻 */
ai details[t="news"] summary { background: #FF3D00; color: #fff; text-shadow: 1px 1px 0 #000; }
/* 行动打板 */
ai details[t="act"] summary { background: #00E676; color: #000; }

/* --- 内部布局与标签 --- */
ai g {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 10px;
  background: #fafafa;
}
ai d {
  display: inline-block;
  background: #fff;
  border: 1px solid #000;
  padding: 4px 8px;
  font-size: 13px;
  box-shadow: 2px 2px 0px rgba(0,0,0,0.2);
  flex: 1 1 auto;
}
ai d[f="w"] { flex: 1 1 100%; background: #f0f0f0; } /* 满宽条目 */
ai d b { color: #555; margin-right: 4px; }

/* 核心面板模块 */
ai bx {
  display: block;
  margin: 10px;
  padding: 10px;
  background: #fff;
  border: 2px dashed #000;
  position: relative;
}
ai bx::before {
  content: "DATA";
  position: absolute;
  top: -10px;
  right: 10px;
  background: #000;
  color: #fff;
  font-size: 10px;
  padding: 2px 6px;
  font-weight: bold;
}
ai bx li {
  margin-left: 18px;
  margin-top: 4px;
  color: #222;
  font-size: 13.5px;
}

/* 日记与记忆区 */
ai dy {
  display: block;
  margin: 10px;
  padding: 12px;
  background: #FFF9C4; /* 泛黄纸张 */
  border-left: 4px solid #FBC02D;
  font-family: "KaiTi", serif;
}
ai mr {
  display: block;
  font-size: 12px;
  color: #666;
  background: #eee;
  padding: 6px;
  margin: 8px 0;
  border-radius: 4px;
}
ai details[t="sm"] {
  box-shadow: none;
  border: 1px solid #ccc;
  margin-top: 6px;
}
ai details[t="sm"] summary {
  background: #eee;
  color: #333;
  font-size: 13px;
  text-shadow: none;
  border-bottom: none;
}
ai details[t="sm"] p { padding: 8px; margin: 0; font-size: 13px;}

/* 娱乐新闻版块 */
ai rn, ai pn {
  display: block;
  margin: 10px;
  padding: 10px;
  background: #fff;
}
/* 红新闻：权威 */
ai rn {
  border: 3px solid #D50000;
  box-shadow: 4px 4px 0 #D50000;
}
ai rn b { color: #D50000; }
/* 紫新闻：八卦 */
ai pn {
  border: 3px dashed #AA00FF;
  box-shadow: 4px 4px 0 #AA00FF;
  background: #FAF5FF;
}
ai pn b { color: #AA00FF; }

/* 正文与行动区 */
ai txt {
  display: block;
  margin: 15px 4px;
  font-size: 15px;
  line-height: 1.7;
  color: #2c3e50;
  text-align: justify;
}
ai ol {
  padding: 10px 10px 10px 25px;
  margin: 0;
  background: #fff;
}
ai ol li {
  margin-bottom: 8px;
  font-weight: bold;
  color: #004D40;
}
ai hr {
  border: none;
  border-top: 2px dotted #000;
  margin: 15px 0;
}