feat(dashboard): 主题化裸 checkbox/radio(修原生蓝勾选框)

模型选择器弹窗等处的勾选框是浏览器原生蓝色,与深色主题不搭。一段
全局 CSS 用 appearance:none 直接美化所有裸 input[type=checkbox|radio]
(排除已有样式的 .switch/.checkbox/.segmented),一次覆盖现有+未来:
- checkbox 方框+白勾(复用 .checkbox .box::after 勾形),radio 圆框白心点
- :checked→accent 色 / :hover→accent 边 / :focus-visible→accent ring(a11y)
  / :disabled 降透明;亮暗主题走 CSS 变量自动适配
- 立即修好:模型选择器 18 勾选框 / 批量池选择 / blocked-models 编辑器
  / 各设置项裸 checkbox

审计:select/number/text/textarea/toggle 早已主题化,唯一缺口就是裸
checkbox/radio。纯 CSS 零依赖,不逐个改 markup。

验证:CDP(appearance:none + 16px + :checked bg=accent 精确匹配 +
零异常)/ 2639-0 绿 / i18n+inline-sync 门禁过。

Author: dwgx

package.json

@@ -1,6 +1,6 @@
 {
   "name": "windsurf-api",
-  "version": "3.3.1",
+  "version": "3.3.2",
   "description": "Windsurf/Devin to OpenAI + Anthropic + Gemini compatible API proxy. Turns Devin's 100+ AI models (Claude, GPT, Gemini, DeepSeek, Grok, Qwen, Kimi, GLM, SWE) into multi-protocol API endpoints. Zero npm runtime dependencies (image codecs vendored under src/vendor).",
   "type": "module",
   "main": "src/index.js",

src/dashboard/index.html

@@ -859,6 +859,67 @@
 }
 .checkbox:hover .box { border-color: var(--accent); }
 
+/* Themed bare checkbox / radio. Paints EVERY raw <input type=checkbox|radio>
+   that is NOT already wrapped by a styled component (.switch toggle, .checkbox
+   with .box, .segmented radiogroup — those hide the native input via opacity:0
+   and draw their own control). One rule themes the model picker, batch-select,
+   blocked-models editor, and every settings checkbox at once — existing and
+   future — with no per-element markup. Uses theme vars so light/dark both work. */
+input[type=checkbox]:not(.switch input):not(.checkbox input),
+input[type=radio]:not(.segmented input) {
+  appearance: none;
+  -webkit-appearance: none;
+  width: 16px;
+  height: 16px;
+  margin: 0;
+  flex-shrink: 0;
+  vertical-align: -3px;
+  border: 1.5px solid var(--border-strong);
+  background: var(--bg-elev);
+  cursor: pointer;
+  transition: background .15s, border-color .15s, box-shadow .15s;
+  position: relative;
+}
+input[type=checkbox]:not(.switch input):not(.checkbox input) { border-radius: 4px; }
+input[type=radio]:not(.segmented input) { border-radius: 50%; }
+input[type=checkbox]:not(.switch input):not(.checkbox input):hover,
+input[type=radio]:not(.segmented input):hover { border-color: var(--accent); }
+input[type=checkbox]:not(.switch input):not(.checkbox input):checked,
+input[type=radio]:not(.segmented input):checked {
+  background: var(--accent);
+  border-color: var(--accent);
+}
+/* checkbox tick (matches .checkbox .box::after) */
+input[type=checkbox]:not(.switch input):not(.checkbox input):checked::after {
+  content: '';
+  position: absolute;
+  left: 4px; top: 1px;
+  width: 4px; height: 8px;
+  border: solid #fff;
+  border-width: 0 2px 2px 0;
+  transform: rotate(45deg);
+}
+/* radio inner dot */
+input[type=radio]:not(.segmented input):checked::after {
+  content: '';
+  position: absolute;
+  left: 50%; top: 50%;
+  width: 6px; height: 6px;
+  border-radius: 50%;
+  background: #fff;
+  transform: translate(-50%, -50%);
+}
+input[type=checkbox]:not(.switch input):not(.checkbox input):focus-visible,
+input[type=radio]:not(.segmented input):focus-visible {
+  outline: none;
+  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 35%, transparent);
+}
+input[type=checkbox]:not(.switch input):not(.checkbox input):disabled,
+input[type=radio]:not(.segmented input):disabled {
+  opacity: .45;
+  cursor: not-allowed;
+}
+
 /* Tab-style radio group */
 .segmented {
   display: inline-flex;