/* 让 CKEditor 内容区域与站点的暗色主题一致 */
body.cke_editable,
body.editor-dark {
  background-color: #111827; /* gray-900 */
  color: #e5e7eb; /* gray-200 */
  font-size: 16px;
  line-height: 1.8;
  padding: 0.75rem 1rem;
}

/* 标题 */
body.cke_editable h1,
body.cke_editable h2,
body.cke_editable h3,
body.cke_editable h4,
body.cke_editable h5,
body.cke_editable h6 {
  color: #ffffff;
  margin: 1.25em 0 0.5em 0;
}

/* 链接 */
body.cke_editable a {
  color: #60a5fa; /* blue-400 */
  text-decoration: underline;
}
body.cke_editable a:hover {
  color: #93c5fd; /* blue-300 */
}

/* 段落与列表 */
body.cke_editable p { margin: 0.5em 0; }
body.cke_editable ul,
body.cke_editable ol { padding-left: 1.25rem; }
body.cke_editable li { margin: 0.25rem 0; }

/* 引用 */
body.cke_editable blockquote {
  background: #0b1220; /* darker bg */
  color: #d1d5db; /* gray-300 */
  border-left: 4px solid #4b5563; /* gray-600 */
  margin: 1rem 0;
  padding: 0.75rem 1rem;
  border-radius: 0.375rem;
}

/* 代码块与行内代码 */
body.cke_editable pre,
body.cke_editable code {
  background: #0b1220;
  color: #e5e7eb;
  border: 1px solid #374151; /* gray-700 */
  border-radius: 0.375rem;
}
body.cke_editable pre { padding: 0.75rem 1rem; overflow: auto; }
body.cke_editable code { padding: 0.1rem 0.35rem; }

/* 表格 */
body.cke_editable table {
  width: 100%;
  border-collapse: collapse;
}
body.cke_editable th,
body.cke_editable td {
  border: 1px solid #374151;
  padding: 0.5rem 0.75rem;
}
body.cke_editable thead th {
  background: #1f2937; /* gray-800 */
}

/* 水平线 */
body.cke_editable hr {
  border: none;
  border-top: 1px solid #374151;
  margin: 1rem 0;
}

/* 图片自适应 */
body.cke_editable img {
  max-width: 100%;
  height: auto !important;
  border-radius: 0.375rem;
}

/* --- CKEditor UI（工具栏等）暗色主题与可读性增强 --- */
.ck-container { width: 100%; }
.django-ckeditor-widget, .ck-container .django-ckeditor-widget { width: 100% !important; }
.cke_chrome { width: 100% !important; background: #0b1220 !important; border: 1px solid #374151 !important; border-radius: 0.5rem; }
.cke_top, .cke_bottom { background: #0b1220 !important; border-color: #374151 !important; }
.cke_toolgroup { background: transparent !important; border-color: #374151 !important; }
.cke_button a, .cke_button a:hover, .cke_button a:focus { color: #e5e7eb !important; }
.cke_combo_button, .cke_combo, .cke_combo_button:hover { background: #111827 !important; border-color: #374151 !important; }
.cke_combo_text, .cke_button_label { color: #e5e7eb !important; font-size: 14px; }
.cke_button_on, .cke_button:hover { background-color: #1f2937 !important; }
.cke_panel { background: #0b1220 !important; border-color: #374151 !important; }
.cke_panel_frame, .cke_panel_block, .cke_panel_list { background: #0b1220 !important; }
.cke_panel_listItem a { color: #e5e7eb !important; background: transparent !important; }
.cke_panel_listItem a:hover { background: #1f2937 !important; color: #ffffff !important; }
.cke_path { color: #9ca3af !important; }

/* 编辑区最小高度，避免初始过矮 */
body.cke_editable { min-height: 400px; }

/* --- 让工具栏图标与文字在暗色背景下更清晰（白色） --- */
.cke_button_label, .cke_combo_text { color: #ffffff !important; }
.cke_button a, .cke_button a:hover, .cke_button a:focus { color: #ffffff !important; }
/* 反相与增亮处理 CKEditor4 精灵图标，适配深色背景 */
.cke_button_icon, .cke_combo_arrow { filter: invert(1) brightness(1.6) contrast(1.1) !important; }

/* --- 富文本中的 iframe 更友好的响应式显示（16:9） --- */
body.cke_editable iframe { width: 100% !important; aspect-ratio: 16 / 9; height: auto !important; border-radius: 8px; display: block; margin: 1rem 0; }

/* 专门把“格式/标题1-3”下拉的文字调成白色 */
 .cke_combo.cke_combo__format .cke_combo_text { color: #ffffff !important; }
 .cke_panel .cke_panel_listItem a { color: #ffffff !important; }
 .cke_panel .cke_panel_listItem a:hover { background: #1f2937 !important; }

/* 仅显示 Bilibili 插件按钮的文字，隐藏图标占位 */
.cke_button__bilibili_icon { display: none !important; }
.cke_button__bilibili .cke_button_label { display: inline !important; padding: 0 6px; font-weight: 600; }
/* 统一按钮高度，保证文字按钮对齐 */
.cke_button.cke_button__bilibili { height: 32px !important; }