/* =========================================
 嘉豪模拟器 - 粉色暗面主题 UI （已纠错）
 ========================================= */
/* 1. 全局气泡底色 */
#customized-answer-content {
  background: linear-gradient(135deg, #FDF6F8 0%, #FFF0F5 100%) !important;
  border: 1px solid #EAE0E4 !important;
  box-shadow: 0 4px 20px rgba(208, 96, 121, 0.08), inset 0 0 15px rgba(255, 255, 255, 0.8) !important;
}

/* 2. 基础排版 */
#customized-answer-content .markdown-body {
  color: #2C1A20 !important;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif !important;
  line-height: 1.7 !important;
  letter-spacing: 0.02em !important;
}

/* 3. 强调文本 */
#customized-answer-content .markdown-body strong {
  color: #901A35 !important;
  font-weight: 700 !important;
  text-shadow: 0 1px 0 rgba(255,255,255,0.5) !important;
}

#customized-answer-content .markdown-body h1,
#customized-answer-content .markdown-body h2,
#customized-answer-content .markdown-body h3 {
  color: #4A1A2B !important;
  border-bottom: 1px solid #E8C1CD !important;
  padding-bottom: 4px !important;
}

/* 4. 折叠面板（档案记录） */
#customized-answer-content .markdown-body details {
  background: #FFFFFF !important;
  border: 1px solid #F1D4DF !important;
  border-left: 5px solid #C44C73 !important;
  border-radius: 6px !important;
  margin: 14px 0 !important;
  box-shadow: 0 2px 8px rgba(196, 76, 115, 0.05) !important;
  overflow: hidden !important;
  transition: all 0.3s ease !important;
}

/* 5. 档案标题 */
#customized-answer-content .markdown-body summary {
  background: linear-gradient(to right, #FCF0F3, #FFFFFF) !important;
  color: #5C1C30 !important;
  font-weight: 600 !important;
  padding: 12px 16px !important;
  cursor: pointer !important;
  list-style: none !important; /* 隐藏默认三角 */
  position: relative !important;
}

/* 自定义展开箭头 */
#customized-answer-content .markdown-body summary::before {
  content: "✦" !important;
  display: inline-block !important;
  margin-right: 8px !important;
  color: #C44C73 !important;
  transition: transform 0.3s ease !important;
}

#customized-answer-content .markdown-body details[open] summary::before {
  transform: rotate(90deg) !important;
  color: #901A35 !important;
}

#customized-answer-content .markdown-body summary:hover {
  background: #F8E1E8 !important;
  color: #901A35 !important;
}

/* ✅ 已修正：> 替换 >，并加上直接子元素限制 */
#customized-answer-content .markdown-body details > *:not(summary) {
  padding: 12px 16px !important;
  margin: 0 !important;
  border-top: 1px dashed #F1D4DF !important;
}

/* 6. 状态栏UI（代码块） */
#customized-answer-content .markdown-body pre {
  background: linear-gradient(180deg, #1A1116 0%, #0F090D 100%) !important;
  border: 1px solid #4A1A2B !important;
  border-radius: 8px !important;
  box-shadow: inset 0 0 20px rgba(255, 130, 169, 0.05) !important;
  padding: 16px !important;
}

#customized-answer-content .markdown-body pre code {
  color: #FF82A9 !important;
  font-family: "Fira Code", Consolas, monospace !important;
  font-size: 0.9em !important;
  text-shadow: 0 0 6px rgba(255, 130, 169, 0.4) !important;
}

/* ✅ 已修正：行内代码标签 */
#customized-answer-content .markdown-body :not(pre) > code {
  background-color: #F8E1E8 !important;
  color: #901A35 !important;
  padding: 2px 6px !important;
  border-radius: 4px !important;
}

/* 7. 表格 */
#customized-answer-content .markdown-body table {
  border-collapse: collapse !important;
  width: 100% !important;
  background: #FFFFFF !important;
  border-radius: 6px !important;
  overflow: hidden !important;
}

#customized-answer-content .markdown-body table th {
  background-color: #F4DFE5 !important;
  color: #4A1A2B !important;
  font-weight: 600 !important;
  padding: 10px !important;
  border: 1px solid #E8C1CD !important;
}

#customized-answer-content .markdown-body table td {
  padding: 10px !important;
  border: 1px solid #EAE0E4 !important;
  color: #3A232B !important;
}

#customized-answer-content .markdown-body table tr:hover td {
  background-color: #FCF4F6 !important;
}

/* 8. 列表 */
#customized-answer-content .markdown-body ul li::marker {
  color: #C44C73 !important;
}