/* UEditor 站点适配主题：仅作用于编辑器外壳（.qx-ue / .edui-default）。
   编辑器外壳与编辑区按「浅色孤岛」处理（编辑区是所见即所得的白底文档区，
   与发布后的前台正文一致），因此外壳配色使用固定浅色值，不随皮肤令牌变化，
   保证三套皮肤下编辑器的可读性一致；皮肤切换只影响页面其余部分。 */
.qx-ue {
  border: 1px solid var(--line-strong, #cfd9e3);
  border-radius: var(--radius-lg, 12px);
  overflow: hidden;
  background: #fff;
}
.qx-ue:focus-within { border-color: #3a86b8; box-shadow: 0 0 0 3px rgba(58, 134, 184, .14); }
.qx-ue .edui-editor { border: 0 !important; }
.qx-ue .edui-default .edui-editor-toolbarboxouter { background: linear-gradient(180deg, #fbfdff 0%, #f4f8fc 100%); border-bottom: 1px solid var(--line, #e2e8ee) !important; }
.qx-ue .edui-default .edui-editor-bottomContainer { display: none; }
.qx-ue .qx-ue-src { width: 100%; min-height: 220px; border: 0; padding: 14px 16px; font-family: ui-monospace, Menlo, Consolas, monospace; font-size: 13.5px; line-height: 1.8; }

/* 底部状态条 */
.qx-ue-foot {
  display: flex; flex-wrap: wrap; gap: 12px; align-items: center;
  padding: 8px 12px; border-top: 1px solid #e2e8ee; background: #fafcfe;
  font-size: 12.5px; color: #6b7a89;
}
.qx-ue-foot .qx-ue-min { color: #6b7a89; }
.qx-ue-foot .qx-ue-msg { color: #0f5c8c; }
.qx-ue-foot .qx-ue-msg.err { color: #c0392b; }

/* 移动端：工具栏允许横向滚动，避免挤压 */
@media (max-width: 640px) {
  .qx-ue .edui-default .edui-editor-toolbarbox { overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .qx-ue-foot { flex-direction: column; align-items: flex-start; gap: 4px; }
}

/* ============================================================
 * UEditor 弹窗 / 工具栏 / 下拉菜单的配色兜底
 * 目的：编辑器内部元素容易继承站点浅色底样式，出现「白底白字」或看不清按钮的情况，
 *       这里按 UEditor 自身的类名前缀做作用域内兜底，保证文字与底色始终有对比。
 * 注意：全部选择器都限定在 .edui-default 下，不影响站点其它元素。
 * ============================================================ */
.edui-default .edui-dialog { color: #111c26; background: #fff; }
.edui-default .edui-dialog-titlebar { background: linear-gradient(180deg, #fbfdff, #f1f5f9); border-bottom: 1px solid #e2e8ee; color: #111c26; }
.edui-default .edui-dialog-title { color: #111c26; font-weight: 700; }
.edui-default .edui-dialog-content { background: #fff; color: #111c26; }
.edui-default .edui-dialog-foot { background: #fafcfe; border-top: 1px solid #e2e8ee; }
.edui-default .edui-dialog-caption { color: #111c26; }
.edui-default .edui-dialog-closebutton .edui-button-body { color: #44535f; }
.edui-default .edui-dialog-closebutton .edui-button-body:hover { color: #c0392b; }

/* 弹窗内表单元素：确保可见 */
.edui-default .edui-dialog input[type=text],
.edui-default .edui-dialog input[type=password],
.edui-default .edui-dialog input[type=number],
.edui-default .edui-dialog textarea,
.edui-default .edui-dialog select {
  background: #fff; color: #111c26; border: 1px solid #cfd9e3; border-radius: 6px; padding: 5px 8px;
}
.edui-default .edui-dialog label,
.edui-default .edui-dialog span,
.edui-default .edui-dialog td,
.edui-default .edui-dialog th { color: #111c26; }
.edui-default .edui-dialog .edui-input-placeholder { color: #7e8c98; }

/* 按钮：默认浅底深字，主按钮深底白字 */
.edui-default .edui-button-body,
.edui-default .edui-splitbutton-body,
.edui-default .edui-menubutton-body,
.edui-default .edui-combox-body { color: #111c26; }
.edui-default .edui-button-body:hover,
.edui-default .edui-splitbutton-body:hover,
.edui-default .edui-menubutton-body:hover { color: #0a4569; }
.edui-default .edui-button.edui-default .edui-button-body { color: #111c26; }
.edui-default .edui-dialog .edui-button-body { color: #111c26; background: #f4f7fb; border: 1px solid #cfd9e3; border-radius: 6px; padding: 4px 12px; }
.edui-default .edui-dialog .edui-button-body:hover { background: #e8eff6; color: #0a4569; }

/* 工具栏图标状态 */
.edui-default .edui-toolbar .edui-button:hover .edui-button-body { border-color: #3a86b8; }
.edui-default .edui-toolbar .edui-for-insertimage .edui-icon,
.edui-default .edui-toolbar .edui-for-insertvideo .edui-icon,
.edui-default .edui-toolbar .edui-for-attachment .edui-icon { filter: none; }

/* 下拉面板 / 菜单 */
.edui-default .edui-popup .edui-popup-body { background: #fff; border: 1px solid #cfd9e3; }
.edui-default .edui-menu-body { background: #fff; color: #111c26; }
.edui-default .edui-menu-body a { color: #111c26; }
.edui-default .edui-menu-body a:hover { background: #eef5fa; color: #0a4569; }
.edui-default .edui-listitem-label { color: #111c26; }
.edui-default .edui-listitem:hover { background: #eef5fa; }

/* ============================================================
   注意（重要）：
   本文件同时被【宿主页面】与【编辑器 iframe】引用，因此这里只能放
   带作用域的规则（.qx-ue / .edui-default）。此前放在文件末尾的
   无作用域标签规则（body / h2 / h3 / p / ul / ol / li / img /
   blockquote / table / a / hr）会覆盖整站 body 的背景与文字色，
   导致换肤（尤其暗色皮肤）失效、以及「白底白字/文字看不见」。
   这些「所见即所得」排版样式已改由 static/js/ueditor-qx.js 在
   编辑器 iframe 内部以 <style> 注入（仅作用于编辑区）。
   ============================================================ */

/* 提示层 */
.edui-default .edui-tooltip .edui-tooltip-arrow { display: none; }
.edui-default .edui-tooltip-body { background: #0a1722; color: #fff; border-radius: 6px; padding: 4px 9px; }