/* ACT13 反馈站外观：与游戏登录页、登录器同一套深色 + 橙色。
   主题已由 overrides/views/base.html 固定为深色，这里只重映射 Fider 深色主题的颜色变量，
   不逐个覆盖组件样式，Fider 自己的布局与交互保持不变。 */
body[data-theme="dark"] {
  --primary-color: #d9822b;
  --primary-color-dark: #c2711f;
  --primary-color-light: #e89a4c;
  --colors-white: #2a2d34;
  --colors-black: #e8e8e8;
  --colors-gray-50: #1d1f24;
  --colors-gray-100: #1d1f24;
  --colors-gray-200: #2a2d34;
  --colors-gray-300: #353942;
  --colors-gray-400: #454a54;
  --colors-gray-500: #5b616c;
  --colors-gray-600: #8a8f98;
  --colors-gray-700: #a0a4ab;
  --colors-gray-800: #d6d8dc;
  --colors-gray-900: #f2f2f2;
  /* Fider 的“蓝色”用于投票按钮、讨论计数等强调色，整体换成橙色系（深色主题下 100 最深、900 最浅）。 */
  --colors-blue-50: #2e2114;
  --colors-blue-100: #2e2114;
  --colors-blue-200: #3d2a15;
  --colors-blue-300: #5a3b18;
  --colors-blue-400: #7d4f1c;
  --colors-blue-500: #a86520;
  --colors-blue-600: #d9822b;
  --colors-blue-700: #e89a4c;
  --colors-blue-800: #f2b77a;
  --colors-blue-900: #fadbb8;
  font-family: "Microsoft YaHei", "PingFang SC", Inter, ui-sans-serif, system-ui, sans-serif;
}

/* Fider 的工具类在深色主题下直接写死蓝色十六进制（不走变量），逐个改成橙色系。 */
body[data-theme="dark"] .text-blue-200 { color: #3d2a15; }
body[data-theme="dark"] .text-blue-600 { color: #d9822b; }
body[data-theme="dark"] .text-blue-700 { color: #e89a4c; }
body[data-theme="dark"] .text-blue-800 { color: #f2b77a; }
body[data-theme="dark"] .bg-blue-50,
body[data-theme="dark"] .bg-blue-100 { background-color: #2e2114; }
body[data-theme="dark"] .hover\:bg-blue-200:hover { background-color: #3d2a15; }
body[data-theme="dark"] .border-blue-200 { border-color: #3d2a15; }
body[data-theme="dark"] .border-blue-400 { border-color: #7d4f1c; }
body[data-theme="dark"] .border-blue-500 { border-color: #a86520; }

/* 处理状态：Fider 把 待处理/已确认/修复中 都画成同一种蓝。待处理改成中性灰，另外两个保持橙色，一眼能分开。 */
body[data-theme="dark"] .c-status-col--open { color: #a0a4ab !important; }
body[data-theme="dark"] :has(> .c-status-col--open) {
  border-color: #5b616c !important;
  background-color: #2a2d34 !important;
}

/* 按钮：主按钮用白字；“我也遇到了”未点时是描边按钮，点过后实心橙色。 */
body[data-theme="dark"] .c-button--primary { color: #fff; }
body[data-theme="dark"] .c-vote-counter__button {
  background-color: transparent;
  border-color: #d9822b;
  color: #e89a4c;
}
body[data-theme="dark"] .c-vote-counter__button:hover {
  background-color: #3d2a15;
  border-color: #e89a4c;
  color: #f2b77a;
}
body[data-theme="dark"] .c-vote-counter__button .c-vote-counter__icon,
body[data-theme="dark"] .c-vote-counter__button:hover .c-vote-counter__icon { color: inherit; }
body[data-theme="dark"] .c-vote-counter__button--voted,
body[data-theme="dark"] .c-vote-counter__button--voted:hover {
  background-color: #d9822b;
  border-color: #d9822b;
  color: #fff;
}
body[data-theme="dark"] .c-vote-counter__button--voted .c-vote-counter__icon { color: #fff; }

/* 页头：去掉订阅源（RSS）和主题切换（已固定深色），去掉 Pro 才有的“处理进度”（路线图）。页脚去掉 Powered by Fider。 */
.c-header__actions .c-themeswitcher,
.c-header__nav a[href="/roadmap"],
.c-powered {
  display: none !important;
}

/* 登录弹窗：只保留“使用游戏账号登录”。
   隐藏“或者”分隔线和“管理员已禁用电子邮件……点击这里”入口，避免队友误点；
   管理员邮箱登录改走 API，见仓库 deploy/fider/README.md。 */
.c-signin-control .c-divider,
.c-signin-control > div:not([class]) {
  display: none !important;
}
.c-signin-control .c-signin-control__oauth {
  padding-bottom: 0;
}
.c-signin-control .c-signin-social-button {
  background: #d9822b;
  border-color: #d9822b;
  padding-top: 12px;
  padding-bottom: 12px;
}
.c-signin-control .c-signin-social-button:hover {
  background: #c2711f;
  border-color: #c2711f;
}
.c-signin-control .c-signin-social-button svg,
.c-signin-control .c-signin-social-button img {
  display: none;
}
/* 原文案“使用以下方式登录 游戏账号”是一个文本节点，只能整体替换。 */
.c-signin-control .c-signin-social-button span {
  font-size: 0;
}
.c-signin-control .c-signin-social-button span::after {
  content: "使用游戏账号登录";
  font-size: 16px;
  color: #fff;
}

/* 发帖弹窗：Fider 前端要求标题至少 10 个字（按字符数，汉字也算 1 个）才显示“提交反馈”按钮。
   标题栏标签已写明字数要求，这里再补一句按钮出现的时机，免得队友以为没有提交按钮。 */
.c-share-feedback-form .c-form-field:has(#input-title)::after {
  content: "写满 10 个字后，下方会出现“提交反馈”按钮；超过 33 个字会提交失败。";
  display: block;
  margin-top: 6px;
  font-size: 13px;
  color: #8a8f98;
}

/* 发帖表单顺序（用户要求）：标题 → 分类 → 内容。Fider 原顺序是 内容 → 标题 → 分类，只能用 flex order 重排。
   “可能是同一个问题”列表跟着标题实时出现，放在标题正下方，方便先查重再往下写。 */
.c-share-feedback-form > form {
  display: flex;
  flex-direction: column;
}
.c-share-feedback-form > form > .c-form-field:has(#input-title) { order: 1; }
.c-share-feedback-form > form > .similar-posts-container { order: 2; }
.c-share-feedback-form > form > .c-form-field:not(:has(#input-title)) { order: 3; }
.c-share-feedback-form > form > div:first-child {
  order: 4;
  margin-top: 20px;
}
/* 编辑器原本没有标签，补一个与其它字段一致的“问题描述”。 */
.c-share-feedback-form > form > div:first-child::before {
  content: "问题描述";
  display: block;
  margin-bottom: 4px;
  font-weight: 600;
  font-size: 16px;
  color: var(--colors-gray-800);
}