/* 1. 设置代码块整体圆角与阴影 */
.markdown-body pre {
  border-radius: 8px !important;
  border: 1px solid #fbcfe8 !important; /* 浅粉色边框 */
  box-shadow: 0 4px 6px -1px rgba(219, 39, 119, 0.1) !important;
}

/* 2. 头部栏背景与边框 */
.markdown-body pre > div > div.border-b {
  background-color: #fce7f3 !important; /* 浅粉色背景 */
  border-color: #fbcfe8 !important; /* 深一阶粉色边框 */
}

/* 3. 语言标签文字颜色 */
.markdown-body pre > div > div.text-\[13px\] {
  color: #db2777 !important; /* 玫红色文字 */
  font-weight: 600 !important;
}

/* 4. 代码内容区域背景 */
.markdown-body pre > div > div[node] {
  background-color: #fff5f7 !important; /* 极淡粉白底色 */
}

/* 5. 复制图标颜色联动 (R3规则) */
.markdown-body pre svg.lucide-copy,
.markdown-body pre div[data-tooltip-id^="copy-tooltip"] > svg {
  color: #ec4899 !important; /* 基础粉色 */
}

/* 6. 复制图标 Hover 效果 */
.markdown-body pre .group:hover svg.lucide-copy,
.markdown-body pre div[data-tooltip-id^="copy-tooltip"]:hover > svg {
  color: #be185d !important; /* Hover 时变为深粉色 */
}

/* 7. 针对回复状态栏的粉色定制 */
/* 假设您的回复状态栏容器类名为 .reply-status-bar，请根据实际DOM微调 */
.reply-status-bar,
.chat-input-container {
  background-color: #fdf2f8 !important;
  border: 1px solid #fbcfe8 !important;
  color: #9d174d !important;
}