/* ============================================================
   发帖页、编辑帖子页（电脑端，模板 module/publish/bbs-form.php、module/editor/bbs-form.php，步骤58）
   作用域 .jinsom-editor-bbs-content：两个模板最外层共用的容器，只有这两个页面有。选择器以 html 开头，比主题和后台「自定义 CSS」高一级。
   小优化（同帖子页，站长要求不大改 UI 布局）：布局、元素顺序、字号、按钮和交互都沿用主题，只改外观——
   - 左右两块对齐基线卡片：12px 圆角，日间极细阴影勾边、夜间 1px 细描边，两块之间 12px（基线 2.5、6.9）
   - 颜色换成页面层 --qh-s-* / 浮层 --qh-chrome-* 令牌，日间、夜间都看得清（7.2）：标题框、编辑器、输入框、下拉框、
     话题标签和搜索框、分类 / 游戏版本选择框和浮层、整合包表格、收藏提醒、取消按钮
   - 输入框统一：8px 圆角、细描边、点击时外框不变色（基线 6.7）
   编辑器本身的样式在 editor.css（全站共用）。
   规范：_优化补丁/前端设计基线.md 6.19
   ============================================================ */
html .jinsom-editor-bbs-content {
  --qh-pub-field: transparent;                    /* 输入框底：日间透出白卡片 */
  --qh-pub-field-line: rgba(0, 0, 0, .12);        /* 输入框描边（主题原来 #e6e6e6） */
  --qh-pub-field-hover: rgba(0, 0, 0, .2);
}
.theme-dark .jinsom-editor-bbs-content {
  --qh-pub-field: rgba(255, 255, 255, .03);
  --qh-pub-field-line: rgba(255, 255, 255, .1);
  --qh-pub-field-hover: rgba(255, 255, 255, .18);
}

/* ---- 卡片：左边（标题、编辑器、发帖选项）、右边（分类、类型、话题、按钮） ---- */
html .jinsom-editor-bbs-content .jinsom-publish-left,
html .jinsom-editor-bbs-content .jinsom-publish-right-content {
  border: 1px solid var(--qh-s-edge);              /* 日间透明（阴影勾边），夜间 1px 细描边 */
  border-radius: var(--qh-r-card);
  background-color: var(--qh-s-card);
  box-shadow: var(--qh-s-shadow);
}
html .jinsom-editor-bbs-content .jinsom-publish-left { width: calc(100% - 312px); margin-right: 12px; }   /* 两块之间 10px → 12px，右边宽度不变 */
html .jinsom-editor-bbs-content .jinsom-publish-right { border-radius: var(--qh-r-card); }
html .jinsom-editor-bbs-content .jinsom-bbs-fatie-bar { margin-bottom: 12px; }   /* 顶部提示条（版块「发帖页头部」）和卡片之间 */

/* ---- 标题框：主题和后台自定义样式是浅灰底黑字，夜间是一块亮色 ---- */
html .jinsom-editor-bbs-content .title .jinsom-bbs-title {
  height: 42px;
  border-radius: 8px;
  background: var(--qh-s-sunken);
  color: var(--qh-s-text);
  margin-bottom: 10px;
}
html .jinsom-editor-bbs-content .title .jinsom-bbs-title::placeholder { color: var(--qh-s-muted); }
html .jinsom-editor-bbs-content .title .color { top: 2px; right: 2px; }   /* 管理员的标题颜色：跟着标题框高度居中 */

/* ---- 右边卡片：每一项之间的分割线、小标题 ---- */
html .jinsom-editor-bbs-content .jinsom-publish-right-box { border-bottom-color: var(--qh-s-line); }
html .jinsom-editor-bbs-content .jinsom-publish-right-box > p { color: var(--qh-s-text); }

/* ---- 输入框、下拉框（layui）：细描边、8px 圆角，夜间浅一点的底；点击时外框不变色 ---- */
html .jinsom-editor-bbs-content .layui-input,
html .jinsom-editor-bbs-content .layui-textarea,
html .jinsom-editor-bbs-content .layui-select,
html .jinsom-editor-bbs-content .jinsom-publish-right-box .box-content input,
html .jinsom-editor-bbs-content .qrs-gv-field,
html .jinsom-editor-bbs-content .qrs-mp-tr input,
html .jinsom-editor-bbs-content .qrs-cn-box .qrs-cn-note {
  border: 1px solid var(--qh-pub-field-line);
  border-radius: 8px;
  background-color: var(--qh-pub-field);
  color: var(--qh-s-text);
  box-shadow: none;
}
html .jinsom-editor-bbs-content .layui-input:hover,
html .jinsom-editor-bbs-content .layui-textarea:hover,
html .jinsom-editor-bbs-content .qrs-gv-field:hover,
html .jinsom-editor-bbs-content .qrs-gv-fcol.open .qrs-gv-field,
html .jinsom-editor-bbs-content .layui-form-selected .layui-input { border-color: var(--qh-pub-field-hover) !important; }   /* layui 的悬停、展开是 !important 绿色描边 */
html .jinsom-editor-bbs-content .layui-input:focus,
html .jinsom-editor-bbs-content .layui-textarea:focus,
html .jinsom-editor-bbs-content .jinsom-publish-right-box .box-content input:focus,
html .jinsom-editor-bbs-content .qrs-mp-tr input:focus,
html .jinsom-editor-bbs-content .qrs-cn-box .qrs-cn-note:focus { border-color: var(--qh-pub-field-line) !important; box-shadow: none !important; outline: 0; }
html .jinsom-editor-bbs-content input::placeholder,
html .jinsom-editor-bbs-content textarea::placeholder { color: var(--qh-s-muted); }
html .jinsom-editor-bbs-content .layui-form-label { color: var(--qh-s-text2); }
html .jinsom-editor-bbs-content .layui-form-select .layui-edge { border-top-color: var(--qh-s-muted); }
/* 下拉框展开的列表：浮层令牌 */
html .jinsom-editor-bbs-content .layui-form-select dl {
  top: 42px;
  padding: 6px;
  border: 1px solid var(--qh-chrome-edge);
  border-radius: 10px;
  background: var(--qh-chrome-pop-solid);
  box-shadow: var(--qh-chrome-shadow);
}
html .jinsom-editor-bbs-content .layui-form-select dl dd { border-radius: var(--qh-r-pop-item); color: rgba(var(--qh-chrome-ink), .86); }
html .jinsom-editor-bbs-content .layui-form-select dl dd:hover { background: var(--qh-chrome-pop-hover); }
html .jinsom-editor-bbs-content .layui-form-select dl dd.layui-this { color: #fff; font-weight: 600; }   /* 选中项：主题写死主题色实底（!important），字是 layui 的绿色，换成白字（同已选的话题标签） */

/* ---- 售价、悬赏 ---- */
html .jinsom-editor-bbs-content .jinsom-publish-right-box .box-content input { height: 38px; }
html .jinsom-editor-bbs-content .jinsom-publish-right-box .box-content > m { border-radius: 8px; }

/* ---- 隐藏内容、投票、活动：分割线和小标题 ---- */
html .jinsom-editor-bbs-content #jinsom-bbs-publish-hide-content,
html .jinsom-editor-bbs-content #jinsom-bbs-publish-vote,
html .jinsom-editor-bbs-content #jinsom-bbs-publish-activity { border-top-color: var(--qh-s-line); }
html .jinsom-editor-bbs-content #jinsom-bbs-publish-hide-content .title { color: var(--qh-s-text2); }
html .jinsom-editor-bbs-content #jinsom-bbs-publish-activity p > span[style] { color: var(--qh-s-line) !important; }   /* 「以下选项是报名时要填的」两边的横线：模板里写死 #f6f6f6 */

/* ---- 话题（qirisha-bbs-topics 的选择区）：标签、搜索框 ---- */
html .jinsom-editor-bbs-content .qrs-bt-pick { background: var(--qh-s-sunken); color: var(--qh-s-text2); }
html .jinsom-editor-bbs-content .qrs-bt-pick:hover { color: var(--qh-accent); }
html .jinsom-editor-bbs-content .qrs-bt-pick.on,
html .jinsom-editor-bbs-content .qrs-bt-chip { border-color: var(--qh-accent); background: var(--qh-accent); color: #fff; }
html .jinsom-editor-bbs-content .qrs-bt-pick.new { border-color: var(--qh-accent); background: transparent; color: var(--qh-accent); }
html .jinsom-editor-bbs-content .qrs-bt-pick.deny { color: var(--qh-s-muted); }
html .jinsom-editor-bbs-content .qrs-bt-pick span { color: var(--qh-s-muted); }
html .jinsom-editor-bbs-content .qrs-bt-hot-title,
html .jinsom-editor-bbs-content .qrs-bt-publish .qrs-bt-tip,
html .jinsom-editor-bbs-content .qrs-bt-pick-none,
html .jinsom-editor-bbs-content .qrs-bt-pick-more { color: var(--qh-s-meta); }
html .jinsom-editor-bbs-content .qrs-bt-pick-more:hover { color: var(--qh-accent); }
html .jinsom-editor-bbs-content .qrs-bt-pick-search,
html .jinsom-editor-bbs-content .qrs-bt-pick-search:focus-within { border-color: var(--qh-pub-field-line); background: var(--qh-pub-field); }   /* 点击时外框不变色 */
html .jinsom-editor-bbs-content .qrs-bt-pick-search input { color: var(--qh-s-text); }
html .jinsom-editor-bbs-content .qrs-bt-pick-search i { color: var(--qh-s-muted); }

/* ---- 内容分类、游戏版本（qirisha-game-ver）：选择框和点开的浮层 ---- */
html .jinsom-editor-bbs-content .qrs-gv-fval.ph { color: var(--qh-s-muted); }
html .jinsom-editor-bbs-content .qrs-gv-field::after { border-color: var(--qh-s-muted); }
html .jinsom-editor-bbs-content .qrs-gv-pop {
  border: 1px solid var(--qh-chrome-edge);
  border-radius: var(--qh-r-pop);
  background: var(--qh-chrome-pop-solid);
  box-shadow: var(--qh-chrome-shadow);
  color: rgba(var(--qh-chrome-ink), .86);
}
html .jinsom-editor-bbs-content .qrs-gv-pop-ft { border-top-color: var(--qh-chrome-line); background: var(--qh-chrome-pop-solid); }
html .jinsom-editor-bbs-content .qrs-gv-pop .qrs-gv-pick { background: var(--qh-chrome-sunken); color: rgba(var(--qh-chrome-ink), .78); }
html .jinsom-editor-bbs-content .qrs-gv-pop .qrs-gv-pick.major { color: rgba(var(--qh-chrome-ink), .6); }
html .jinsom-editor-bbs-content .qrs-gv-pop .qrs-gv-pick:hover { color: var(--qh-chrome-accent-ink); }
html .jinsom-editor-bbs-content .qrs-gv-pop .qrs-gv-pick.on { border-color: var(--qh-accent); background: var(--qh-accent); color: #fff; }
html .jinsom-editor-bbs-content .qrs-gv-pop .qrs-gv-pick.legacy { border-color: rgba(var(--qh-chrome-ink), .3); }
html .jinsom-editor-bbs-content .qrs-gv-pick-lb,
html .jinsom-editor-bbs-content .qrs-gv-tip,
html .jinsom-editor-bbs-content .qrs-gv-pop-clear { color: rgba(var(--qh-chrome-ink), .55); }
html .jinsom-editor-bbs-content .qrs-gv-pop-clear:hover { color: var(--qh-chrome-accent-ink); }

/* ---- 整合包模组表格（qirisha-modpack）：表格是卡片里的一块，不再是白底 ---- */
html .jinsom-editor-bbs-content .qrs-mp-edit { border-color: var(--qh-s-line); border-radius: 10px; background: none; color: var(--qh-s-text); }
html .jinsom-editor-bbs-content .qrs-mp-tip,
html .jinsom-editor-bbs-content .qrs-mp-th,
html .jinsom-editor-bbs-content .qrs-mp-tr .no { color: var(--qh-s-meta); }
html .jinsom-editor-bbs-content .qrs-mp-tr.linked .n { background-color: var(--qh-s-tint); }
html .jinsom-editor-bbs-content .qrs-mp-tr .op a { border-color: var(--qh-s-line); color: var(--qh-s-muted); }
html .jinsom-editor-bbs-content .qrs-mp-hide-menu { border: 1px solid var(--qh-chrome-edge); border-radius: 10px; background: var(--qh-chrome-pop-solid); box-shadow: var(--qh-chrome-shadow); }
html .jinsom-editor-bbs-content .qrs-mp-hide-menu a { color: rgba(var(--qh-chrome-ink), .86); }
html .jinsom-editor-bbs-content .qrs-mp-hide-menu a:hover { background: var(--qh-chrome-pop-hover); color: var(--qh-chrome-accent-ink); }
html .jinsom-editor-bbs-content .qrs-mp-hide-menu a.cur { color: var(--qh-chrome-accent-ink); }

/* ---- 编辑页：收藏提醒（qirisha-collect-notify） ---- */
html .jinsom-editor-bbs-content .qrs-cn-box .qrs-cn-check { color: var(--qh-s-text); }
html .jinsom-editor-bbs-content .qrs-cn-box .qrs-cn-check.off,
html .jinsom-editor-bbs-content .qrs-cn-box .qrs-cn-tip { color: var(--qh-s-meta); }
html .jinsom-editor-bbs-content .qrs-cn-box .qrs-cn-tip.now { color: #e6a23c; }

/* ---- 按钮：发表沿用主题色；取消原来是写死的浅灰底白字，换成中性按钮（基线 6.4 .qh-btn-soft） ---- */
html .jinsom-editor-bbs-content .jinsom-publish-words-btn div { border-radius: 8px; }
html .jinsom-editor-bbs-content .jinsom-publish-words-btn .cancel { background-color: var(--qh-s-sunken); color: var(--qh-s-text2); }
html .jinsom-editor-bbs-content .jinsom-publish-words-btn .cancel:hover { background-color: var(--qh-s-hover); color: var(--qh-s-text); opacity: 1; }

/* ---- 管理员的标题颜色取色器：点开的面板挂在 body 上 ---- */
.theme-dark .layui-colorpicker-main { border-color: var(--qh-chrome-edge); background: var(--qh-chrome-pop-solid); box-shadow: var(--qh-chrome-shadow); }
.theme-dark .layui-colorpicker-main-input input.layui-input { border-color: rgba(255, 255, 255, .12); background: transparent; color: #e9eaec; }