/* ╔═══════════════════════════════════════════════════╗
   ║  A.M.A 异常管理局 · 废土终端界面 v3.7.2          ║
   ║  ANOMALY MANAGEMENT AGENCY — FIELD TERMINAL UI   ║
   ╚═══════════════════════════════════════════════════╝ */

/* ──────────── 全局动画定义 ──────────── */
@keyframes ama-scanline {
  0%   { transform: translateY(-100%); }
  100% { transform: translateY(100%); }
}

@keyframes ama-border-pulse {
  0%, 100% { border-color: rgba(0, 229, 255, 0.25); box-shadow: 0 0 8px rgba(0, 229, 255, 0.05); }
  50%      { border-color: rgba(0, 229, 255, 0.6);  box-shadow: 0 0 18px rgba(0, 229, 255, 0.15); }
}

@keyframes ama-glow-flicker {
  0%, 100% { opacity: 0.9; }
  3%       { opacity: 0.4; }
  6%       { opacity: 1; }
  50%      { opacity: 0.95; }
  53%      { opacity: 0.5; }
  56%      { opacity: 1; }
}

@keyframes ama-content-reveal {
  0%   { opacity: 0; transform: translateY(-6px) scaleY(0.97); }
  40%  { opacity: 0.6; }
  100% { opacity: 1; transform: translateY(0) scaleY(1); }
}

@keyframes ama-marker-spin {
  0%   { transform: rotate(0deg); }
  100% { transform: rotate(180deg); }
}

@keyframes ama-data-stream {
  0%   { background-position: 0% 0%; }
  100% { background-position: 0% 100%; }
}

@keyframes ama-header-sweep {
  0%   { left: -40%; opacity: 0; }
  50%  { opacity: 0.6; }
  100% { left: 120%; opacity: 0; }
}

/* ──────────── 主容器 ──────────── */
.markdown-body details.elevator-status {
  background: #06090f !important;
  border: 1px solid rgba(0, 229, 255, 0.25) !important;
  border-left: 3px solid rgba(0, 229, 255, 0.7) !important;
  border-radius: 4px !important;
  margin: 12px 0 !important;
  padding: 0 !important;
  position: relative !important;
  overflow: hidden !important;
  animation: ama-border-pulse 4s ease-in-out infinite !important;
  font-family: 'Courier New', 'Consolas', 'SF Mono', monospace !important;
  transition: all 0.4s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* 扫描线覆盖层 */
.markdown-body details.elevator-status::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  background: repeating-linear-gradient(
    0deg,
    transparent,
    transparent 2px,
    rgba(0, 229, 255, 0.015) 2px,
    rgba(0, 229, 255, 0.015) 4px
  ) !important;
  pointer-events: none !important;
  z-index: 1 !important;
}

/* 移动扫描线 */
.markdown-body details.elevator-status::after {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 40px !important;
  background: linear-gradient(
    180deg,
    transparent 0%,
    rgba(0, 229, 255, 0.04) 50%,
    transparent 100%
  ) !important;
  animation: ama-scanline 6s linear infinite !important;
  pointer-events: none !important;
  z-index: 1 !important;
}

/* 展开时容器增强 */
.markdown-body details.elevator-status[open] {
  border-color: rgba(0, 229, 255, 0.5) !important;
  box-shadow:
    0 0 20px rgba(0, 229, 255, 0.08),
    inset 0 0 30px rgba(0, 229, 255, 0.02) !important;
}

/* ──────────── SUMMARY 头部栏 ──────────── */
.markdown-body details.elevator-status > summary {
  background: linear-gradient(135deg, #0b1120 0%, #0d1829 50%, #0b1120 100%) !important;
  color: #00e5ff !important;
  padding: 12px 18px 12px 44px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: 3px !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  list-style: none !important;
  border-bottom: 1px solid rgba(0, 229, 255, 0.15) !important;
  position: relative !important;
  z-index: 2 !important;
  transition: all 0.3s ease !important;
  user-select: none !important;
  text-shadow: 0 0 10px rgba(0, 229, 255, 0.5) !important;
  overflow: hidden !important;
}

/* 隐藏默认三角 */
.markdown-body details.elevator-status > summary::-webkit-details-marker,
.markdown-body details.elevator-status > summary::marker {
  display: none !important;
  content: '' !important;
}

/* 状态指示符 — 关闭态 */
.markdown-body details.elevator-status > summary::before {
  content: '◆' !important;
  position: absolute !important;
  left: 16px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  font-size: 14px !important;
  color: rgba(0, 229, 255, 0.6) !important;
  transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
  text-shadow: 0 0 8px rgba(0, 229, 255, 0.4) !important;
  filter: none !important;
}

/* 状态指示符 — 展开态 */
.markdown-body details.elevator-status[open] > summary::before {
  content: '◈' !important;
  color: #00ffc8 !important;
  text-shadow: 0 0 12px rgba(0, 255, 200, 0.7) !important;
  transform: translateY(-50%) rotate(90deg) scale(1.2) !important;
  filter: brightness(1.3) !important;
}

/* 头部光扫效果 */
.markdown-body details.elevator-status > summary::after {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: -40% !important;
  width: 30% !important;
  height: 100% !important;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(0, 229, 255, 0.08),
    transparent
  ) !important;
  transform: skewX(-20deg) !important;
  pointer-events: none !important;
}

.markdown-body details.elevator-status[open] > summary::after {
  animation: ama-header-sweep 2s ease-out 0.2s 1 !important;
}

/* 头部 Hover */
.markdown-body details.elevator-status > summary:hover {
  background: linear-gradient(135deg, #0d1528 0%, #111f35 50%, #0d1528 100%) !important;
  color: #33ecff !important;
  text-shadow: 0 0 15px rgba(0, 229, 255, 0.7) !important;
  border-bottom-color: rgba(0, 229, 255, 0.35) !important;
}

/* 展开态头部 */
.markdown-body details.elevator-status[open] > summary {
  background: linear-gradient(135deg, #081018 0%, #0c1a2e 50%, #081018 100%) !important;
  color: #00ffc8 !important;
  text-shadow: 0 0 12px rgba(0, 255, 200, 0.6) !important;
  border-bottom: 1px solid rgba(0, 255, 200, 0.2) !important;
}

/* ──────────── 内容区域 ──────────── */
.markdown-body details.elevator-status .status-content {
  background: transparent !important;
  padding: 0 !important;
  position: relative !important;
  z-index: 2 !important;
}

.markdown-body details.elevator-status[open] .status-content {
  animation: ama-content-reveal 0.5s cubic-bezier(0.22, 1, 0.36, 1) forwards !important;
}

/* status 内部区块 */
.markdown-body details.elevator-status status {
  display: block !important;
  padding: 14px 18px 14px 18px !important;
  background: transparent !important;
}

/* ──────────── 数据行(p标签) ──────────── */
.markdown-body details.elevator-status status p,
.markdown-body details.elevator-status .status-content p {
  color: #c8d6e5 !important;
  font-size: 13px !important;
  line-height: 1.7 !important;
  margin: 0 !important;
  padding: 7px 12px 7px 14px !important;
  border-left: 2px solid transparent !important;
  border-bottom: 1px solid rgba(0, 229, 255, 0.04) !important;
  transition: all 0.25s ease !important;
  position: relative !important;
  font-family: 'Courier New', 'Consolas', monospace !important;
  background: transparent !important;
}

/* 数据行交替底色 */
.markdown-body details.elevator-status status p:nth-child(odd),
.markdown-body details.elevator-status .status-content p:nth-child(odd) {
  background: rgba(0, 229, 255, 0.02) !important;
}

.markdown-body details.elevator-status status p:nth-child(even),
.markdown-body details.elevator-status .status-content p:nth-child(even) {
  background: rgba(0, 15, 30, 0.3) !important;
}

/* 数据行 Hover */
.markdown-body details.elevator-status status p:hover,
.markdown-body details.elevator-status .status-content p:hover {
  background: rgba(0, 229, 255, 0.06) !important;
  border-left-color: rgba(0, 229, 255, 0.6) !important;
  color: #e8f4f8 !important;
  padding-left: 18px !important;
}

/* 第一行特殊高亮 - 名称/标题行 */
.markdown-body details.elevator-status status p:first-child,
.markdown-body details.elevator-status .status-content > p:first-child {
  color: #00e5ff !important;
  font-weight: 600 !important;
  font-size: 13.5px !important;
  border-left: 2px solid rgba(0, 229, 255, 0.4) !important;
  text-shadow: 0 0 6px rgba(0, 229, 255, 0.2) !important;
}

/* ──────────── 隐藏底部小字 ──────────── */
.markdown-body details.elevator-status status p:last-child::after,
.markdown-body details.elevator-status .status-content small,
.markdown-body details.elevator-status .status-content > p:last-child + *,
.markdown-body details.elevator-status status small,
.markdown-body details.elevator-status footer,
.markdown-body details.elevator-status .status-content footer {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  overflow: hidden !important;
}

/* ──────────── 记忆区面板特殊样式 ──────────── */
.markdown-body details.info-panel.elevator-status {
  border-left-color: rgba(255, 170, 0, 0.6) !important;
}

.markdown-body details.info-panel.elevator-status > summary {
  color: #ffaa00 !important;
  text-shadow: 0 0 10px rgba(255, 170, 0, 0.5) !important;
}

.markdown-body details.info-panel.elevator-status > summary::before {
  color: rgba(255, 170, 0, 0.6) !important;
  text-shadow: 0 0 8px rgba(255, 170, 0, 0.4) !important;
}

.markdown-body details.info-panel.elevator-status[open] > summary::before {
  color: #ffcc33 !important;
  text-shadow: 0 0 12px rgba(255, 204, 51, 0.7) !important;
}

.markdown-body details.info-panel.elevator-status[open] > summary {
  color: #ffcc33 !important;
  text-shadow: 0 0 12px rgba(255, 204, 51, 0.6) !important;
  border-bottom-color: rgba(255, 170, 0, 0.2) !important;
}

.markdown-body details.info-panel.elevator-status > summary:hover {
  color: #ffcc33 !important;
  text-shadow: 0 0 15px rgba(255, 204, 51, 0.7) !important;
}

@keyframes ama-border-pulse-amber {
  0%, 100% { border-color: rgba(255, 170, 0, 0.2); box-shadow: 0 0 8px rgba(255, 170, 0, 0.05); }
  50%      { border-color: rgba(255, 170, 0, 0.5); box-shadow: 0 0 18px rgba(255, 170, 0, 0.12); }
}

.markdown-body details.info-panel.elevator-status {
  animation: ama-border-pulse-amber 4s ease-in-out infinite !important;
}

/* 记忆区 h4 标题 */
.markdown-body details.info-panel.elevator-status .panel-content h4 {
  color: #ffaa00 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  margin: 14px 0 6px 0 !important;
  padding: 6px 12px !important;
  border-bottom: 1px solid rgba(255, 170, 0, 0.2) !important;
  text-shadow: 0 0 8px rgba(255, 170, 0, 0.3) !important;
  background: rgba(255, 170, 0, 0.04) !important;
  font-family: 'Courier New', 'Consolas', monospace !important;
}

.markdown-body details.info-panel.elevator-status .panel-content h4:first-child {
  margin-top: 4px !important;
}

/* 记忆区 panel-content */
.markdown-body details.info-panel.elevator-status .panel-content {
  padding: 8px 18px 14px 18px !important;
}

.markdown-body details.info-panel.elevator-status .panel-content p {
  color: #c8d6e5 !important;
  font-size: 12.5px !important;
  line-height: 1.7 !important;
  margin: 0 !important;
  padding: 5px 12px 5px 14px !important;
  border-left: 2px solid transparent !important;
  border-bottom: 1px solid rgba(255, 170, 0, 0.04) !important;
  transition: all 0.25s ease !important;
  font-family: 'Courier New', 'Consolas', monospace !important;
}

.markdown-body details.info-panel.elevator-status .panel-content p:hover {
  background: rgba(255, 170, 0, 0.06) !important;
  border-left-color: rgba(255, 170, 0, 0.5) !important;
  color: #e8f4f8 !important;
  padding-left: 18px !important;
}

/* ──────────── 行动走向面板 — 最后一个 ──────────── */
.markdown-body details.elevator-status:last-of-type {
  border-left-color: rgba(0, 255, 136, 0.6) !important;
}

@keyframes ama-border-pulse-green {
  0%, 100% { border-color: rgba(0, 255, 136, 0.2); box-shadow: 0 0 8px rgba(0, 255, 136, 0.05); }
  50%      { border-color: rgba(0, 255, 136, 0.5); box-shadow: 0 0 18px rgba(0, 255, 136, 0.12); }
}

.markdown-body details.elevator-status:last-of-type {
  animation: ama-border-pulse-green 4s ease-in-out infinite !important;
}

.markdown-body details.elevator-status:last-of-type > summary {
  color: #00ff88 !important;
  text-shadow: 0 0 10px rgba(0, 255, 136, 0.5) !important;
}

.markdown-body details.elevator-status:last-of-type > summary::before {
  color: rgba(0, 255, 136, 0.6) !important;
  text-shadow: 0 0 8px rgba(0, 255, 136, 0.4) !important;
}

.markdown-body details.elevator-status:last-of-type[open] > summary::before {
  color: #66ffaa !important;
  text-shadow: 0 0 12px rgba(102, 255, 170, 0.7) !important;
}

.markdown-body details.elevator-status:last-of-type[open] > summary {
  color: #66ffaa !important;
  text-shadow: 0 0 12px rgba(102, 255, 170, 0.6) !important;
  border-bottom-color: rgba(0, 255, 136, 0.2) !important;
}

.markdown-body details.elevator-status:last-of-type > summary:hover {
  color: #66ffaa !important;
  text-shadow: 0 0 15px rgba(102, 255, 170, 0.7) !important;
}

/* 行动选项特殊高亮 */
.markdown-body details.elevator-status:last-of-type status p {
  color: #b8e6d0 !important;
  cursor: pointer !important;
  border-left: 2px solid rgba(0, 255, 136, 0.1) !important;
}

.markdown-body details.elevator-status:last-of-type status p:hover {
  background: rgba(0, 255, 136, 0.08) !important;
  border-left-color: rgba(0, 255, 136, 0.7) !important;
  color: #ccffdd !important;
  text-shadow: 0 0 6px rgba(0, 255, 136, 0.2) !important;
}

/* ──────────── 容器底部装饰线 ──────────── */
.markdown-body details.elevator-status[open]::after {
  /* 覆盖扫描线，展开时在底部添加终端线 */
}

/* ──────────── span 标签内文字确保白色可见 ──────────── */
.markdown-body details.elevator-status span {
  color: inherit !important;
}

/* ──────────── 全局确保白色文字 + 深色背景 ──────────── */
.markdown-body details.elevator-status,
.markdown-body details.elevator-status .status-content,
.markdown-body details.elevator-status status,
.markdown-body details.elevator-status .panel-content {
  color: #c8d6e5 !important;
  background-color: #06090f !important;
}

.markdown-body details.elevator-status .status-content {
  background-color: transparent !important;
}

/* ──────────── 响应式微调 ──────────── */
@media (max-width: 640px) {
  .markdown-body details.elevator-status > summary {
    font-size: 12px !important;
    padding: 10px 14px 10px 38px !important;
    letter-spacing: 2px !important;
  }

  .markdown-body details.elevator-status status p,
  .markdown-body details.elevator-status .status-content p {
    font-size: 12px !important;
    padding: 5px 10px 5px 12px !important;
  }

  .markdown-body details.elevator-status > summary::before {
    left: 12px !important;
  }
}
/* 全局全息扫描动画 (覆盖整个状态栏) */
@keyframes uiu-hologram-scan {
    0% { background-position: 0 -100%; }
    100% { background-position: 0 100%; }
}
.elevator-status::after {
    content: '' !important;
    position: absolute !important;
    top: 0; left: 0; right: 0; bottom: 0;
    background: linear-gradient(to bottom, 
        rgba(0, 240, 255, 0) 0%, 
        rgba(0, 240, 255, 0.03) 50%, 
        rgba(0, 240, 255, 0) 100%
    ) !important;
    background-size: 100% 200% !important;
    animation: uiu-hologram-scan 3s linear infinite !important;
    pointer-events: none !important;
    z-index: 2 !important;
}
/* --- 1. 顶部栏 (Top Bar) --- */
.sticky.w-full.top-0.flex.items-center {
    background: linear-gradient(180deg, #020617 0%, rgba(2, 6, 23, 0.85) 100%) !important;
    border-bottom: 1px solid #0891b2 !important;
    box-shadow: 0 4px 15px rgba(8, 145, 178, 0.3) !important;
    backdrop-filter: blur(10px) !important;
}

#ai-model-selector .truncate.text-\[13px\] {
    color: #22d3ee !important;
    font-family: 'Consolas', 'Courier New', monospace !important;
    text-shadow: 0 0 5px rgba(34, 211, 238, 0.4) !important;
    letter-spacing: 0.5px !important;
}

/* 顶部栏图标悬浮与点击虚影效果 */
#ai-model-selector .group.flex.items-center:active,
#header-setting-button:active {
    transform: scale(0.96) !important;
    text-shadow: -2px 0 #0891b2, 2px 0 #22d3ee !important;
    filter: drop-shadow(0 0 8px #22d3ee) !important;
    transition: all 0.1s ease !important;
}

/* --- 2. 底部输入栏 (Bottom Input Bar) --- */
#ai-chat-bottom-input {
    background: linear-gradient(0deg, #020617 0%, rgba(2, 6, 23, 0.9) 100%) !important;
    border-top: 1px solid rgba(8, 145, 178, 0.5) !important;
}

#ai-chat-input {
    background-color: rgba(2, 6, 23, 0.7) !important;
    color: #cffafe !important;
    border: 1px solid #0891b2 !important;
    border-radius: 2px !important; /* 硬朗的高科技直角感 */
    font-family: 'Consolas', 'Courier New', monospace !important;
    box-shadow: inset 0 0 10px rgba(8, 145, 178, 0.1) !important;
    transition: all 0.3s ease !important;
}

#ai-chat-input:focus {
    box-shadow: 0 0 15px rgba(34, 211, 238, 0.3), inset 0 0 8px rgba(34, 211, 238, 0.2) !important;
    border-color: #22d3ee !important;
    outline: none !important;
}

#ai-chat-input::placeholder {
    color: #0891b2 !important;
    opacity: 0.7 !important;
}

/* SCP风格的选中效果：反色高亮 */
#ai-chat-input::selection {
    background: #22d3ee !important;
    color: #020617 !important;
}

/* --- 3. 底部按钮栏 (Mod / Stream Buttons) --- */
#ai-mod-button2 button.MuiButton-root {
    background: rgba(2, 6, 23, 0.8) !important;
    border: 1px solid #0891b2 !important;
    color: #22d3ee !important;
    font-family: 'Consolas', 'Courier New', monospace !important;
    border-radius: 2px !important;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
    overflow: hidden !important;
}

#ai-mod-button2 button.MuiButton-root:hover {
    background: rgba(8, 145, 178, 0.2) !important;
    box-shadow: 0 0 10px rgba(8, 145, 178, 0.5) !important;
}

/* 核心要求：点击时的错位虚影效果 (Glitch Phantom) */
#ai-mod-button2 button.MuiButton-root:active {
    transform: scale(0.95) !important;
    background: rgba(34, 211, 238, 0.3) !important;
    box-shadow: -4px 0 10px rgba(8, 145, 178, 0.8), 4px 0 10px rgba(34, 211, 238, 0.8) !important;
    text-shadow: -2px 0px 1px #0891b2, 2px 0px 1px #22d3ee !important;
}

/* --- 4. 分页栏 (Pagination) --- */
.MuiPaginationItem-root {
    color: #0891b2 !important;
    border: 1px solid transparent !important;
    font-family: 'Consolas', monospace !important;
    transition: all 0.2s !important;
}

.MuiPaginationItem-root:hover {
    background: rgba(8, 145, 178, 0.15) !important;
    border-color: #0891b2 !important;
}

.MuiPaginationItem-root.Mui-selected {
    background: #0891b2 !important;
    color: #020617 !important; /* 选中时深色字，保证对比度 */
    font-weight: bold !important;
    box-shadow: 0 0 10px rgba(34, 211, 238, 0.6) !important;
}

/* 跳转输入区域 */
.MuiStack-root.css-1uwir8f .MuiBox-root {
    color: #22d3ee !important;
    font-family: 'Consolas', monospace !important;
}
.MuiInputBase-input {
    color: #cffafe !important;
    background: rgba(2, 6, 23, 0.8) !important;
    border: 1px solid #0891b2 !important;
}

/* --- 5. 评论区 (Comment Section) --- */
/* 主背景：深色终端背景带微弱扫描线 */
div[class*="w-full"][class*="bg-white"][class*="bottom-0"] {
    background-color: #020617 !important;
    background-image: repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(8,145,178,0.03) 2px, rgba(8,145,178,0.03) 4px) !important;
    border-top: 1px solid #0891b2 !important;
    box-shadow: 0 -10px 30px rgba(2, 6, 23, 0.9) !important;
}

/* 评论区所有文本颜色覆写，确保在暗色背景下的绝对可读性 */
div.text-lg.font-bold, 
div.text-sm.text-grey-600 span.font-bold {
    color: #22d3ee !important;
    font-family: 'Consolas', 'Courier New', monospace !important;
    text-shadow: 0 0 3px rgba(34, 211, 238, 0.3) !important;
}

p.MuiTypography-body1.text-grey-600, 
div.break-all {
    color: #cffafe !important; /* 极浅的青色，保证正文阅读不费眼 */
    font-family: 'Consolas', system-ui, sans-serif !important;
    line-height: 1.6 !important;
}

div.text-xs.text-grey-600 {
    color: #0891b2 !important; /* 时间戳使用暗青色 */
}

/* 评论输入框 */
textarea.rc-textarea {
    background: rgba(2, 6, 23, 0.6) !important;
    color: #cffafe !important;
    border: 1px solid #0891b2 !important;
    border-radius: 2px !important;
    font-family: 'Consolas', monospace !important;
}
textarea.rc-textarea:focus {
    border-color: #22d3ee !important;
    box-shadow: inset 0 0 8px rgba(34, 211, 238, 0.2) !important;
}

/* 字数统计 */
div.bg-gray-100.text-gray-500 {
    background: transparent !important;
    color: #0891b2 !important;
    border: 1px solid #0891b2 !important;
}

/* 评论区排序按钮 */
button.MuiButton-containedPrimary {
    background: #0891b2 !important;
    color: #020617 !important;
    font-family: 'Consolas', monospace !important;
    border-radius: 2px !important;
}
button.MuiButton-outlinedPrimary {
    border-color: #0891b2 !important;
    color: #22d3ee !important;
    font-family: 'Consolas', monospace !important;
    border-radius: 2px !important;
}

/* 评论区发送按钮、点赞按钮虚影点击效果 */
div.cursor-pointer.group.flex.items-center.justify-center:active,
button.text-gray-400:active {
    transform: scale(0.85) !important;
    filter: drop-shadow(-2px 0 4px #0891b2) drop-shadow(2px 0 4px #22d3ee) !important;
    transition: all 0.1s !important;
}
button.text-gray-400 svg {
    color: #0891b2 !important;
}

/* 分割线与回复边框颜色 */
div.style_divider__mW0YX {
    background-color: rgba(8, 145, 178, 0.3) !important;
}
div.ml-8.border-l {
    border-color: rgba(8, 145, 178, 0.4) !important;
}
/* 移除顶部的颜色装饰条 */
[class*="bg-[#F1CBCB]"], 
[class*="bg-[#c9e1e9]"] {
    display: none !important;
}

/* =========================================
   SCP / UIU 特工终端交互界面 (高科技浅色护眼版)
   ========================================= */

/* 1. 强制移除系统默认的顶部颜色装饰条 */
[class*="bg-[#F1CBCB]"], 
[class*="bg-[#c9e1e9]"] {
    display: none !important;
}

/* 2. 统一聊天框主体 - UIU终端浅色面板 */
.bg-gray-100\/90.relative.inline-block {
    /* 护眼的高科技冷灰白渐变背景 */
    background: linear-gradient(135deg, rgba(246, 248, 250, 0.95) 0%, rgba(230, 238, 245, 0.95) 100%) !important;
    border: 1px solid rgba(130, 170, 210, 0.6) !important;
    box-shadow: 0 4px 12px rgba(0, 40, 80, 0.08), inset 0 0 15px rgba(255, 255, 255, 0.8) !important;
    border-radius: 4px !important; /* 基金会文档风格的硬朗直角微圆 */
    position: relative !important;
    isolation: isolate !important; /* 建立独立的层叠上下文，防止元素溢出干扰 */
    overflow: hidden !important;
    padding-top: 10px !important;
}

/* 3. 背景动效 - 动态科技网格与扫描线 (内嵌 SVG SMIL) */
.bg-gray-100\/90.relative.inline-block::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    /* 包含网格背景与上下往复的扫描线动画 */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25'%3E%3Cdefs%3E%3Cpattern id='g' width='30' height='30' patternUnits='userSpaceOnUse'%3E%3Cpath d='M30 0L0 0 0 30' fill='none' stroke='rgba(100,150,200,0.12)' stroke-width='1'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='100%25' height='100%25' fill='url(%23g)'/%3E%3Cline x1='0' y1='0' x2='100%25' y2='0' stroke='rgba(100,150,200,0.3)' stroke-width='1.5'%3E%3Canimate attributeName='y1' values='0;100%25;0' dur='8s' repeatCount='indefinite'/%3E%3Canimate attributeName='y2' values='0;100%25;0' dur='8s' repeatCount='indefinite'/%3E%3C/line%3E%3C/svg%3E") !important;
    z-index: 0 !important;
    pointer-events: none !important;
}

/* 4. UIU Logo 植入 - 右上角 */
.bg-gray-100\/90.relative.inline-block::after {
    content: "" !important;
    position: absolute !important;
    top: 12px !important;
    right: 12px !important;
    width: 50px !important;
    height: 50px !important;
    background-image: url('https://catai.wiki/b848f21a-1fd1-49fe-ed7d-2965d6e18e00/w=3000') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    opacity: 0.65 !important; /* 半透明以防止喧宾夺主 */
    z-index: 0 !important;
    pointer-events: none !important;
    filter: drop-shadow(0 0 2px rgba(255,255,255,0.5)) !important;
}

/* 5. 核心文本区域 - 绝对可读性保障 */
.markdown-body {
    color: #1a202c !important; /* 极深灰，在浅色背景上提供最高级别的清晰度 */
    font-family: "Segoe UI", "Roboto", "Helvetica Neue", sans-serif !important;
    font-weight: 500 !important;
    position: relative !important;
    z-index: 1 !important; /* 确保文本在动画和Logo之上 */
    background: transparent !important;
    text-shadow: none !important; /* 严禁阴影，确保阅读无障碍 */
}

/* 6. 底部附加元素 (按钮、模型名称、Token) - 终端机蓝调 */
.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary,
.MuiTypography-root.MuiTypography-body2.css-6c0gf2,
.text-orange-500 {
    color: #2b5687 !important; /* 科技深蓝，匹配 UIU 风格 */
    font-weight: bold !important;
    position: relative !important;
    z-index: 1 !important;
    transition: all 0.2s ease !important;
}

/* 底部按钮悬停效果 */
.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary:hover {
    background-color: rgba(43, 86, 135, 0.15) !important;
    color: #1a365d !important;
}

/* 7. 移动端与低动效模式适配 */
@media (max-width: 480px) {
    .bg-gray-100\/90.relative.inline-block::after {
        width: 35px !important;
        height: 35px !important;
        top: 8px !important;
        right: 8px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .bg-gray-100\/90.relative.inline-block::before {
        /* 关闭扫描线，仅保留静态网格 */
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25'%3E%3Cdefs%3E%3Cpattern id='g' width='30' height='30' patternUnits='userSpaceOnUse'%3E%3Cpath d='M30 0L0 0 0 30' fill='none' stroke='rgba(100,150,200,0.12)' stroke-width='1'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='100%25' height='100%25' fill='url(%23g)'/%3E%3C/svg%3E") !important;
    }
}