/* =======================================================
   🚀 IS 学园：全息战术控制台 (全模块深度美化版) 🚀
   ======================================================= */

/* =======================================================
   模块一：消息气泡区 (战术数据流)
   ======================================================= */

/* 建立隔离层，防止背景污染文本 */
#customized-question-content,
#customized-answer-content {
  isolation: isolate !important;
  border-radius: 12px !important;
  border: 1px solid transparent !important;
  overflow: hidden !important;
}

/* 文本层提亮与重塑 */
#customized-question-content .markdown-body,
#customized-answer-content .markdown-body {
  position: relative !important;
  z-index: 1 !important;
  background: transparent !important;
  color: #E0F7FA !important; /* 科幻高亮白蓝 */
}
#customized-question-content .text-gray-900,
#customized-answer-content .text-gray-900 {
  color: #E0F7FA !important;
}

/* --- 用户气泡 (科技蓝 - 专属机体) --- */
#customized-question-content::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  background-color: #0B0F19 !important;
  background-image: linear-gradient(rgba(0, 229, 255, 0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(0, 229, 255, 0.05) 1px, transparent 1px) !important;
  background-size: 15px 15px !important;
  border-radius: inherit !important;
}
#customized-question-content {
  border-color: rgba(0, 229, 255, 0.5) !important;
  box-shadow: 0 0 15px rgba(0, 229, 255, 0.2), inset 0 0 10px rgba(0, 229, 255, 0.1) !important;
}
/* 顶部装饰条 */
#customized-question-content .bg-\[\#c9e1e9\] {
  background: #00E5FF !important;
  box-shadow: 0 0 10px #00E5FF !important;
}

/* --- AI气泡 (魅惑粉 - 女主反馈) --- */
#customized-answer-content::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  background-color: #0B0F19 !important;
  background-image: linear-gradient(rgba(255, 64, 129, 0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 64, 129, 0.05) 1px, transparent 1px) !important;
  background-size: 15px 15px !important;
  border-radius: inherit !important;
}
#customized-answer-content {
  border-color: rgba(255, 64, 129, 0.5) !important;
  box-shadow: 0 0 15px rgba(255, 64, 129, 0.2), inset 0 0 10px rgba(255, 64, 129, 0.1) !important;
}
/* 顶部装饰条 */
#customized-answer-content .bg-\[\#F1CBCB\] {
  background: #FF4081 !important;
  box-shadow: 0 0 10px #FF4081 !important;
}

/* 消息操作按钮悬浮光效 */
#customized-reload-button:hover, #customized-edit-button:hover, 
#customized-resend-button:hover, #customized-delete-button:hover {
  background: rgba(0, 229, 255, 0.2) !important;
  border-radius: 4px !important;
}

/* 模型标识与Token科幻化 */
#customized-answer-content .text-purple-500.mt-1 {
  color: #00E5FF !important;
  text-shadow: 0 0 5px rgba(0, 229, 255, 0.5) !important;
}
#customized-answer-content .text-orange-500 {
  color: #FF4081 !important;
  font-family: monospace !important;
  text-shadow: 0 0 5px rgba(255, 64, 129, 0.5) !important;
}


/* =======================================================
   模块二：加载动画 (IS核心能量环启动)
   ======================================================= */

/* 隐藏原本无聊的闪烁点 */
#customized-answer-content [class*="dot-flashing"] {
  display: none !important;
}
#customized-answer-content .flex.items-center.justify-center.w-6.h-5 {
  position: relative !important;
  width: 30px !important;
  height: 30px !important;
}
/* 注入 SVG 旋转能量环 */
#customized-answer-content .flex.items-center.justify-center.w-6.h-5::before {
  content: '' !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  /* 包含两个反向旋转的科幻圆环 */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Ccircle cx='25' cy='25' r='20' fill='none' stroke='%23FF4081' stroke-width='2' stroke-dasharray='30 15'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 25 25' to='360 25 25' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='25' cy='25' r='14' fill='none' stroke='%2300E5FF' stroke-width='2' stroke-dasharray='15 10'%3E%3CanimateTransform attributeName='transform' type='rotate' from='360 25 25' to='0 25 25' dur='1s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='25' cy='25' r='4' fill='%2300E5FF'%3E%3Canimate attributeName='opacity' values='0.3;1;0.3' dur='1s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/svg%3E") !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}


/* =======================================================
   模块三：界面控制区 (驾驶舱主控面板)
   ======================================================= */

/* 顶部控制栏 - 玻璃态深色装甲 */
.sticky.top-0 {
  background: rgba(11, 15, 25, 0.85) !important;
  backdrop-filter: blur(10px) !important;
  border-bottom: 1px solid rgba(0, 229, 255, 0.3) !important;
  box-shadow: 0 4px 15px rgba(0, 229, 255, 0.1) !important;
}
#customized-model-selector .truncate {
  color: #00E5FF !important;
  font-weight: bold !important;
  text-shadow: 0 0 5px rgba(0, 229, 255, 0.5) !important;
}

/* 底部输入区 - 能量充能槽 */
.bg-gradient-to-t {
  background: linear-gradient(to top, #0B0F19, transparent) !important;
}
.bg-white.border-\[1\.5px\] {
  background: rgba(0, 0, 0, 0.6) !important;
  border: 1px solid rgba(0, 229, 255, 0.4) !important;
  box-shadow: 0 0 15px rgba(0, 229, 255, 0.1) !important;
  border-radius: 12px !important;
}
#ai-chat-input {
  color: #E0F7FA !important;
}
#ai-chat-input::placeholder {
  color: rgba(0, 229, 255, 0.4) !important;
}
.bg-white.border-\[1\.5px\]:focus-within {
  border-color: #00E5FF !important;
  box-shadow: 0 0 20px rgba(0, 229, 255, 0.3), inset 0 0 10px rgba(0, 229, 255, 0.1) !important;
}
/* 字数统计器 */
.absolute.bottom-2.right-2 .bg-gray-100 {
  background: rgba(0, 229, 255, 0.15) !important;
  color: #00E5FF !important;
  border: 1px solid rgba(0, 229, 255, 0.3) !important;
}
/* 发送按钮 (点火启动) */
#ai-send-button {
  background: linear-gradient(135deg, #00E5FF, #FF4081) !important;
  border-radius: 8px !important;
  box-shadow: 0 0 10px rgba(255, 64, 129, 0.5) !important;
}
#ai-send-button:hover {
  filter: brightness(1.2) !important;
  box-shadow: 0 0 15px rgba(255, 64, 129, 0.8) !important;
}

/* 快捷按钮组 - 战术按键 */
#ai-mod-button2 .MuiButton-outlinedPrimary,
[id^="customized-shortcut-command-button-"] {
  border: 1px solid rgba(0, 229, 255, 0.5) !important;
  color: #00E5FF !important;
  background: rgba(0, 229, 255, 0.05) !important;
  box-shadow: 0 0 5px rgba(0, 229, 255, 0.2) !important;
}
#ai-mod-button2 .MuiButton-outlinedPrimary:hover,
[id^="customized-shortcut-command-button-"]:hover {
  background: rgba(0, 229, 255, 0.2) !important;
  border-color: #00E5FF !important;
  box-shadow: 0 0 10px rgba(0, 229, 255, 0.5) !important;
}


/* =======================================================
   模块四：评论区 (后宫评级面板)
   ======================================================= */

/* 面板主容器底色覆盖 */
.absolute.bottom-0.z-20.inset-x-0.bg-white {
  background-color: #0B0F19 !important;
  border-top: 2px solid #FF4081 !important;
  box-shadow: 0 -5px 20px rgba(255, 64, 129, 0.2) !important;
}

/* 标题与文字调亮 */
.text-lg.font-bold.pl-3,
.MuiStack-root.px-3 p.text-grey-600,
.group.ml-0 .text-sm.text-grey-600 span.font-bold,
.group.ml-0 div.break-all {
  color: #E0F7FA !important;
}
button[aria-label="close"] {
  color: #FF4081 !important;
}

/* 评分星星 - 魅惑粉发光 */
.MuiRating-iconEmpty {
  color: rgba(255, 64, 129, 0.3) !important;
}
.MuiRating-iconFilled {
  color: #FF4081 !important;
  filter: drop-shadow(0 0 5px #FF4081) !important;
}
.text-orange-500.w-14 {
  color: #FF4081 !important;
  text-shadow: 0 0 5px rgba(255, 64, 129, 0.5) !important;
}

/* 评论输入框 */
textarea[placeholder="发表评论"] {
  background: rgba(0, 0, 0, 0.5) !important;
  color: #E0F7FA !important;
}
.flex.flex-col.border-\[1\.5px\].border-gray-200 {
  border-color: rgba(255, 64, 129, 0.4) !important;
  background: rgba(0, 0, 0, 0.3) !important;
}
.flex.flex-col.border-\[1\.5px\].border-gray-200:focus-within {
  border-color: #FF4081 !important;
  box-shadow: 0 0 15px rgba(255, 64, 129, 0.2) !important;
}
/* 评论发送按钮 */
svg[data-icon="Send03"] {
  color: #FF4081 !important;
}

/* 评论列表分割线与滚动条 */
.flex.flex-col.border-\[1\.5px\].border-gray-200 ~ div[class*="divider"] {
  background: linear-gradient(90deg, transparent, #FF4081, transparent) !important;
  height: 1px !important;
  opacity: 0.5 !important;
}
.p-3.overflow-y-auto.h-full::-webkit-scrollbar {
  width: 6px !important;
}
.p-3.overflow-y-auto.h-full::-webkit-scrollbar-thumb {
  background: rgba(255, 64, 129, 0.5) !important;
  border-radius: 3px !important;
}

/* =======================================================
   🚀 IS 学园：全息战术与生理监控终端 (纯CSS直入版) 🚀
   ======================================================= */

/* 1. 基础折叠面板 (装甲模块) */
#customized-answer-content .markdown-body details {
  background-color: #0B0F19 !important;
  background-image: 
    linear-gradient(rgba(0, 229, 255, 0.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0, 229, 255, 0.05) 1px, transparent 1px) !important;
  background-size: 20px 20px !important;
  color: #E0F7FA !important;
  border: 1px solid rgba(0, 229, 255, 0.4) !important;
  border-radius: 8px !important;
  margin-bottom: 12px !important;
  box-shadow: 0 0 15px rgba(0, 229, 255, 0.1), inset 0 0 10px rgba(0, 229, 255, 0.05) !important;
  overflow: hidden !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* 面板展开时的能量过载状态 */
#customized-answer-content .markdown-body details[open] {
  border-color: #00E5FF !important;
  box-shadow: 0 0 20px rgba(0, 229, 255, 0.3), inset 0 0 15px rgba(0, 229, 255, 0.15) !important;
}

/* 2. 嵌套子面板 (深层隐私数据/记忆回廊专属粉色) */
#customized-answer-content .markdown-body details details {
  background-color: rgba(255, 64, 129, 0.03) !important;
  border: 1px solid rgba(255, 64, 129, 0.3) !important;
  box-shadow: 0 0 10px rgba(255, 64, 129, 0.1) !important;
  margin: 12px !important;
}
#customized-answer-content .markdown-body details details[open] {
  border-color: #FF4081 !important;
  box-shadow: 0 0 15px rgba(255, 64, 129, 0.25) !important;
}

/* 3. 标题栏 (全息扫描条) */
#customized-answer-content .markdown-body summary {
  background: linear-gradient(90deg, rgba(0, 229, 255, 0.15), transparent) !important;
  color: #00E5FF !important;
  padding: 12px 16px !important;
  font-weight: 700 !important;
  font-size: 1.05em !important;
  text-shadow: 0 0 8px rgba(0, 229, 255, 0.6) !important;
  cursor: pointer !important;
  list-style: none !important;
  border-bottom: 1px solid rgba(0, 229, 255, 0.2) !important;
  position: relative !important;
}

/* 子面板标题栏 (粉色) */
#customized-answer-content .markdown-body details details summary {
  background: linear-gradient(90deg, rgba(255, 64, 129, 0.15), transparent) !important;
  color: #FF4081 !important;
  text-shadow: 0 0 8px rgba(255, 64, 129, 0.6) !important;
  border-bottom-color: rgba(255, 64, 129, 0.2) !important;
}

/* 隐藏默认三角，替换为科幻瞄准标 */
#customized-answer-content .markdown-body summary::-webkit-details-marker {
  display: none !important;
}
#customized-answer-content .markdown-body summary::before {
  content: '⯈' !important;
  display: inline-block !important;
  margin-right: 12px !important;
  font-size: 0.9em !important;
  color: inherit !important;
  transition: transform 0.2s ease !important;
}

/* ✅ 修复点：将 > 改为 > */
#customized-answer-content .markdown-body details[open] > summary::before {
  transform: rotate(90deg) !important;
}

/* 4. 面板内部内容排版 */
#customized-answer-content .markdown-body details > p,
#customized-answer-content .markdown-body details > div {
  padding: 6px 16px !important;
  margin: 0 !important;
  line-height: 1.6 !important;
}

/* 5. 霓虹激光分割线 */
#customized-answer-content .markdown-body hr {
  border: none !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, #00E5FF, transparent) !important;
  box-shadow: 0 0 8px #00E5FF !important;
  margin: 16px 0 !important;
}

/* 6. 敏感/高亮数据强调 (加粗文本) */
#customized-answer-content .markdown-body strong,
#customized-answer-content .markdown-body b {
  color: #FF4081 !important;
  font-weight: 700 !important;
  text-shadow: 0 0 5px rgba(255, 64, 129, 0.4) !important;
}

/* 7. 记忆回廊战术表格 */
#customized-answer-content .markdown-body table {
  width: calc(100% - 32px) !important;
  margin: 16px auto !important;
  border-collapse: collapse !important;
  background: rgba(0, 0, 0, 0.4) !important;
  box-shadow: 0 0 15px rgba(0, 229, 255, 0.05) !important;
}
#customized-answer-content .markdown-body th {
  background: rgba(0, 229, 255, 0.15) !important;
  color: #00E5FF !important;
  border: 1px solid #00E5FF !important;
  padding: 10px 12px !important;
  text-align: left !important;
  text-shadow: 0 0 5px #00E5FF !important;
}
#customized-answer-content .markdown-body td {
  border: 1px solid rgba(0, 229, 255, 0.2) !important;
  color: #B2EBF2 !important;
  padding: 8px 12px !important;
}
#customized-answer-content .markdown-body tr:nth-child(even) {
  background: rgba(0, 229, 255, 0.05) !important;
}
#customized-answer-content .markdown-body tr:hover td {
  background: rgba(0, 229, 255, 0.15) !important;
  color: #FFFFFF !important;
}

/* 8. CoT 系统底层思考日志 */
#customized-answer-content .markdown-body cot {
  display: block !important;
  background: rgba(255, 215, 0, 0.08) !important;
  border-left: 3px solid #FFD700 !important;
  padding: 10px 12px !important;
  margin: 12px 16px !important;
  color: #FFF59D !important;
  font-family: 'Consolas', monospace !important;
  font-size: 0.9em !important;
}

/* =======================================================
   🔧 IS 学园：输入框高能青色视觉补丁 🔧
   ======================================================= */

/* 强化输入框文字：纯正科技青 + 微微发光 + 字体加粗 */
#ai-chat-input {
  color: #00E5FF !important; /* 纯正的高亮青色 */
  text-shadow: 0 0 3px rgba(0, 229, 255, 0.4) !important; /* 能量发光效果，增强清晰度 */
  caret-color: #00E5FF !important; /* 打字光标也变成青色 */
  font-weight: 500 !important; /* 稍微增加字重，让字迹更锐利 */
}

/* 调整占位符颜色，与正文拉开层次 */
#ai-chat-input::placeholder {
  color: rgba(0, 184, 212, 0.6) !important; /* 稍暗一点的深青色 */
}

/* 超级细节：鼠标选中文本时的科幻反色效果 */
#ai-chat-input::selection {
  background: rgba(0, 229, 255, 0.5) !important;
  color: #FFFFFF !important;
  text-shadow: none !important;
}

/* =========================================================
   💠 G&K TACTICAL HUD - 纯粹青色按钮光晕补丁 💠
   ========================================================= */

/* 统一所有气泡内的操作按钮基础状态（复制、刷新、编辑等） */
#customized-answer-content button,
#customized-question-content button {
    color: #888c94 !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* 强制将 AI 和 User 气泡的所有按钮悬浮光晕统一为极光战术青色 */
#customized-answer-content button:hover,
#customized-question-content button:hover {
    color: #00f0ff !important;
    /* 强化青色霓虹发光效果 */
    filter: drop-shadow(0 0 8px rgba(0, 240, 255, 0.9)) drop-shadow(0 0 2px rgba(0, 240, 255, 0.5)) !important;
    /* 增加轻微的战术缩放反馈，点击手感更佳 */
    transform: scale(1.15) !important;
}