/* ================================================
   穆沉 · 内置CSS
   主题：暗夜禁欲 · 精英质感 · 深度沉溺
   色板：深紫灰 #0a080f | 淡紫 #c8a8d0 | 暗金 #8a7a62
   ================================================ */

/* ---- 全局变量 ---- */
:root {
  --mc-bg: #0a080f;
  --mc-bg-alt: #0e0c14;
  --mc-bg-light: #15101e;
  --mc-border: #2a1e32;
  --mc-border-light: #3a2a48;
  --mc-text: #d0c8d8;
  --mc-text-dim: #8a7a92;
  --mc-accent: #c8a8d0;
  --mc-accent2: #6b3fa0;
  --mc-accent3: #ff87b9;
  --mc-dialogue: #2957a2ff;
  --mc-gold: #8a7a62;
  --mc-shadow: rgba(107, 63, 160, 0.15);
}

/* ---- 正文段落 ---- */
.markdown-body p {
  color: var(--mc-text);
  line-height: 2;
  font-size: 14px;
  margin: 8px 0;
}

/* ---- 折叠状态栏 ---- */
.markdown-body details {
  border: 1px solid var(--mc-border);
  border-radius: 12px;
  margin: 16px 0;
  background: var(--mc-bg-alt);
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0,0,0,0.3);
}

.markdown-body summary {
  display: inline-flex;
  align-items: center;
  padding: 10px 18px;
  cursor: pointer;
  background: linear-gradient(135deg, var(--mc-bg-light), var(--mc-bg-alt));
  color: var(--mc-accent);
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 2px;
  border-bottom: 1px solid var(--mc-border);
  outline: none;
  list-style: none;
  transition: all 0.2s;
}

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

.markdown-body summary:hover {
  background: linear-gradient(135deg, #1a1428, var(--mc-bg-light));
}

.markdown-body summary::before {
  content: '▶';
  display: inline-block;
  margin-right: 12px;
  font-size: 0.7em;
  color: var(--mc-accent2);
  transition: transform 0.2s ease;
}

.markdown-body details[open] > summary::before {
  transform: rotate(90deg);
}

.markdown-body details > pre,
.markdown-body details > table {
  margin: 8px;
  border: none;
  border-radius: 8px;
  background: var(--mc-bg);
  overflow-x: auto;
}

.markdown-body details code {
  color: var(--mc-text);
  font-size: 12px;
  line-height: 1.6;
  background: transparent !important;
}

/* ---- Markdown表格美化 ---- */
.markdown-body details table {
  width: auto;
  min-width: 100%;
  border-collapse: collapse;
  font-size: 12px;
}

.markdown-body details table th {
  background: var(--mc-bg-light);
  color: var(--mc-accent);
  font-weight: 600;
  padding: 8px 12px;
  border: 1px solid var(--mc-border);
  text-align: left;
}

.markdown-body details table td {
  color: var(--mc-text);
  padding: 6px 12px;
  border: 1px solid var(--mc-border);
  background: var(--mc-bg);
}

/* ---- 对话气泡（AI侧）---- */
.group .bg-gray-100\/90 {
  background: var(--mc-bg-alt) !important;
  border: 1px solid var(--mc-border) !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 20px rgba(0,0,0,0.4) !important;
  color: var(--mc-text) !important;
  padding: 16px !important;
}

/* ---- 输入栏 ---- */
#ai-chat-input {
  background-color: var(--mc-bg-alt) !important;
  border: 1px solid var(--mc-border) !important;
  border-radius: 8px !important;
  color: var(--mc-text) !important;
  box-shadow: inset 2px 2px 4px rgba(0,0,0,0.3) !important;
}

#ai-chat-bottom-input {
  background: transparent !important;
  backdrop-filter: none !important;
}

/* ---- 平台按钮 ---- */
.flex.items-center.gap-2.pb-2 > button {
  background: var(--mc-bg-light) !important;
  color: var(--mc-accent) !important;
  border: 1px solid var(--mc-border) !important;
  border-radius: 6px !important;
  box-shadow: 2px 2px 0px rgba(0,0,0,0.3) !important;
  font-weight: 500 !important;
  text-transform: none !important;
  transition: all 0.15s ease !important;
  padding: 6px 16px !important;
}

.flex.items-center.gap-2.pb-2 > button:hover {
  background: var(--mc-bg-light) !important;
  border-color: var(--mc-accent2) !important;
  color: #fff !important;
  transform: translate(1px, 1px) !important;
  box-shadow: 0px 0px 0px transparent !important;
}

/* ---- 积分显示 ---- */
.MuiStack-root.text-purple-500.mt-1 {
  color: var(--mc-text-dim) !important;
}

.MuiStack-root.text-purple-500.mt-1 p {
  color: var(--mc-text-dim) !important;
}

/* ---- 加载动画 ---- */
.style_dot-flashing__8L91Q {
  background: transparent !important;
  width: 20px !important;
  height: 20px !important;
  border: 2px solid var(--mc-border) !important;
  border-left-color: var(--mc-accent2) !important;
  border-radius: 50% !important;
  animation: mc-spin 0.8s linear infinite !important;
}

@keyframes mc-spin {
  to { transform: rotate(360deg); }
}

#ai-chat-answer .chat-answer-container div:has(> .style_dot-flashing__8L91Q)::after {
  content: '穆沉正在脱去西装外套...';
  font-size: 12px;
  color: var(--mc-text-dim);
  margin-left: 10px;
}

/* ---- 开场白选择器 ---- */
div[data-state="closed"] > div.flex.items-center.px-2.text-xs.h-9 {
  background: var(--mc-bg-light) !important;
  border-color: var(--mc-border) !important;
  color: var(--mc-text) !important;
}

/* ---- 顶部导航栏 ---- */
.flex.items-center.justify-between.w-full.relative .text-green-800.bg-green-100 {
  background: var(--mc-bg-light) !important;
  color: var(--mc-accent) !important;
  border: 1px solid var(--mc-border) !important;
}