diff --git a/3DTank/docs/SettingsStyleTable.md b/3DTank/docs/SettingsStyleTable.md
index 7f10e49..9306291 100644
--- a/3DTank/docs/SettingsStyleTable.md
+++ b/3DTank/docs/SettingsStyleTable.md
@@ -53,7 +53,7 @@
 | `DropDownStyle` 容器 | `width:100%; position:relative` |
 | `DropDownStyle` 按钮 | `display:flex; align-items:center; justify-content:space-between; min-width:4.375em; width:100%; height:3.125em; border:0.063em solid rgba(255,255,255,0.2); background:rgba(255,255,255,0.1); padding:0 0.875em; box-sizing:border-box` |
 | `CheckBoxComponentStyle` | `display:flex; align-items:center; justify-content:flex-start; width:100%; height:2.25em; margin-bottom:1.25em` |
-| 设置页 Toggle Switch | `width:2.75em; height:1.5em; border:0.063em solid rgba(255,255,255,0.2); border-radius:6.25rem; background:rgba(118,255,51,0.25)`（开）/ `rgba(191,213,255,0.25)`（关）；白色圆形 knob，`transition:0.2s` |
+| 设置页 Toggle Switch | `width:2.75em; height:1.5em; border:0.063em solid rgba(255,255,255,0.2); border-radius:6.25rem; background:rgba(118,255,51,0.25)`（开）/ `rgba(191,213,255,0.25)`（关）；knob 使用原版 `correct.afad1b22.svg` / `incorrectCheck.1918884a.svg` 圆形图标 |
 | `DropDownStyle` 菜单 | `min-width:18.25em; background:rgba(0,25,38,0.9); backdrop-filter:blur(3.125em); position:absolute; z-index:999; display:flex; flex-direction:column` |
 | `DropDownStyle` 选项 | `height:2.563em; min-height:2.563em; flex:0 0 2.563em; width:100%; display:flex; align-items:center; justify-content:flex-start; cursor:pointer`；hover `rgba(255,255,255,0.1)`；文字 `margin:0 2.125em; font-size:0.9375em` |
 | 下拉滚动 | 菜单 `max-height:15.75em; overflow-y:auto; scrollbar-gutter:stable`；选项固定高度，不参与 flex 收缩，超过上限后滚动 |
diff --git a/TankiOffline/app/src/jsMain/resources/lobby3.css b/TankiOffline/app/src/jsMain/resources/lobby3.css
index d2ead5a..9ccdb38 100644
--- a/TankiOffline/app/src/jsMain/resources/lobby3.css
+++ b/TankiOffline/app/src/jsMain/resources/lobby3.css
@@ -1082,23 +1082,26 @@ body { margin: 0; overflow: hidden; background: #001926; color: #fff; }
   height: 1.5em;
   border: 0.063em solid rgba(255, 255, 255, 0.2);
   border-radius: 6.25rem;
-  background: rgba(191, 213, 255, 0.35);
+  background: rgba(191, 213, 255, 0.25);
   transition: background-color 0.2s;
 }
-.ksc-62[data-on="true"] { background: rgba(118, 255, 51, 0.35); }
+.ksc-62[data-on="true"] { background: rgba(118, 255, 51, 0.25); }
 .ksc-62::after {
   content: "";
   position: absolute;
   top: 50%;
   left: 0.2em;
-  width: 1.1em;
-  height: 1.1em;
+  width: 1em;
+  height: 1em;
   border-radius: 50%;
-  background: #fff;
+  background: url("/play/static/images/incorrectCheck.1918884a.svg") center / 100% 100% no-repeat;
   transform: translateY(-50%);
-  transition: left 0.2s;
+  transition: left 0.2s, background-image 0.2s;
+}
+.ksc-62[data-on="true"]::after {
+  left: calc(100% - 1.2em);
+  background-image: url("/play/static/images/correct.afad1b22.svg");
 }
-.ksc-62[data-on="true"]::after { left: calc(100% - 1.3em); }
 .ksc-63 { display: flex; align-items: center; justify-content: flex-start; margin-left: 0.75em; }
 .ksc-63.has-description {
   flex-direction: column;