From 492b738859e92a671e0c534df41c079809a00a97 Mon Sep 17 00:00:00 2001
From: JOJO <1498581755@qq.com>
Date: Tue, 11 Aug 2026 23:39:01 +0800
Subject: [PATCH] =?UTF-8?q?refactor(ui):=20=E6=89=93=E5=8B=BE=E6=A1=86?=
 =?UTF-8?q?=E6=94=B6=E6=95=9B=E4=B8=BA=20FancyCheck=20=E5=8D=95=E4=B8=80?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6=E5=B9=B6=E4=BF=AE=E5=A4=8D=E6=AE=8B=E7=BC=BA?=
 =?UTF-8?q?=E8=B7=AF=E5=BE=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 新增 components/common/FancyCheck.vue 作为全局唯一打勾框实现（checked/size/accent-checked）
- 修复个人空间「编辑摘要实时显示」开关 d 路径中段缺失导致对勾渲染变长
- 38 处内联 SVG 全部改为组件引用，删除四处重复的 fancy 样式
---
 static/src/admin/PolicyApp.vue                |  68 +---
 static/src/components/common/FancyCheck.vue   |  83 +++++
 static/src/components/input/EffortSlider.vue  |  40 +-
 .../personalization/PersonalizationDrawer.vue | 351 ++----------------
 .../styles/components/overlays/_overlays.scss |  43 ---
 5 files changed, 124 insertions(+), 461 deletions(-)
 create mode 100644 static/src/components/common/FancyCheck.vue

diff --git a/static/src/admin/PolicyApp.vue b/static/src/admin/PolicyApp.vue
index 4bd2e229..3a3b7d88 100644
--- a/static/src/admin/PolicyApp.vue
+++ b/static/src/admin/PolicyApp.vue
@@ -109,15 +109,7 @@
               :checked="getCategoryDefault(cat.id)"
               @change="setCategoryDefault(cat.id, $event.target.checked)"
             />
-            <span class="fancy-check" aria-hidden="true">
-              <svg viewBox="0 0 64 64">
-                <path
-                  d="M 0 16 V 56 A 8 8 90 0 0 8 64 H 56 A 8 8 90 0 0 64 56 V 8 A 8 8 90 0 0 56 0 H 8 A 8 8 90 0 0 0 8 V 16 L 32 48 L 64 16 V 8 A 8 8 90 0 0 56 0 H 8 A 8 8 90 0 0 0 8 V 56 A 8 8 90 0 0 8 64 H 56 A 8 8 90 0 0 64 56 V 16"
-                  pathLength="575.0541381835938"
-                  class="fancy-path"
-                ></path>
-              </svg>
-            </span>
+            <FancyCheck :checked="getCategoryDefault(cat.id)" accent-checked />
             <span>{{ cat.default_enabled ? '开' : '关' }}</span>
           </label>
           <div class="dropdown" :class="{ open: openForceMenu === cat.id }">
@@ -144,15 +136,7 @@
         <div class="toggle-grid">
           <label v-for="model in defaults.models" :key="model" class="toggle-row">
             <input type="checkbox" :checked="isModelDisabled(model)" @change="toggleModel(model)" />
-            <span class="fancy-check" aria-hidden="true">
-              <svg viewBox="0 0 64 64">
-                <path
-                  d="M 0 16 V 56 A 8 8 90 0 0 8 64 H 56 A 8 8 90 0 0 64 56 V 8 A 8 8 90 0 0 56 0 H 8 A 8 8 90 0 0 0 8 V 16 L 32 48 L 64 16 V 8 A 8 8 90 0 0 56 0 H 8 A 8 8 90 0 0 0 8 V 56 A 8 8 90 0 0 8 64 H 56 A 8 8 90 0 0 64 56 V 16"
-                  pathLength="575.0541381835938"
-                  class="fancy-path"
-                ></path>
-              </svg>
-            </span>
+            <FancyCheck :checked="isModelDisabled(model)" accent-checked />
             <span>{{ model }}</span>
           </label>
         </div>
@@ -168,15 +152,7 @@
               :checked="!!form.config.ui_blocks[key]"
               @change="toggleUiBlock(key, $event)"
             />
-            <span class="fancy-check" aria-hidden="true">
-              <svg viewBox="0 0 64 64">
-                <path
-                  d="M 0 16 V 56 A 8 8 90 0 0 8 64 H 56 A 8 8 90 0 0 64 56 V 8 A 8 8 90 0 0 56 0 H 8 A 8 8 90 0 0 0 8 V 16 L 32 48 L 64 16 V 8 A 8 8 90 0 0 56 0 H 8 A 8 8 90 0 0 0 8 V 56 A 8 8 90 0 0 8 64 H 56 A 8 8 90 0 0 64 56 V 16"
-                  pathLength="575.0541381835938"
-                  class="fancy-path"
-                ></path>
-              </svg>
-            </span>
+            <FancyCheck :checked="!!form.config.ui_blocks[key]" accent-checked />
             <span>{{ uiBlockLabel(key) }}</span>
           </label>
         </div>
@@ -313,6 +289,7 @@
 import { computed, reactive, ref, onMounted, onBeforeUnmount, watch } from 'vue';
 import { useSecondaryPass } from './useSecondaryPass';
 import SecondaryGate from './SecondaryGate.vue';
+import FancyCheck from '@/components/common/FancyCheck.vue';
 
 type TargetType = 'global' | 'role' | 'user' | 'invite';
 
@@ -1367,43 +1344,6 @@ button:disabled {
   pointer-events: none;
 }
 
-.toggle-row .fancy-check {
-  width: 28px;
-  height: 28px;
-  border-radius: 6px;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  box-shadow: none;
-  background: transparent;
-}
-
-.toggle-row .fancy-check svg {
-  width: 22px;
-  height: 22px;
-  overflow: visible;
-}
-
-.fancy-path {
-  fill: none;
-  stroke: var(--text-secondary);
-  stroke-width: 5;
-  stroke-linecap: round;
-  stroke-linejoin: round;
-  transition:
-    stroke-dasharray 0.5s ease,
-    stroke-dashoffset 0.5s ease,
-    stroke 0.2s ease;
-  stroke-dasharray: 241 9999999;
-  stroke-dashoffset: 0;
-}
-
-.toggle-row input:checked + .fancy-check .fancy-path {
-  stroke: var(--accent);
-  stroke-dasharray: 70.5096664428711 9999999;
-  stroke-dashoffset: -262.2723388671875;
-}
-
 .toggle-row span {
   color: var(--text-primary);
   font-weight: 600;
diff --git a/static/src/components/common/FancyCheck.vue b/static/src/components/common/FancyCheck.vue
new file mode 100644
index 00000000..911506d9
--- /dev/null
+++ b/static/src/components/common/FancyCheck.vue
@@ -0,0 +1,83 @@
+<script setup lang="ts">
+/**
+ * 打勾框（fancy-check）——全局唯一的自定义 checkbox 图标实现。
+ *
+ * 未勾选时描出圆角方框轮廓，勾选时同一条路径通过 dasharray/offset
+ * 动画「变形」为对勾。所有开关统一引用本组件，禁止再内联复制 SVG。
+ *
+ * 用法：
+ *   <label class="xxx-toggle-row">
+ *     <input type="checkbox" :checked="form.x" @change="..." />
+ *     <FancyCheck :checked="form.x" />
+ *   </label>
+ *
+ * - checked：与配套 input 的 checked 保持一致（本组件不处理交互，仅渲染）
+ * - size：svg 边长，默认 22；小号场景（如「默认」标记）传 14
+ * - accent-checked：勾选后描边变为 --accent 强调色（默认不变色，仅形状变形）
+ */
+withDefaults(
+  defineProps<{
+    checked?: boolean;
+    size?: number;
+    accentChecked?: boolean;
+  }>(),
+  {
+    checked: false,
+    size: 22,
+    accentChecked: false
+  }
+);
+</script>
+
+<template>
+  <span
+    class="fancy-check"
+    :class="{ 'is-checked': checked, 'accent-checked': accentChecked }"
+    aria-hidden="true"
+  >
+    <svg viewBox="0 0 64 64" :style="{ width: `${size}px`, height: `${size}px` }">
+      <path
+        d="M 0 16 V 56 A 8 8 90 0 0 8 64 H 56 A 8 8 90 0 0 64 56 V 8 A 8 8 90 0 0 56 0 H 8 A 8 8 90 0 0 0 8 V 16 L 32 48 L 64 16 V 8 A 8 8 90 0 0 56 0 H 8 A 8 8 90 0 0 0 8 V 56 A 8 8 90 0 0 8 64 H 56 A 8 8 90 0 0 64 56 V 16"
+        pathLength="575.0541381835938"
+        class="fancy-path"
+      ></path>
+    </svg>
+  </span>
+</template>
+
+<style scoped>
+.fancy-check {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex: none;
+}
+
+.fancy-check svg {
+  display: block;
+  overflow: visible;
+}
+
+.fancy-path {
+  fill: none;
+  stroke: var(--text-secondary);
+  stroke-width: 5;
+  stroke-linecap: round;
+  stroke-linejoin: round;
+  transition:
+    stroke-dasharray 0.5s ease,
+    stroke-dashoffset 0.5s ease,
+    stroke 0.2s ease;
+  stroke-dasharray: 241 9999999;
+  stroke-dashoffset: 0;
+}
+
+.fancy-check.is-checked .fancy-path {
+  stroke-dasharray: 70.5096664428711 9999999;
+  stroke-dashoffset: -262.2723388671875;
+}
+
+.fancy-check.is-checked.accent-checked .fancy-path {
+  stroke: var(--accent);
+}
+</style>
diff --git a/static/src/components/input/EffortSlider.vue b/static/src/components/input/EffortSlider.vue
index c0b1fd42..7feb4027 100644
--- a/static/src/components/input/EffortSlider.vue
+++ b/static/src/components/input/EffortSlider.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { computed, onBeforeUnmount, onMounted, ref, watch } from 'vue';
 import type { ReasoningEffort } from '../../stores/personalization';
+import FancyCheck from '../common/FancyCheck.vue';
 
 const LEVELS: ReasoningEffort[] = ['low', 'medium', 'high', 'xhigh', 'max'];
 // 轨道两端档位圆钮中心 inset；比圆钮半径(23)小 3px，
@@ -215,15 +216,7 @@ onBeforeUnmount(() => {
         <span class="header-title">推理强度</span>
         <span class="default-toggle" :class="{ checked: isDefault }" @click.stop="toggleDefault">
           <span class="default-label">默认</span>
-          <span class="fancy-check" aria-hidden="true">
-            <svg viewBox="0 0 64 64">
-              <path
-                d="M 0 16 V 56 A 8 8 90 0 0 8 64 H 56 A 8 8 90 0 0 64 56 V 8 A 8 8 90 0 0 56 0 H 8 A 8 8 90 0 0 0 8 V 16 L 32 48 L 64 16 V 8 A 8 8 90 0 0 56 0 H 8 A 8 8 90 0 0 0 8 V 56 A 8 8 90 0 0 8 64 H 56 A 8 8 90 0 0 64 56 V 16"
-                pathLength="575.0541381835938"
-                class="fancy-path"
-              ></path>
-            </svg>
-          </span>
+          <FancyCheck :checked="isDefault" :size="14" />
         </span>
       </div>
       <div class="header-state header-drag">
@@ -334,35 +327,6 @@ onBeforeUnmount(() => {
   font-size: 12px;
   color: var(--text-secondary);
 }
-.default-toggle .fancy-check {
-  width: 18px;
-  height: 18px;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-}
-.default-toggle .fancy-check svg {
-  width: 14px;
-  height: 14px;
-  overflow: visible;
-}
-.fancy-path {
-  fill: none;
-  stroke: var(--text-secondary);
-  stroke-width: 5;
-  stroke-linecap: round;
-  stroke-linejoin: round;
-  transition:
-    stroke-dasharray 0.5s ease,
-    stroke-dashoffset 0.5s ease,
-    stroke 0.2s ease;
-  stroke-dasharray: 241 9999999;
-  stroke-dashoffset: 0;
-}
-.default-toggle.checked .fancy-path {
-  stroke-dasharray: 70.5096664428711 9999999;
-  stroke-dashoffset: -262.2723388671875;
-}
 
 /* ========== 滑块区域 ========== */
 .slider-zone {
diff --git a/static/src/components/personalization/PersonalizationDrawer.vue b/static/src/components/personalization/PersonalizationDrawer.vue
index a9d63d09..dc49a0b3 100644
--- a/static/src/components/personalization/PersonalizationDrawer.vue
+++ b/static/src/components/personalization/PersonalizationDrawer.vue
@@ -98,14 +98,7 @@
                             })
                           "
                         />
-                        <span class="fancy-check" aria-hidden="true"
-                          ><svg viewBox="0 0 64 64">
-                            <path
-                              d="M 0 16 V 56 A 8 8 90 0 0 8 64 H 56 A 8 8 90 0 0 64 56 V 8 A 8 8 90 0 0 56 0 H 8 A 8 8 90 0 0 0 8 V 16 L 32 48 L 64 16 V 8 A 8 8 90 0 0 56 0 H 8 A 8 8 90 0 0 0 8 V 56 A 8 8 90 0 0 8 64 H 56 A 8 8 90 0 0 64 56 V 16"
-                              pathLength="575.0541381835938"
-                              class="fancy-path"
-                            ></path></svg
-                        ></span>
+                        <FancyCheck :checked="form.auto_generate_title" />
                       </label>
                       <div class="settings-action-row">
                         <span class="settings-row-copy">
@@ -184,14 +177,7 @@
                           :disabled="toggleUpdating"
                           @change="personalization.toggleEnabled()"
                         />
-                        <span class="fancy-check" aria-hidden="true"
-                          ><svg viewBox="0 0 64 64">
-                            <path
-                              d="M 0 16 V 56 A 8 8 90 0 0 8 64 H 56 A 8 8 90 0 0 64 56 V 8 A 8 8 90 0 0 56 0 H 8 A 8 8 90 0 0 0 8 V 16 L 32 48 L 64 16 V 8 A 8 8 90 0 0 56 0 H 8 A 8 8 90 0 0 0 8 V 56 A 8 8 90 0 0 8 64 H 56 A 8 8 90 0 0 64 56 V 16"
-                              pathLength="575.0541381835938"
-                              class="fancy-path"
-                            ></path></svg
-                        ></span>
+                        <FancyCheck :checked="form.enabled" />
                       </label>
                       <label class="settings-input-row">
                         <span class="settings-row-title">AI 智能体自称</span>
@@ -296,14 +282,7 @@
                           :checked="stackedHideBorders"
                           @change="handleStackedHideBordersChange($event)"
                         />
-                        <span class="fancy-check" aria-hidden="true"
-                          ><svg viewBox="0 0 64 64">
-                            <path
-                              d="M 0 16 V 56 A 8 8 90 0 0 8 64 H 56 A 8 8 90 0 0 64 56 V 8 A 8 8 90 0 0 56 0 H 8 A 8 8 90 0 0 0 8 V 16 L 32 48 L 64 16 V 8 A 8 8 90 0 0 56 0 H 8 A 8 8 90 0 0 0 8 V 56 A 8 8 90 0 0 8 64 H 56 A 8 8 90 0 0 64 56 V 16"
-                              pathLength="575.0541381835938"
-                              class="fancy-path"
-                            ></path></svg
-                        ></span>
+                        <FancyCheck :checked="stackedHideBorders" />
                       </label>
                       <label
                         v-if="currentBlockDisplayMode === 'minimal'"
@@ -318,14 +297,7 @@
                           :checked="minimalExpandHeightLimited"
                           @change="handleMinimalExpandHeightLimitedChange($event)"
                         />
-                        <span class="fancy-check" aria-hidden="true"
-                          ><svg viewBox="0 0 64 64">
-                            <path
-                              d="M 0 16 V 56 A 8 8 90 0 0 8 64 H 56 A 8 8 90 0 0 64 56 V 8 A 8 8 90 0 0 56 0 H 8 A 8 8 90 0 0 0 8 V 16 L 32 48 L 64 16 V 8 A 8 8 90 0 0 56 0 H 8 A 8 8 90 0 0 0 8 V 56 A 8 8 90 0 0 8 64 H 56 A 8 8 90 0 0 64 56 V 16"
-                              pathLength="575.0541381835938"
-                              class="fancy-path"
-                            ></path></svg
-                        ></span>
+                        <FancyCheck :checked="minimalExpandHeightLimited" />
                       </label>
                       <div class="settings-select-row">
                         <span class="settings-row-copy">
@@ -617,14 +589,7 @@
                               key: 'group_sidebar_by_workspace',
                               value: $event.target.checked
                             })
-                          " /><span class="fancy-check" aria-hidden="true"
-                          ><svg viewBox="0 0 64 64">
-                            <path
-                              d="M 0 16 V 56 A 8 8 90 0 0 8 64 H 56 A 8 8 90 0 0 64 56 V 8 A 8 8 90 0 0 56 0 H 8 A 8 8 90 0 0 0 8 V 16 L 32 48 L 64 16 V 8 A 8 8 90 0 0 56 0 H 8 A 8 8 90 0 0 0 8 V 56 A 8 8 90 0 0 8 64 H 56 A 8 8 90 0 0 64 56 V 16"
-                              pathLength="575.0541381835938"
-                              class="fancy-path"
-                            ></path></svg></span
-                      ></label>
+                          " /><FancyCheck :checked="form.group_sidebar_by_workspace" /></label>
                       <label class="settings-toggle-row"
                         ><span class="settings-row-copy"
                           ><span class="settings-row-title">新建对话跳转空白页</span
@@ -639,14 +604,7 @@
                               key: 'new_chat_button_behavior',
                               value: $event.target.checked ? 'route' : 'blank'
                             })
-                          " /><span class="fancy-check" aria-hidden="true"
-                          ><svg viewBox="0 0 64 64">
-                            <path
-                              d="M 0 16 V 56 A 8 8 90 0 0 8 64 H 56 A 8 8 90 0 0 64 56 V 8 A 8 8 90 0 0 56 0 H 8 A 8 8 90 0 0 0 8 V 16 L 32 48 L 64 16 V 8 A 8 8 90 0 0 56 0 H 8 A 8 8 90 0 0 0 8 V 56 A 8 8 90 0 0 8 64 H 56 A 8 8 90 0 0 64 56 V 16"
-                              pathLength="575.0541381835938"
-                              class="fancy-path"
-                            ></path></svg></span
-                      ></label>
+                          " /><FancyCheck :checked="form.new_chat_button_behavior === 'route'" /></label>
                       <label class="settings-toggle-row"
                         ><span class="settings-row-copy"
                           ><span class="settings-row-title">使用自定义称呼</span
@@ -661,14 +619,7 @@
                               key: 'use_custom_names',
                               value: $event.target.checked
                             })
-                          " /><span class="fancy-check" aria-hidden="true"
-                          ><svg viewBox="0 0 64 64">
-                            <path
-                              d="M 0 16 V 56 A 8 8 90 0 0 8 64 H 56 A 8 8 90 0 0 64 56 V 8 A 8 8 90 0 0 56 0 H 8 A 8 8 90 0 0 0 8 V 16 L 32 48 L 64 16 V 8 A 8 8 90 0 0 56 0 H 8 A 8 8 90 0 0 0 8 V 56 A 8 8 90 0 0 8 64 H 56 A 8 8 90 0 0 64 56 V 16"
-                              pathLength="575.0541381835938"
-                              class="fancy-path"
-                            ></path></svg></span
-                      ></label>
+                          " /><FancyCheck :checked="form.use_custom_names" /></label>
                       <label class="settings-toggle-row"
                         ><span class="settings-row-copy"
                           ><span class="settings-row-title">增强工具显示</span
@@ -683,14 +634,7 @@
                               key: 'enhanced_tool_display',
                               value: $event.target.checked
                             })
-                          " /><span class="fancy-check" aria-hidden="true"
-                          ><svg viewBox="0 0 64 64">
-                            <path
-                              d="M 0 16 V 56 A 8 8 90 0 0 8 64 H 56 A 8 8 90 0 0 64 56 V 8 A 8 8 90 0 0 56 0 H 8 A 8 8 90 0 0 0 8 V 16 L 32 48 L 64 16 V 8 A 8 8 90 0 0 56 0 H 8 A 8 8 90 0 0 0 8 V 56 A 8 8 90 0 0 8 64 H 56 A 8 8 90 0 0 64 56 V 16"
-                              pathLength="575.0541381835938"
-                              class="fancy-path"
-                            ></path></svg></span
-                      ></label>
+                          " /><FancyCheck :checked="form.enhanced_tool_display" /></label>
                       <label class="settings-toggle-row"
                         ><span class="settings-row-copy"
                           ><span class="settings-row-title">显示助手状态形象</span
@@ -705,14 +649,7 @@
                               key: 'show_status_avatar',
                               value: $event.target.checked
                             })
-                          " /><span class="fancy-check" aria-hidden="true"
-                          ><svg viewBox="0 0 64 64">
-                            <path
-                              d="M 0 16 V 56 A 8 8 90 0 0 8 64 H 56 A 8 8 90 0 0 64 56 V 8 A 8 8 90 0 0 56 0 H 8 A 8 8 90 0 0 0 8 V 16 L 32 48 L 64 16 V 8 A 8 8 90 0 0 56 0 H 8 A 8 8 90 0 0 0 8 V 56 A 8 8 90 0 0 8 64 H 56 A 8 8 90 0 0 64 56 V 16"
-                              pathLength="575.0541381835938"
-                              class="fancy-path"
-                            ></path></svg></span
-                      ></label>
+                          " /><FancyCheck :checked="form.show_status_avatar" /></label>
                       <label class="settings-toggle-row"
                         ><span class="settings-row-copy"
                           ><span class="settings-row-title">显示 Git 状态栏</span
@@ -727,14 +664,7 @@
                               key: 'show_git_status_bar',
                               value: $event.target.checked
                             })
-                          " /><span class="fancy-check" aria-hidden="true"
-                          ><svg viewBox="0 0 64 64">
-                            <path
-                              d="M 0 16 V 56 A 8 8 90 0 0 8 64 H 56 A 8 8 90 0 0 64 56 V 8 A 8 8 90 0 0 56 0 H 8 A 8 8 90 0 0 0 8 V 16 L 32 48 L 64 16 V 8 A 8 8 90 0 0 56 0 H 8 A 8 8 90 0 0 0 8 V 56 A 8 8 90 0 0 8 64 H 56 A 8 8 90 0 0 64 56 V 16"
-                              pathLength="575.0541381835938"
-                              class="fancy-path"
-                            ></path></svg></span
-                      ></label>
+                          " /><FancyCheck :checked="form.show_git_status_bar" /></label>
                       <label class="settings-toggle-row"
                         ><span class="settings-row-copy"
                           ><span class="settings-row-title">自动打开终端面板</span
@@ -749,14 +679,7 @@
                               key: 'auto_open_terminal_panel',
                               value: $event.target.checked
                             })
-                          " /><span class="fancy-check" aria-hidden="true"
-                          ><svg viewBox="0 0 64 64">
-                            <path
-                              d="M 0 16 V 56 A 8 8 90 0 0 8 64 H 56 A 8 8 90 0 0 64 56 V 8 A 8 8 90 0 0 56 0 H 8 A 8 8 90 0 0 0 8 V 16 L 32 48 L 64 16 V 8 A 8 8 90 0 0 56 0 H 8 A 8 8 90 0 0 0 8 V 56 A 8 8 90 0 0 8 64 H 56 A 8 8 90 0 0 64 56 V 16"
-                              pathLength="575.0541381835938"
-                              class="fancy-path"
-                            ></path></svg></span
-                      ></label>
+                          " /><FancyCheck :checked="form.auto_open_terminal_panel" /></label>
                       <label class="settings-toggle-row"
                         ><span class="settings-row-copy"
                           ><span class="settings-row-title">快捷窗口自动展开</span
@@ -771,14 +694,7 @@
                               key: 'quick_dock_auto_expand',
                               value: $event.target.checked
                             })
-                          " /><span class="fancy-check" aria-hidden="true"
-                          ><svg viewBox="0 0 64 64">
-                            <path
-                              d="M 0 16 V 56 A 8 8 90 0 0 8 64 H 56 A 8 8 90 0 0 64 56 V 8 A 8 8 90 0 0 56 0 H 8 A 8 8 90 0 0 0 8 V 16 L 32 48 L 64 16 V 8 A 8 8 90 0 0 56 0 H 8 A 8 8 90 0 0 0 8 V 56 A 8 8 90 0 0 8 64 H 56 A 8 8 90 0 0 64 56 V 16"
-                              pathLength="575.0541381835938"
-                              class="fancy-path"
-                            ></path></svg></span
-                      ></label>
+                          " /><FancyCheck :checked="form.quick_dock_auto_expand" /></label>
                       <label class="settings-toggle-row"
                         ><span class="settings-row-copy"
                           ><span class="settings-row-title">编辑摘要实时显示</span
@@ -793,14 +709,7 @@
                               key: 'edit_summary_live_display',
                               value: $event.target.checked
                             })
-                          " /><span class="fancy-check" aria-hidden="true"
-                          ><svg viewBox="0 0 64 64">
-                            <path
-                              d="M 0 16 V 56 A 8 8 90 0 0 8 64 H 56 A 8 8 90 0 0 64 56 V 8 A 8 8 90 0 0 56 0 H 8 A 8 8 90 0 0 0 8 V 16 L 32 48 L 64 16 V 8 A 8 8 90 0 0 56 0 H 8 A 8 8 90 0 0 8 64 H 56 A 8 8 90 0 0 64 56 V 16"
-                              pathLength="575.0541381835938"
-                              class="fancy-path"
-                            ></path></svg></span
-                      ></label>
+                          " /><FancyCheck :checked="form.edit_summary_live_display" /></label>
                       <label class="settings-toggle-row"
                         ><span class="settings-row-copy"
                           ><span class="settings-row-title">预览窗口自动换行显示</span
@@ -815,14 +724,7 @@
                               key: 'file_preview_auto_wrap',
                               value: $event.target.checked
                             })
-                          " /><span class="fancy-check" aria-hidden="true"
-                          ><svg viewBox="0 0 64 64">
-                            <path
-                              d="M 0 16 V 56 A 8 8 90 0 0 8 64 H 56 A 8 8 90 0 0 64 56 V 8 A 8 8 90 0 0 56 0 H 8 A 8 8 90 0 0 0 8 V 16 L 32 48 L 64 16 V 8 A 8 8 90 0 0 56 0 H 8 A 8 8 90 0 0 0 8 V 56 A 8 8 90 0 0 8 64 H 56 A 8 8 90 0 0 64 56 V 16"
-                              pathLength="575.0541381835938"
-                              class="fancy-path"
-                            ></path></svg></span
-                      ></label>
+                          " /><FancyCheck :checked="form.file_preview_auto_wrap" /></label>
                       <div class="settings-select-row">
                         <span class="settings-row-copy"
                           ><span class="settings-row-title">堆叠块显示模式</span
@@ -873,14 +775,7 @@
                           :checked="stackedHideBorders"
                           @change="handleStackedHideBordersChange($event)"
                         />
-                        <span class="fancy-check" aria-hidden="true"
-                          ><svg viewBox="0 0 64 64">
-                            <path
-                              d="M 0 16 V 56 A 8 8 90 0 0 8 64 H 56 A 8 8 90 0 0 64 56 V 8 A 8 8 90 0 0 56 0 H 8 A 8 8 90 0 0 0 8 V 16 L 32 48 L 64 16 V 8 A 8 8 90 0 0 56 0 H 8 A 8 8 90 0 0 0 8 V 56 A 8 8 90 0 0 8 64 H 56 A 8 8 90 0 0 64 56 V 16"
-                              pathLength="575.0541381835938"
-                              class="fancy-path"
-                            ></path></svg
-                        ></span>
+                        <FancyCheck :checked="stackedHideBorders" />
                       </label>
                       <label
                         v-if="currentBlockDisplayMode === 'minimal'"
@@ -895,14 +790,7 @@
                           :checked="minimalExpandHeightLimited"
                           @change="handleMinimalExpandHeightLimitedChange($event)"
                         />
-                        <span class="fancy-check" aria-hidden="true"
-                          ><svg viewBox="0 0 64 64">
-                            <path
-                              d="M 0 16 V 56 A 8 8 90 0 0 8 64 H 56 A 8 8 90 0 0 64 56 V 8 A 8 8 90 0 0 56 0 H 8 A 8 8 90 0 0 0 8 V 16 L 32 48 L 64 16 V 8 A 8 8 90 0 0 56 0 H 8 A 8 8 90 0 0 0 8 V 56 A 8 8 90 0 0 8 64 H 56 A 8 8 90 0 0 64 56 V 16"
-                              pathLength="575.0541381835938"
-                              class="fancy-path"
-                            ></path></svg
-                        ></span>
+                        <FancyCheck :checked="minimalExpandHeightLimited" />
                       </label>
                       <div class="settings-select-row">
                         <span class="settings-row-copy"
@@ -1002,14 +890,7 @@
                               key: 'agents_md_auto_inject',
                               value: $event.target.checked
                             })
-                          " /><span class="fancy-check" aria-hidden="true"
-                          ><svg viewBox="0 0 64 64">
-                            <path
-                              d="M 0 16 V 56 A 8 8 90 0 0 8 64 H 56 A 8 8 90 0 0 64 56 V 8 A 8 8 90 0 0 56 0 H 8 A 8 8 90 0 0 0 8 V 16 L 32 48 L 64 16 V 8 A 8 8 90 0 0 56 0 H 8 A 8 8 90 0 0 0 8 V 56 A 8 8 90 0 0 8 64 H 56 A 8 8 90 0 0 64 56 V 16"
-                              pathLength="575.0541381835938"
-                              class="fancy-path"
-                            ></path></svg></span
-                      ></label>
+                          " /><FancyCheck :checked="form.agents_md_auto_inject" /></label>
 
                       <div class="settings-section-divider">
                         <span class="settings-section-divider__label">版本控制</span>
@@ -1029,14 +910,7 @@
                               key: 'versioning_enabled_by_default',
                               value: $event.target.checked
                             })
-                          " /><span class="fancy-check" aria-hidden="true"
-                          ><svg viewBox="0 0 64 64">
-                            <path
-                              d="M 0 16 V 56 A 8 8 90 0 0 8 64 H 56 A 8 8 90 0 0 64 56 V 8 A 8 8 90 0 0 56 0 H 8 A 8 8 90 0 0 0 8 V 16 L 32 48 L 64 16 V 8 A 8 8 90 0 0 56 0 H 8 A 8 8 90 0 0 0 8 V 56 A 8 8 90 0 0 8 64 H 56 A 8 8 90 0 0 64 56 V 16"
-                              pathLength="575.0541381835938"
-                              class="fancy-path"
-                            ></path></svg></span
-                      ></label>
+                          " /><FancyCheck :checked="form.versioning_enabled_by_default" /></label>
 
                       <div class="settings-select-row">
                         <span class="settings-row-copy"
@@ -1102,14 +976,7 @@
                               key: 'goal_review_mode',
                               value: $event.target.checked ? 'active' : 'readonly'
                             })
-                          " /><span class="fancy-check" aria-hidden="true"
-                          ><svg viewBox="0 0 64 64">
-                            <path
-                              d="M 0 16 V 56 A 8 8 90 0 0 8 64 H 56 A 8 8 90 0 0 64 56 V 8 A 8 8 90 0 0 56 0 H 8 A 8 8 90 0 0 0 8 V 16 L 32 48 L 64 16 V 8 A 8 8 90 0 0 56 0 H 8 A 8 8 90 0 0 0 8 V 56 A 8 8 90 0 0 8 64 H 56 A 8 8 90 0 0 64 56 V 16"
-                              pathLength="575.0541381835938"
-                              class="fancy-path"
-                            ></path></svg></span
-                      ></label>
+                          " /><FancyCheck :checked="form.goal_review_mode === 'active'" /></label>
 
                       <div class="settings-select-row">
                         <span class="settings-row-copy"
@@ -1142,16 +1009,7 @@
                         ><input
                           type="checkbox"
                           :checked="goalTokenLimitEnabled"
-                          @change="toggleGoalTokenLimit($event.target.checked)" /><span
-                          class="fancy-check"
-                          aria-hidden="true"
-                          ><svg viewBox="0 0 64 64">
-                            <path
-                              d="M 0 16 V 56 A 8 8 90 0 0 8 64 H 56 A 8 8 90 0 0 64 56 V 8 A 8 8 90 0 0 56 0 H 8 A 8 8 90 0 0 0 8 V 16 L 32 48 L 64 16 V 8 A 8 8 90 0 0 56 0 H 8 A 8 8 90 0 0 0 8 V 56 A 8 8 90 0 0 8 64 H 56 A 8 8 90 0 0 64 56 V 16"
-                              pathLength="575.0541381835938"
-                              class="fancy-path"
-                            ></path></svg></span
-                      ></label>
+                          @change="toggleGoalTokenLimit($event.target.checked)" /><FancyCheck :checked="goalTokenLimitEnabled" /></label>
 
                       <div v-if="goalTokenLimitEnabled" class="settings-select-row">
                         <span class="settings-row-copy"
@@ -1193,14 +1051,7 @@
                               key: 'recent_conversations_prompt_enabled',
                               value: $event.target.checked
                             })
-                          " /><span class="fancy-check" aria-hidden="true"
-                          ><svg viewBox="0 0 64 64">
-                            <path
-                              d="M 0 16 V 56 A 8 8 90 0 0 8 64 H 56 A 8 8 90 0 0 64 56 V 8 A 8 8 90 0 0 56 0 H 8 A 8 8 90 0 0 0 8 V 16 L 32 48 L 64 16 V 8 A 8 8 90 0 0 56 0 H 8 A 8 8 90 0 0 0 8 V 56 A 8 8 90 0 0 8 64 H 56 A 8 8 90 0 0 64 56 V 16"
-                              pathLength="575.0541381835938"
-                              class="fancy-path"
-                            ></path></svg></span
-                      ></label>
+                          " /><FancyCheck :checked="form.recent_conversations_prompt_enabled" /></label>
                       <div
                         class="settings-input-row"
                         v-if="form.recent_conversations_prompt_enabled"
@@ -1237,14 +1088,7 @@
                                 key: 'auto_shallow_compress_enabled',
                                 value: $event.target.checked
                               })
-                            " /><span class="fancy-check" aria-hidden="true"
-                            ><svg viewBox="0 0 64 64">
-                              <path
-                                d="M 0 16 V 56 A 8 8 90 0 0 8 64 H 56 A 8 8 90 0 0 64 56 V 8 A 8 8 90 0 0 56 0 H 8 A 8 8 90 0 0 0 8 V 16 L 32 48 L 64 16 V 8 A 8 8 90 0 0 56 0 H 8 A 8 8 90 0 0 0 8 V 56 A 8 8 90 0 0 8 64 H 56 A 8 8 90 0 0 64 56 V 16"
-                                pathLength="575.0541381835938"
-                                class="fancy-path"
-                              ></path></svg></span
-                        ></label>
+                            " /><FancyCheck :checked="form.auto_shallow_compress_enabled" /></label>
                         <label class="settings-toggle-row inner"
                           ><span class="settings-row-copy"
                             ><span class="settings-row-title">自动深层压缩</span></span
@@ -1256,14 +1100,7 @@
                                 key: 'auto_deep_compress_enabled',
                                 value: $event.target.checked
                               })
-                            " /><span class="fancy-check" aria-hidden="true"
-                            ><svg viewBox="0 0 64 64">
-                              <path
-                                d="M 0 16 V 56 A 8 8 90 0 0 8 64 H 56 A 8 8 90 0 0 64 56 V 8 A 8 8 90 0 0 56 0 H 8 A 8 8 90 0 0 0 8 V 16 L 32 48 L 64 16 V 8 A 8 8 90 0 0 56 0 H 8 A 8 8 90 0 0 0 8 V 56 A 8 8 90 0 0 8 64 H 56 A 8 8 90 0 0 64 56 V 16"
-                                pathLength="575.0541381835938"
-                                class="fancy-path"
-                              ></path></svg></span
-                        ></label>
+                            " /><FancyCheck :checked="form.auto_deep_compress_enabled" /></label>
                         <div class="settings-compression-grid">
                           <label
                             ><span>浅压缩触发上下文</span
@@ -1349,14 +1186,7 @@
                                 key: 'deep_compress_form',
                                 value: $event.target.checked ? 'inject' : 'file'
                               })
-                            " /><span class="fancy-check" aria-hidden="true"
-                            ><svg viewBox="0 0 64 64">
-                              <path
-                                d="M 0 16 V 56 A 8 8 90 0 0 8 64 H 56 A 8 8 90 0 0 64 56 V 8 A 8 8 90 0 0 56 0 H 8 A 8 8 90 0 0 0 8 V 16 L 32 48 L 64 16 V 8 A 8 8 90 0 0 56 0 H 8 A 8 8 90 0 0 0 8 V 56 A 8 8 90 0 0 8 64 H 56 A 8 8 90 0 0 64 56 V 16"
-                                pathLength="575.0541381835938"
-                                class="fancy-path"
-                              ></path></svg></span
-                        ></label>
+                            " /><FancyCheck :checked="form.deep_compress_form === 'inject'" /></label>
                         <div class="settings-inline-actions right">
                           <button
                             type="button"
@@ -1384,14 +1214,7 @@
                               key: 'silent_tool_disable',
                               value: $event.target.checked
                             })
-                          " /><span class="fancy-check" aria-hidden="true"
-                          ><svg viewBox="0 0 64 64">
-                            <path
-                              d="M 0 16 V 56 A 8 8 90 0 0 8 64 H 56 A 8 8 90 0 0 64 56 V 8 A 8 8 90 0 0 56 0 H 8 A 8 8 90 0 0 0 8 V 16 L 32 48 L 64 16 V 8 A 8 8 90 0 0 56 0 H 8 A 8 8 90 0 0 0 8 V 56 A 8 8 90 0 0 8 64 H 56 A 8 8 90 0 0 64 56 V 16"
-                              pathLength="575.0541381835938"
-                              class="fancy-path"
-                            ></path></svg></span
-                      ></label>
+                          " /><FancyCheck :checked="form.silent_tool_disable" /></label>
                       <label class="settings-toggle-row"
                         ><span class="settings-row-copy"
                           ><span class="settings-row-title">隐藏工具审核面板</span
@@ -1406,14 +1229,7 @@
                               key: 'hide_tool_approval_panel',
                               value: $event.target.checked
                             })
-                          " /><span class="fancy-check" aria-hidden="true"
-                          ><svg viewBox="0 0 64 64">
-                            <path
-                              d="M 0 16 V 56 A 8 8 90 0 0 8 64 H 56 A 8 8 90 0 0 64 56 V 8 A 8 8 90 0 0 56 0 H 8 A 8 8 90 0 0 0 8 V 16 L 32 48 L 64 16 V 8 A 8 8 90 0 0 56 0 H 8 A 8 8 90 0 0 0 8 V 56 A 8 8 90 0 0 8 64 H 56 A 8 8 90 0 0 64 56 V 16"
-                              pathLength="575.0541381835938"
-                              class="fancy-path"
-                            ></path></svg></span
-                      ></label>
+                          " /><FancyCheck :checked="form.hide_tool_approval_panel" /></label>
                       <label class="settings-toggle-row"
                         ><span class="settings-row-copy"
                           ><span class="settings-row-title">工具意图提示</span
@@ -1428,14 +1244,7 @@
                               key: 'tool_intent_enabled',
                               value: $event.target.checked
                             })
-                          " /><span class="fancy-check" aria-hidden="true"
-                          ><svg viewBox="0 0 64 64">
-                            <path
-                              d="M 0 16 V 56 A 8 8 90 0 0 8 64 H 56 A 8 8 90 0 0 64 56 V 8 A 8 8 90 0 0 56 0 H 8 A 8 8 90 0 0 0 8 V 16 L 32 48 L 64 16 V 8 A 8 8 90 0 0 56 0 H 8 A 8 8 90 0 0 0 8 V 56 A 8 8 90 0 0 8 64 H 56 A 8 8 90 0 0 64 56 V 16"
-                              pathLength="575.0541381835938"
-                              class="fancy-path"
-                            ></path></svg></span
-                      ></label>
+                          " /><FancyCheck :checked="form.tool_intent_enabled" /></label>
                       <label class="settings-toggle-row"
                         ><span class="settings-row-copy"
                           ><span class="settings-row-title">Skill 提示系统</span
@@ -1450,14 +1259,7 @@
                               key: 'skill_hints_enabled',
                               value: $event.target.checked
                             })
-                          " /><span class="fancy-check" aria-hidden="true"
-                          ><svg viewBox="0 0 64 64">
-                            <path
-                              d="M 0 16 V 56 A 8 8 90 0 0 8 64 H 56 A 8 8 90 0 0 64 56 V 8 A 8 8 90 0 0 56 0 H 8 A 8 8 90 0 0 0 8 V 16 L 32 48 L 64 16 V 8 A 8 8 90 0 0 56 0 H 8 A 8 8 90 0 0 0 8 V 56 A 8 8 90 0 0 8 64 H 56 A 8 8 90 0 0 64 56 V 16"
-                              pathLength="575.0541381835938"
-                              class="fancy-path"
-                            ></path></svg></span
-                      ></label>
+                          " /><FancyCheck :checked="form.skill_hints_enabled" /></label>
                       <div class="settings-group-block">
                         <div class="settings-group-title">
                           <span class="settings-row-title">强约束系统</span
@@ -1473,14 +1275,7 @@
                                 key: 'skill_strict_terminal_enabled',
                                 value: $event.target.checked
                               })
-                            " /><span class="fancy-check" aria-hidden="true"
-                            ><svg viewBox="0 0 64 64">
-                              <path
-                                d="M 0 16 V 56 A 8 8 90 0 0 8 64 H 56 A 8 8 90 0 0 64 56 V 8 A 8 8 90 0 0 56 0 H 8 A 8 8 90 0 0 0 8 V 16 L 32 48 L 64 16 V 8 A 8 8 90 0 0 56 0 H 8 A 8 8 90 0 0 0 8 V 56 A 8 8 90 0 0 8 64 H 56 A 8 8 90 0 0 64 56 V 16"
-                                pathLength="575.0541381835938"
-                                class="fancy-path"
-                              ></path></svg></span
-                        ></label>
+                            " /><FancyCheck :checked="form.skill_strict_terminal_enabled" /></label>
                         <label class="settings-toggle-row inner"
                           ><span class="settings-row-title">子智能体系列工具</span
                           ><input
@@ -1491,14 +1286,7 @@
                                 key: 'skill_strict_sub_agent_enabled',
                                 value: $event.target.checked
                               })
-                            " /><span class="fancy-check" aria-hidden="true"
-                            ><svg viewBox="0 0 64 64">
-                              <path
-                                d="M 0 16 V 56 A 8 8 90 0 0 8 64 H 56 A 8 8 90 0 0 64 56 V 8 A 8 8 90 0 0 56 0 H 8 A 8 8 90 0 0 0 8 V 16 L 32 48 L 64 16 V 8 A 8 8 90 0 0 56 0 H 8 A 8 8 90 0 0 0 8 V 56 A 8 8 90 0 0 8 64 H 56 A 8 8 90 0 0 64 56 V 16"
-                                pathLength="575.0541381835938"
-                                class="fancy-path"
-                              ></path></svg></span
-                        ></label>
+                            " /><FancyCheck :checked="form.skill_strict_sub_agent_enabled" /></label>
                         <label class="settings-toggle-row inner"
                           ><span class="settings-row-title">run_command 前台模式</span
                           ><input
@@ -1509,14 +1297,7 @@
                                 key: 'skill_strict_run_command_foreground_enabled',
                                 value: $event.target.checked
                               })
-                            " /><span class="fancy-check" aria-hidden="true"
-                            ><svg viewBox="0 0 64 64">
-                              <path
-                                d="M 0 16 V 56 A 8 8 90 0 0 8 64 H 56 A 8 8 90 0 0 64 56 V 8 A 8 8 90 0 0 56 0 H 8 A 8 8 90 0 0 0 8 V 16 L 32 48 L 64 16 V 8 A 8 8 90 0 0 56 0 H 8 A 8 8 90 0 0 0 8 V 56 A 8 8 90 0 0 8 64 H 56 A 8 8 90 0 0 64 56 V 16"
-                                pathLength="575.0541381835938"
-                                class="fancy-path"
-                              ></path></svg></span
-                        ></label>
+                            " /><FancyCheck :checked="form.skill_strict_run_command_foreground_enabled" /></label>
                         <label class="settings-toggle-row inner"
                           ><span class="settings-row-title">run_command 后台模式</span
                           ><input
@@ -1527,14 +1308,7 @@
                                 key: 'skill_strict_run_command_background_enabled',
                                 value: $event.target.checked
                               })
-                            " /><span class="fancy-check" aria-hidden="true"
-                            ><svg viewBox="0 0 64 64">
-                              <path
-                                d="M 0 16 V 56 A 8 8 90 0 0 8 64 H 56 A 8 8 90 0 0 64 56 V 8 A 8 8 90 0 0 56 0 H 8 A 8 8 90 0 0 0 8 V 16 L 32 48 L 64 16 V 8 A 8 8 90 0 0 56 0 H 8 A 8 8 90 0 0 0 8 V 56 A 8 8 90 0 0 8 64 H 56 A 8 8 90 0 0 64 56 V 16"
-                                pathLength="575.0541381835938"
-                                class="fancy-path"
-                              ></path></svg></span
-                        ></label>
+                            " /><FancyCheck :checked="form.skill_strict_run_command_background_enabled" /></label>
                       </div>
                       <div class="settings-group-block" v-if="skillsCatalog.length">
                         <div class="settings-group-title">
@@ -1553,16 +1327,7 @@
                             ><input
                               type="checkbox"
                               :checked="form.enabled_skills.includes(skill.id)"
-                              @change="personalization.toggleSkill(skill.id)" /><span
-                              class="fancy-check"
-                              aria-hidden="true"
-                              ><svg viewBox="0 0 64 64">
-                                <path
-                                  d="M 0 16 V 56 A 8 8 90 0 0 8 64 H 56 A 8 8 90 0 0 64 56 V 8 A 8 8 90 0 0 56 0 H 8 A 8 8 90 0 0 0 8 V 16 L 32 48 L 64 16 V 8 A 8 8 90 0 0 56 0 H 8 A 8 8 90 0 0 0 8 V 56 A 8 8 90 0 0 8 64 H 56 A 8 8 90 0 0 64 56 V 16"
-                                  pathLength="575.0541381835938"
-                                  class="fancy-path"
-                                ></path></svg></span
-                          ></label>
+                              @change="personalization.toggleSkill(skill.id)" /><FancyCheck :checked="form.enabled_skills.includes(skill.id)" /></label>
                         </div>
                       </div>
                       <div class="settings-group-block" v-if="toolCategories.length">
@@ -1579,16 +1344,7 @@
                             ><input
                               type="checkbox"
                               :checked="form.disabled_tool_categories.includes(category.id)"
-                              @change="toggleCategory(category.id)" /><span
-                              class="fancy-check"
-                              aria-hidden="true"
-                              ><svg viewBox="0 0 64 64">
-                                <path
-                                  d="M 0 16 V 56 A 8 8 90 0 0 8 64 H 56 A 8 8 90 0 0 64 56 V 8 A 8 8 90 0 0 56 0 H 8 A 8 8 90 0 0 0 8 V 16 L 32 48 L 64 16 V 8 A 8 8 90 0 0 56 0 H 8 A 8 8 90 0 0 0 8 V 56 A 8 8 90 0 0 8 64 H 56 A 8 8 90 0 0 64 56 V 16"
-                                  pathLength="575.0541381835938"
-                                  class="fancy-path"
-                                ></path></svg></span
-                          ></label>
+                              @change="toggleCategory(category.id)" /><FancyCheck :checked="form.disabled_tool_categories.includes(category.id)" /></label>
                         </div>
                       </div>
                     </section>
@@ -2137,6 +1893,7 @@
 <script setup lang="ts">
 import { ref, computed, watch, onMounted, nextTick, onBeforeUnmount } from 'vue';
 import { storeToRefs } from 'pinia';
+import FancyCheck from '@/components/common/FancyCheck.vue';
 import { usePersonalizationStore } from '@/stores/personalization';
 import { useResourceStore } from '@/stores/resource';
 import { useUiStore } from '@/stores/ui';
@@ -4012,44 +3769,6 @@ const applyThemeOption = async (theme: ThemeKey) => {
   pointer-events: none;
 }
 
-.settings-toggle-row .fancy-check {
-  width: 28px;
-  height: 28px;
-  border-radius: 6px;
-  background: transparent;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  box-shadow: none;
-  transition: opacity 0.2s ease;
-}
-
-.settings-toggle-row .fancy-check svg {
-  width: 22px;
-  height: 22px;
-  overflow: visible;
-}
-
-.fancy-path {
-  fill: none;
-  stroke: var(--text-secondary);
-  stroke-width: 5;
-  stroke-linecap: round;
-  stroke-linejoin: round;
-  transition:
-    stroke-dasharray 0.5s ease,
-    stroke-dashoffset 0.5s ease,
-    stroke 0.2s ease;
-  stroke-dasharray: 241 9999999;
-  stroke-dashoffset: 0;
-}
-
-.settings-toggle-row input:checked + .fancy-check .fancy-path {
-  stroke: var(--text-secondary);
-  stroke-dasharray: 70.5096664428711 9999999;
-  stroke-dashoffset: -262.2723388671875;
-}
-
 .settings-group-block {
   border-bottom: 1px solid var(--theme-control-border);
   padding: 14px 0 16px;
diff --git a/static/src/styles/components/overlays/_overlays.scss b/static/src/styles/components/overlays/_overlays.scss
index 66274bee..b6d90672 100644
--- a/static/src/styles/components/overlays/_overlays.scss
+++ b/static/src/styles/components/overlays/_overlays.scss
@@ -209,49 +209,6 @@
   pointer-events: none;
 }
 
-.toggle-row .fancy-check {
-  width: 28px;
-  height: 28px;
-  border-radius: 6px;
-  background: transparent;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  box-shadow: none;
-  transition: opacity 0.2s ease;
-}
-
-.toggle-row .fancy-check svg {
-  width: 22px;
-  height: 22px;
-  overflow: visible;
-}
-
-.fancy-path {
-  fill: none;
-  stroke: var(--text-secondary);
-  stroke-width: 5;
-  stroke-linecap: round;
-  stroke-linejoin: round;
-  transition:
-    stroke-dasharray 0.5s ease,
-    stroke-dashoffset 0.5s ease,
-    stroke 0.2s ease;
-  stroke-dasharray: 241 9999999;
-  stroke-dashoffset: 0;
-}
-
-.toggle-row input:checked + .fancy-check {
-  background: transparent;
-  box-shadow: none;
-}
-
-.toggle-row input:checked + .fancy-check .fancy-path {
-  stroke: var(--accent);
-  stroke-dasharray: 70.5096664428711 9999999;
-  stroke-dashoffset: -262.2723388671875;
-}
-
 .toggle-row span {
   color: var(--text-primary);
   font-weight: 500;