/* ============================================================
   Decap CMS 后台 UI 定制
   与主站统一：浅色截图淡色基调（米白+粉红）/ 深色废墟（暗色+青绿），跟随系统
   覆盖方式：!important 压制 emotion 内联样式
   ============================================================ */

/* 浅色（默认 / 手动 light）：暖白 + 深青绿 */
:root,
html[data-theme="light"] {
  --decap-bg: #f7f5f0;
  --decap-bg-soft: #ffffff;
  --decap-text: #16181a;
  --decap-gold: #0f766e;
  --decap-gold-hover: #115e59;
  --decap-gold-light: rgba(15, 118, 110, 0.4);
  --decap-gold-soft: rgba(15, 118, 110, 0.14);
  --decap-text-soft: #4b4f4d;
  --decap-line: rgba(22, 24, 26, 0.12);
  --decap-card: #ffffff;
  --decap-red: #b91c1c;
  --decap-red-soft: rgba(185, 28, 28, 0.08);
}

/* 深色（手动 dark）：废墟赛博 */
html[data-theme="dark"] {
  --decap-bg: #0a0e0d;
  --decap-bg-soft: rgba(255, 255, 255, 0.05);
  --decap-text: #e8eae9;
  --decap-gold: #7fdcc6;
  --decap-gold-hover: #9de8d6;
  --decap-gold-light: rgba(127, 220, 198, 0.4);
  --decap-gold-soft: rgba(127, 220, 198, 0.16);
  --decap-text-soft: #9aa3aa;
  --decap-line: rgba(255, 255, 255, 0.12);
  --decap-card: #14191a;
  --decap-red: #b0403a;
  --decap-red-soft: rgba(176, 64, 58, 0.16);
}

/* 深色（未手动设置时跟随系统） */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
    --decap-bg: #0a0e0d;
    --decap-bg-soft: rgba(255, 255, 255, 0.05);
    --decap-text: #e8eae9;
    --decap-gold: #7fdcc6;
    --decap-gold-hover: #9de8d6;
    --decap-gold-light: rgba(127, 220, 198, 0.4);
    --decap-gold-soft: rgba(127, 220, 198, 0.16);
    --decap-text-soft: #9aa3aa;
    --decap-line: rgba(255, 255, 255, 0.12);
    --decap-card: #14191a;
    --decap-red: #b0403a;
    --decap-red-soft: rgba(176, 64, 58, 0.16);
  }
}

/* ---------- 全局底色、字体、文字色 ---------- */
html,
body,
#nc-root {
  background-color: var(--decap-bg) !important;
  color: var(--decap-text) !important;
  font-family: "Noto Sans JP", "PingFang SC", "Microsoft YaHei", sans-serif !important;
}

/* ---------- 细金色滚动条（与主站一致） ---------- */
#nc-root ::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
#nc-root ::-webkit-scrollbar-track {
  background: transparent;
}
#nc-root ::-webkit-scrollbar-thumb {
  background: var(--decap-gold-light);
  border-radius: 4px;
}
#nc-root ::-webkit-scrollbar-thumb:hover {
  background: var(--decap-gold);
}

/* ---------- 链接与文字弱化 ---------- */
#nc-root a {
  color: var(--decap-gold) !important;
}

/* ---------- 登录按钮：金色描边 + hover 反色填充 ---------- */
#nc-root button[class*="LoginButton"] {
  background-color: transparent !important;
  color: var(--decap-gold) !important;
  border: 1px solid var(--decap-gold) !important;
  border-radius: 2px !important;
  letter-spacing: 0.12em !important;
  font-family: inherit !important;
  transition: background-color 0.25s ease, color 0.25s ease !important;
}
#nc-root button[class*="LoginButton"]:hover:not(:disabled) {
  background-color: var(--decap-gold) !important;
  color: #fff !important;
}

/* ---------- 主按钮（保存 / 新建 / 发布等）金色底 ---------- */
#nc-root button[class*="PrimaryButton"] {
  background-color: var(--decap-gold) !important;
  border-color: var(--decap-gold) !important;
  border-radius: 2px !important;
  font-family: inherit !important;
}
#nc-root button[class*="PrimaryButton"]:hover:not(:disabled) {
  background-color: var(--decap-gold-hover) !important;
  border-color: var(--decap-gold-hover) !important;
}

/* ---------- 输入框：白底 + 细线 ---------- */
#nc-root input[type="text"],
#nc-root input[type="date"],
#nc-root input[type="datetime-local"],
#nc-root textarea,
#nc-root select {
  background-color: var(--decap-card) !important;
  border: 1px solid var(--decap-line) !important;
  border-radius: 2px !important;
  font-family: inherit !important;
}
#nc-root input:focus,
#nc-root textarea:focus,
#nc-root select:focus {
  border-color: var(--decap-gold) !important;
  box-shadow: 0 0 0 1px var(--decap-gold) !important;
  outline: none !important;
}

/* ---------- 侧边栏：米白底 + 金色选中 ---------- */
#nc-root aside {
  background-color: var(--decap-bg) !important;
  border-right: 1px solid var(--decap-line) !important;
}
#nc-root aside a[aria-current="true"],
#nc-root aside a[class*="active"],
#nc-root aside [class*="Active"] {
  color: var(--decap-gold) !important;
}

/* ---------- 覆盖 Decap 默认浅色组件（深色下保持统一，防黑白分界） ---------- */
#nc-root [class*="AppHeader"],
#nc-root [class*="CollectionTopContainer"],
#nc-root [class*="CardTop"] {
  background-color: var(--decap-bg) !important;
  border-bottom: 1px solid var(--decap-line) !important;
}
#nc-root [class*="SearchInput"],
#nc-root [class*="Sidebar"] input[type="text"],
#nc-root [class*="Sidebar"] input[type="search"] {
  background-color: var(--decap-bg-soft) !important;
  border: 1px solid var(--decap-line) !important;
  color: var(--decap-text) !important;
}
#nc-root [class*="SidebarNavLinkActive"],
#nc-root [class*="sidebarNavLinkActive"] {
  background-color: var(--decap-gold-soft) !important;
  color: var(--decap-gold) !important;
}

/* 列表条目：卡片白底统一（不用宽泛 [class*="Card"]，避免误伤 CardsGrid 等嵌套容器） */
#nc-root [class*="CollectionView"] a,
#nc-root [class*="EntryCard"] {
  color: var(--decap-text) !important;
}

/* ---------- 深色下残留的 Decap 默认浅色组件（字段标签/日期按钮/开关） ---------- */
#nc-root [class*="FieldLabel"] {
  background-color: transparent !important;
  color: var(--decap-text-soft) !important;
}
#nc-root [class*="DateTimeControl"] button,
#nc-root [class*="DateTimeControl"] [class*="button"] {
  background-color: var(--decap-bg-soft) !important;
  color: var(--decap-text) !important;
  border: 1px solid var(--decap-line) !important;
}
#nc-root [class*="ToggleBackground"] {
  background-color: var(--decap-line) !important;
}

/* ---------- 顶部工具条：细底边 + 统一背景（防止黑白分界） ---------- */
#nc-root [class*="ToolbarContainer"],
#nc-root header {
  background-color: var(--decap-bg) !important;
  border-bottom: 1px solid var(--decap-line) !important;
}
/* 内容主区统一背景 */
#nc-root [class*="Editor"],
#nc-root [class*="PaneContent"],
#nc-root main {
  background-color: var(--decap-bg) !important;
}

/* ---------- 暗色下残留白色：编辑器分栏面板（SplitPane）与正文可视编辑区内容容器 ---------- */
#nc-root [class*="SplitPane"] {
  background-color: var(--decap-bg) !important;
  box-shadow: none !important;
}
#nc-root .cms-editor-visual [class*="Editor"] > div {
  background-color: transparent !important;
}

/* ============================================================
   修复（2026-08-23，v15）：文章列表卡片多层边框堆叠
   - 原宽泛选择器 [class*="Card"] 匹配到 CardsGrid(UL)/ListCard(LI)/
     ListCardLink(A)/ListCardTitle(H2)，全部加了边框+背景 →
     三层嵌套边框，用户看到的「错误堆叠」
   修复：只对最外层卡片容器（ListCard-card / EntryCard）设边框，
   链接与标题透明无边框，网格容器 UL 不再误伤
   ============================================================ */
#nc-root [class*="EntryCard"],
#nc-root [class*="ListCard-card"] {
  background-color: var(--decap-card) !important;
  border: 1px solid var(--decap-line) !important;
  border-radius: 2px !important;
  box-shadow: none !important;
}
#nc-root [class*="ListCardLink"],
#nc-root [class*="ListCardTitle"] {
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* ---------- 状态提示 / 选中高亮：金色 ---------- */
#nc-root [class*="SuccessIcon"],
#nc-root [class*="Check"] {
  color: var(--decap-gold) !important;
}

/* ============================================================
   编辑器界面美化（主流平台风格：语雀 / 公众号后台）
   ============================================================ */

/* 编辑区整体：舒展留白，内容不贴边 */
#nc-root [class*="PaneContent"],
#nc-root [class*="ControlPaneContainer"] {
  padding: 28px 36px !important;
}
#nc-root [class*="Editor"] {
  background: var(--decap-bg) !important;
}

/* 字段列：宽屏下限宽居中（避免正文被拉得过宽、行过长难读） */
#nc-root [class*="ControlPaneContainer"] > [class*="ControlContainer"] {
  max-width: 720px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 14px 0;
  border-bottom: 1px solid var(--decap-line);
}
#nc-root [class*="ControlPaneContainer"] > [class*="ControlContainer"]:first-of-type {
  border-bottom: none;
  padding-top: 4px;
}

/* ---------- 标题输入：大号衬线（仅第一个字段 = 标题） ---------- */
#nc-root [class*="ControlPaneContainer"] > [class*="ControlContainer"]:first-of-type input[type="text"] {
  font-family: "Noto Serif JP", "Source Han Serif SC", serif !important;
  font-size: 26px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  color: var(--decap-text) !important;
  border: none !important;
  /* 底部线：1px 半透明青绿（原 2px 实色在暗色下过亮，弱化避免突兀） */
  border-bottom: 1px solid var(--decap-gold-light) !important;
  border-radius: 0 !important;
  padding: 14px 0 12px !important;
  background: transparent !important;
  box-shadow: none !important;
  width: 100% !important;
}

/* 字段标签：小字、字距，金菱形点缀（呼应主站神椿风） */
#nc-root [class*="ControlContainer"] label {
  font-size: 12px !important;
  letter-spacing: 0.12em !important;
  color: var(--decap-text-soft) !important;
}
#nc-root [class*="ControlContainer"] label::before {
  content: "\25C6";
  color: var(--decap-gold);
  font-size: 7px;
  margin-right: 7px;
  vertical-align: 3px;
}

/* ---------- 正文编辑区（Slate 视觉模式）：衬线 + 舒适行高 ---------- */
#nc-root .cms-editor-visual {
  font-family: "Noto Sans JP", "PingFang SC", "Microsoft YaHei", sans-serif !important;
  font-size: 16.5px !important;
  line-height: 1.95 !important;
  letter-spacing: 0.03em !important;
  color: var(--decap-text) !important;
}
#nc-root .cms-editor-visual h1 {
  font-size: 1.7em !important;
  font-weight: 700 !important;
}
#nc-root .cms-editor-visual h2 {
  font-size: 1.4em !important;
  font-weight: 700 !important;
}
#nc-root .cms-editor-visual h3 {
  font-size: 1.2em !important;
  font-weight: 700 !important;
}
#nc-root .cms-editor-visual blockquote {
  border-left: 3px solid var(--decap-gold) !important;
  margin: 1em 0 !important;
  padding: 0.2em 1em !important;
  color: var(--decap-text-soft) !important;
  background: var(--decap-gold-soft) !important;
}
#nc-root .cms-editor-visual code {
  background: var(--decap-gold-soft) !important;
  padding: 0.15em 0.4em !important;
  border-radius: 3px !important;
  font-size: 0.88em !important;
}
#nc-root .cms-editor-visual pre {
  background: #1f1e1a !important;
  color: #eae6de !important;
  padding: 14px 16px !important;
  border-radius: 6px !important;
}

/* ============================================================
   修复（2026-08-23，v13）：富文本 / Markdown 编辑框 UI 统一
   - Markdown 模式编辑区是 RawEditorContainer（带边框卡片）
   - 富文本模式 Editor 容器无边框 → 两种模式外观不一致
   修复：富文本 Editor 容器补上同样的细线边框 + 圆角
   ============================================================ */
#nc-root .cms-editor-visual > [class*="Editor"] {
  border: 1px solid var(--decap-line) !important;
  border-radius: 2px !important;
}

/* ---------- 正文 Markdown 工具栏：跟随主题（深色下不再是白底） ---------- */
#nc-root [class*="ControlContainer"] [class*="ToolbarContainer"] {
  background: var(--decap-card) !important;
  border: 1px solid var(--decap-line) !important;
  border-radius: 8px !important;
  padding: 6px 8px !important;
  box-shadow: none !important;
}

/* ============================================================
   修复（2026-08-23，v14）：Markdown 工具栏窄列垂直堆叠错位
   - 预览 SplitPane 下字段列变窄，工具栏按钮组（无 class 的
     直接子 div）是 display:block + 宽 106px → 9 个格式按钮
     垂直堆叠成 184px 高，富文本/Markdown 切换还覆盖在图标上
   修复：按钮组改 flex 横排，工具栏整体 nowrap + 横向滚动
   ============================================================ */
/* 按钮组（第一个直接子 div）横排，不再垂直堆叠 */
#nc-root [class*="ControlContainer"] [class*="ToolbarContainer"] > div {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
}
/* 工具栏整体不换行，超出部分横向滚动（保持一行） */
#nc-root [class*="ControlContainer"] [class*="ToolbarContainer"] {
  flex-wrap: nowrap !important;
  overflow-x: auto !important;
}
/* 按钮与切换不压缩，保证图标完整 */
#nc-root [class*="ControlContainer"] [class*="ToolbarContainer"] [class*="StyledToolbarButton"],
#nc-root [class*="ControlContainer"] [class*="ToolbarContainer"] [class*="ToolbarToggle"],
#nc-root [class*="ControlContainer"] [class*="ToolbarContainer"] [class*="ToolbarDropdownWrapper"] {
  flex-shrink: 0 !important;
}
#nc-root [class*="ControlContainer"] [class*="StyledToolbarButton"] {
  border-radius: 5px !important;
  margin: 0 1px !important;
}
#nc-root [class*="ControlContainer"] [class*="StyledToolbarButton"]:hover {
  background: var(--decap-gold-soft) !important;
  color: var(--decap-gold) !important;
}

/* ---------- 保存 / 发布按钮：统一字体 ---------- */
#nc-root [class*="ToolbarButton"] {
  font-family: inherit !important;
}

/* ---------- 编辑器两侧面板分隔线 ---------- */
#nc-root [class*="PaneContainer"] > div {
  border-color: var(--decap-line) !important;
}

/* ============================================================
   修复（2026-08-22）：Decap 默认蓝 / 粉红残留 → 统一主题色
   - 工具栏 SVG 图标跟随文字色（深色下不再是黑色不可见）
   - 「点击以预览」按钮 默认蓝 → 主题青绿
   - 富文本/Markdown 切换 active 标签 默认蓝 → 主题青绿
   - 开关选中态金色（不再被灰色压平）
   - 删除按钮 粉红底 → 主题红
   ============================================================ */

/* 工具栏 SVG 图标跟随文字颜色（浅灰，hover 时随按钮变主题色） */
#nc-root [class*="IconWrapper"],
#nc-root [class*="StyledToolbarButton"],
#nc-root [class*="ToolbarButton"] {
  color: var(--decap-text-soft) !important;
}
#nc-root [class*="IconWrapper"] svg,
#nc-root [class*="IconWrapper"] path,
#nc-root [class*="StyledToolbarButton"] svg,
#nc-root [class*="StyledToolbarButton"] path {
  fill: currentColor !important;
  stroke: currentColor !important;
}

/* 「点击以预览」按钮：默认蓝 → 主题青绿 */
#nc-root button[class*="RefreshPreviewButton"] {
  color: var(--decap-gold) !important;
}
#nc-root button[class*="RefreshPreviewButton"]:hover {
  color: var(--decap-gold-hover) !important;
}

/* 富文本/Markdown 切换：active（3 段式类名）→ 青绿，inactive → 灰 */
#nc-root [class*="ToolbarToggle"] [class*="ToolbarToggleLabel"] {
  color: var(--decap-text-soft) !important;
}
#nc-root [class*="ToolbarToggle"] [class*="ToolbarToggleLabel"][class*="ToolbarToggleLabel-ToolbarToggleLabel"] {
  color: var(--decap-gold) !important;
}

/* 开关选中态：金色（aria-checked=true），handle 白 */
#nc-root button[role="switch"][aria-checked="true"] [class*="ToggleBackground"] {
  background-color: var(--decap-gold) !important;
}
#nc-root button[role="switch"][aria-checked="true"] [class*="ToggleHandle"] {
  background-color: #fff !important;
}

/* 删除按钮：粉红底 → 主题红（细线 + 浅红底） */
#nc-root button[class*="DeleteButton"] {
  background-color: var(--decap-red-soft) !important;
  color: var(--decap-red) !important;
  border: 1px solid var(--decap-red) !important;
}

/* ============================================================
   修复（2026-08-22）：暗色模式下日期 / 分类控件配色
   - 输入框文字色跟随主题（深色下不再是黑字看不清）
   - DateTimeControl 残留的 Decap 默认白卡透明化
   - 分类下拉（react-select）：容器/文字/选中项主题化
   - 日期选择日历（react-datepicker）深色适配
   注：react-select 类名是小写 "-container/-control/-menu"，
   Decap 自带组件是大写 "Container/Control"，选择器大小写敏感互不干扰
   ============================================================ */

/* 输入框文字色跟随主题 + 金色光标 */
#nc-root input[type="text"],
#nc-root input[type="date"],
#nc-root input[type="datetime-local"],
#nc-root textarea,
#nc-root select {
  color: var(--decap-text) !important;
  caret-color: var(--decap-gold) !important;
}

/* 日期控件容器：去掉 Decap 默认白卡 */
#nc-root [class*="DateTimeControl"] {
  background-color: transparent !important;
}

/* 分类下拉（react-select）外层容器透明 + 边框主题化（默认蓝 → 细线/青绿） */
#nc-root div[class*="-container"] {
  background-color: transparent !important;
  border: 1px solid var(--decap-line) !important;
}
#nc-root div[class*="-container"]:focus-within {
  border-color: var(--decap-gold) !important;
}
/* react-select 控制条：深色卡片底 + 细线 + 主题文字 */
#nc-root div[class*="-control"] {
  background-color: var(--decap-card) !important;
  border-color: var(--decap-line) !important;
  color: var(--decap-text) !important;
}
#nc-root div[class*="-control"]:hover,
#nc-root div[class*="-control"]:focus-within {
  border-color: var(--decap-gold) !important;
  box-shadow: 0 0 0 1px var(--decap-gold) !important;
}
/* 分类显示值 / 输入 / 占位文字 */
#nc-root div[class*="-control"] input,
#nc-root div[class*="-control"] [class*="singleValue"],
#nc-root div[class*="-control"] [class*="placeholder"] {
  color: var(--decap-text) !important;
}

/* 下拉菜单与选项 */
#nc-root div[class*="-menu"] {
  background-color: var(--decap-card) !important;
  border: 1px solid var(--decap-line) !important;
  box-shadow: 0 12px 32px -18px rgba(0, 0, 0, 0.6) !important;
}
#nc-root div[class*="-menu"] [role="option"] {
  color: var(--decap-text-soft) !important;
  background-color: transparent !important;
}
#nc-root div[class*="-menu"] [role="option"]:hover {
  background-color: var(--decap-gold-soft) !important;
  color: var(--decap-gold) !important;
}
#nc-root div[class*="-menu"] [role="option"][aria-selected="true"] {
  background-color: var(--decap-gold-soft) !important;
  color: var(--decap-gold) !important;
  font-weight: 600;
}

/* 日期选择日历（react-datepicker）：跟随主题 */
#nc-root .react-datepicker-popper .react-datepicker,
#nc-root .react-datepicker {
  background-color: var(--decap-card) !important;
  border: 1px solid var(--decap-line) !important;
  color: var(--decap-text) !important;
  box-shadow: 0 12px 32px -18px rgba(0, 0, 0, 0.6) !important;
}
#nc-root .react-datepicker__header {
  background-color: var(--decap-bg-soft) !important;
  border-bottom: 1px solid var(--decap-line) !important;
}
#nc-root .react-datepicker__current-month,
#nc-root .react-datepicker__day-name,
#nc-root .react-datepicker__day {
  color: var(--decap-text) !important;
}
#nc-root .react-datepicker__day:hover {
  background-color: var(--decap-gold-soft) !important;
}
#nc-root .react-datepicker__day--selected,
#nc-root .react-datepicker__day--keyboard-selected {
  background-color: var(--decap-gold) !important;
  color: #fff !important;
}
#nc-root .react-datepicker__day--outside-month {
  color: var(--decap-text-soft) !important;
  opacity: 0.5;
}
#nc-root .react-datepicker__navigation {
  border-color: var(--decap-text-soft) !important;
}
#nc-root .react-datepicker__time-container,
#nc-root .react-datepicker__time-list-item {
  background-color: var(--decap-card) !important;
  color: var(--decap-text) !important;
}

/* ============================================================
   修复（2026-08-22，v10）：暗色模式剩余白色残留 / 黑色原生控件
   - 原生 date/datetime 控件 color-scheme: dark（日历图标不再黑色）
   - 布尔开关（草稿）外层 Decap 白容器透明化
   - NoPreviewContainer（预览关闭占位）白块 → 主题底
   - 账号下拉按钮浅青底 → 主题表面
   - 分类下拉箭头图标 / 菜单边框主题化
   ============================================================ */

/* 原生日期/时间/选择控件：暗色下用浏览器深色渲染（图标/弹层不再黑） */
html[data-theme="dark"] #nc-root input[type="date"],
html[data-theme="dark"] #nc-root input[type="datetime-local"],
html[data-theme="dark"] #nc-root select {
  color-scheme: dark !important;
}

/* 布尔开关（草稿）外层 Decap 默认白容器：透明化 */
#nc-root [class*="ControlContainer"] div:has(> button[role="switch"]) {
  background-color: transparent !important;
}

/* 预览关闭时的占位容器：白块 → 主题背景 */
#nc-root [class*="NoPreviewContainer"] {
  background-color: var(--decap-bg) !important;
  color: var(--decap-text) !important;
  border: 1px solid var(--decap-line) !important;
}

/* 右上角账号下拉按钮：浅青底 → 主题表面 */
#nc-root [class*="StyledDropdownButton"] {
  background-color: var(--decap-bg-soft) !important;
  color: var(--decap-text) !important;
  border: 1px solid var(--decap-line) !important;
}

/* 分类下拉箭头图标：深灰 → 主题弱色，hover 时主题色 */
#nc-root div[class*="-control"] [class*="indicator"] {
  color: var(--decap-text-soft) !important;
}
#nc-root div[class*="-control"] [class*="indicator"] svg,
#nc-root div[class*="-control"] [class*="indicator"] path {
  fill: currentColor !important;
}
#nc-root div[class*="-control"]:hover [class*="indicator"],
#nc-root div[class*="-control"]:focus-within [class*="indicator"] {
  color: var(--decap-gold) !important;
}

/* 分类下拉菜单列表：去掉 Decap 默认深灰轮廓（实际是 outline） */
#nc-root div[class*="-menu"] [role="listbox"] {
  outline: none !important;
  border: none !important;
}

/* ============================================================
   修复（2026-08-23，v11）：Markdown 模式编辑器变白
   - 勾选 Markdown 后编辑区用 Slate 编辑器（.cms-editor-raw），
     默认纯白底 + 深灰字（#444a57）
   - 左侧还有 Decap 默认 2px 浅白竖线（#dfdfe3）→ 用户看到的「白色一竖」
   修复：背景透明继承主题色、文字跟随主题、去掉左侧白竖线
   ============================================================ */

/* Markdown 模式 Slate 编辑器：白底/深灰字 → 主题深色/浅色字 */
#nc-root .cms-editor-raw [data-slate-editor="true"],
#nc-root [class*="RawEditorContainer"] [data-slate-editor="true"] {
  background-color: transparent !important;
  color: var(--decap-text) !important;
}
#nc-root .cms-editor-raw [data-slate-editor="true"] span,
#nc-root .cms-editor-raw [data-slate-editor="true"] div {
  color: var(--decap-text) !important;
}
/* 去掉左侧 Decap 默认浅白竖线（2px #dfdfe3） */
#nc-root .cms-editor-raw [data-slate-editor="true"] {
  border-left: none !important;
}
/* Raw 编辑器容器：统一主题背景 + 细线边框 */
#nc-root [class*="RawEditorContainer"] {
  background-color: var(--decap-bg) !important;
  border: 1px solid var(--decap-line) !important;
  border-radius: 2px !important;
}

/* ============================================================
   修复（2026-08-23，v12）：视觉审查发现 2px 浅白边框
   - Qwen-VL 审查暗色编辑器截图：DateTimeControl（日期）与
     草稿开关容器带 Decap 默认 2px #dfdfe3 边框，暗色下像白框
   修复：统一为主题细线 + 圆角
   ============================================================ */
#nc-root [class*="DateTimeControl"],
#nc-root [class*="ControlContainer"] div:has(> button[role="switch"]) {
  border: 1px solid var(--decap-line) !important;
  border-radius: 2px !important;
}

/* ============================================================
   修复（2026-08-23，v16）：网格视图卡片深色主题化
   - 文章列表默认是网格视图，卡片类名是 GridCard-card / GridCardLink，
     v15 只覆盖了列表视图（ListCard-card），网格卡片仍是 Decap 默认
     纯白背景 + 浅阴影，深色模式下异常突兀
   修复：网格卡片与列表卡片统一（--decap-card 底 + 细线边框 + 无阴影），
   卡片标题颜色跟随主题（列表视图 ListCardTitle 之前漏了 color）
   ============================================================ */
#nc-root [class*="GridCard-card"],
#nc-root [class*="GridCardLink"] {
  background-color: var(--decap-card) !important;
  color: var(--decap-text) !important;
}
#nc-root [class*="GridCard-card"] {
  border: 1px solid var(--decap-line) !important;
  border-radius: 2px !important;
  box-shadow: none !important;
}
/* 卡片标题文字：跟随主题（网格 CardHeading + 列表 ListCardTitle） */
#nc-root [class*="CardHeading"],
#nc-root [class*="ListCardTitle"] {
  color: var(--decap-text) !important;
}
/* 卡片底部白色渐变线：Decap 给有图片的卡片做的淡出阴影（inset box-shadow
   纯白），纯文字卡片上在深色背景下是一条刺眼白线 → 移除 */
#nc-root [class*="CardBody"]::after {
  box-shadow: none !important;
}
/* 新建内容按钮（＋ 文章）：Decap 默认灰 → 主题金色 */
#nc-root [class*="CollectionTopNewButton"] {
  background-color: var(--decap-gold) !important;
  color: var(--decap-bg) !important;
  border: 1px solid var(--decap-gold) !important;
}
#nc-root [class*="CollectionTopNewButton"]:hover {
  background-color: var(--decap-gold-hover) !important;
  border-color: var(--decap-gold-hover) !important;
}

/* ============================================================
   修复（2026-08-23，v16）：富文本模式正文文字跟随主题
   - v11 只修了 Markdown 模式（.cms-editor-raw）的 Slate 文字色，
     富文本模式（.cms-editor-visual）的正文仍是 Decap 默认深色
     （#444a57 / #313d3e），深色背景下几乎看不清 → 两种模式 UI 不一致
   修复：富文本 Slate 编辑区文字、光标与 Markdown 模式统一为主题色
   ============================================================ */
#nc-root .cms-editor-visual [data-slate-editor="true"] {
  color: var(--decap-text) !important;
  caret-color: var(--decap-gold) !important;
}
#nc-root .cms-editor-visual [data-slate-editor="true"] span,
#nc-root .cms-editor-visual [data-slate-editor="true"] p,
#nc-root .cms-editor-visual [data-slate-editor="true"] div {
  color: var(--decap-text) !important;
}