/* ============================================
   极简仙侠卡 CSS · 浅色系
   状态栏分行 + 代码块图标美化
   ============================================ */

:root {
  --bg: #f6f4f0;
  --card: #ffffff;
  --panel: #faf8f4;
  --line: #e6e2d8;
  --ink: #3a3532;
  --gray: #7a7571;
  --gray-l: #a39e9a;
  --warm: #d4a574;
  --cool: #8fa5ab;
}

/* ========= 状态栏折叠 ========= */
details {
  background: var(--card) !important;
  border: 1px solid var(--line) !important;
  border-radius: 6px !important;
  margin: 14px 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.03) !important;
}

details summary {
  color: var(--warm) !important;
  font-size: 13px !important;
  padding: 12px 18px !important;
  cursor: pointer !important;
  letter-spacing: 2px !important;
  background: linear-gradient(180deg, var(--panel) 0%, var(--card) 100%) !important;
  font-family: 'Songti SC', 'STSong', 'SimSun', serif !important;
  list-style: none !important;
  user-select: none !important;
  transition: all 0.2s ease !important;
}

details summary::-webkit-details-marker {display: none !important;}

details summary:hover {
  color: #b8915e !important;
  background: var(--panel) !important;
}

details[open] {
  box-shadow: 0 4px 12px rgba(212,165,116,0.08) !important;
  border-color: var(--warm) !important;
}

/* ========= 状态栏内容（混合方案）========= */
.status-box {
  padding: 12px 18px 16px !important;
  background: transparent !important;
}

/* 分隔标题 */
.s-sep {
  color: var(--warm) !important;
  font-size: 11px !important;
  font-family: 'Songti SC', 'STSong', 'SimSun', serif !important;
  letter-spacing: 2px !important;
  margin: 12px 0 6px !important;
  padding-top: 8px !important;
  border-top: 1px dashed var(--line) !important;
}

.s-sep:first-child {
  border-top: none !important;
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* 对齐行（数值类） */
.s-line {
  display: flex !important;
  justify-content: space-between !important;
  align-items: baseline !important;
  padding: 6px 0 !important;
  margin: 0 !important;
  border-bottom: 1px solid rgba(230,226,216,0.4) !important;
  font-size: 12px !important;
  line-height: 1.6 !important;
}

.s-line:last-of-type {
  border-bottom: none !important;
}

.s-label {
  color: var(--gray) !important;
  font-family: 'Songti SC', 'STSong', 'SimSun', serif !important;
  letter-spacing: 1px !important;
  flex-shrink: 0 !important;
  min-width: 70px !important;
}

.s-val {
  color: var(--ink) !important;
  text-align: right !important;
  flex: 1 !important;
}

/* 提示文本 */
.s-hint {
  color: var(--gray-l) !important;
  font-size: 11px !important;
  font-style: italic !important;
  margin: 4px 0 0 !important;
  text-align: center !important;
}

/* 记忆条目 */
.s-mem {
  color: var(--gray) !important;
  font-size: 11px !important;
  line-height: 1.8 !important;
  padding-left: 12px !important;
  margin: 4px 0 !important;
  position: relative !important;
}

.s-mem::before {
  content: "·" !important;
  position: absolute !important;
  left: 0 !important;
  color: var(--cool) !important;
}

/* ========= 行动选项（代码块美化增强）========= */
:not(details) > pre {
  background: linear-gradient(135deg, #faf8f4 0%, #ffffff 100%) !important;
  border: 1px solid var(--line) !important;
  border-left: 4px solid var(--cool) !important;
  border-radius: 6px !important;
  padding: 14px 16px 14px 38px !important;
  margin: 12px 0 !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  position: relative !important;
  box-shadow: 0 2px 6px rgba(0,0,0,0.04) !important;
  white-space: pre-wrap !important;
  word-wrap: break-word !important;
}

/* 统一图标（替换之前的序号） */
:not(details) > pre::before {
  content: "◆" !important;
  position: absolute !important;
  left: 14px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  color: var(--cool) !important;
  font-size: 12px !important;
  transition: all 0.3s ease !important;
}

/* 悬停效果 */
:not(details) > pre:hover {
  border-left-color: var(--warm) !important;
  background: linear-gradient(135deg, #ffffff 0%, #faf8f4 100%) !important;
  box-shadow: 0 4px 12px rgba(212,165,116,0.15) !important;
  transform: translateX(4px) !important;
}

:not(details) > pre:hover::before {
  color: var(--warm) !important;
  transform: translateY(-50%) scale(1.2) !important;
}

/* 强制覆盖平台代码高亮 */
:not(details) > pre,
:not(details) > pre code,
:not(details) > pre span {
  color: var(--ink) !important;
  font-size: 13px !important;
  line-height: 1.8 !important;
  font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif !important;
  background: transparent !important;
  font-weight: 400 !important;
}

/* ========= 对话气泡 ========= */
[class*="message-ai"],
[class*="assistant"],
[class*="ai-message"] {
  background: var(--card) !important;
  border: 1px solid var(--line) !important;
  border-left: 2px solid var(--cool) !important;
  border-radius: 8px !important;
  padding: 16px 20px !important;
  color: var(--ink) !important;
  line-height: 1.95 !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.03) !important;
}

[class*="message-user"],
[class*="user-message"] {
  background: var(--panel) !important;
  border: 1px solid var(--line) !important;
  border-radius: 8px !important;
  padding: 14px 18px !important;
  color: var(--ink) !important;
  line-height: 1.9 !important;
}

/* ========= 移动端 ========= */
@media (max-width: 768px) {
  details summary {font-size: 12px !important; padding: 10px 14px !important;}
  .status-box {padding: 10px 14px 14px !important;}
  .s-line {font-size: 11px !important; padding: 5px 0 !important;}
  .s-label {min-width: 60px !important;}
  .s-sep {font-size: 10px !important;}
  :not(details) > pre {font-size: 12px !important; padding: 12px 14px 12px 34px !important;}
  :not(details) > pre::before {font-size: 10px !important; left: 12px !important;}
  :not(details) > pre:hover {transform: translateX(2px) !important;}
}
/* ========= 记忆时间戳 ========= */
.m-time {
  color: var(--cool) !important;
  font-size: 10px !important;
  font-family: 'Menlo', 'Consolas', monospace !important;
  letter-spacing: 0 !important;
  margin-right: 6px !important;
  opacity: 0.85 !important;
  white-space: nowrap !important;
}

/* 核心记忆的时间戳用暖色，视觉上区分永久层 */
.s-sep + .s-mem .m-time,
.s-mem.core .m-time {
  color: var(--warm) !important;
  opacity: 1 !important;
}

/* 记忆区条目缩进调整，让时间戳和正文错开 */
.s-mem {
  padding-left: 14px !important;
  text-indent: 0 !important;
}

/* 记忆区的分隔标题带计数，稍微弱化括号里的数字 */
.s-sep {
  display: flex !important;
  align-items: baseline !important;
  gap: 6px !important;
}