1 files changed, 12 insertions, 22 deletions
diff --git a/src/components/config/Config.module.scss b/src/components/config/Config.module.scss
index 1c178b4..1e72168 100644
--- a/src/components/config/Config.module.scss
+++ b/src/components/config/Config.module.scss
@@ -1,5 +1,3 @@
-@use '~/styles/utils/custom-media' as *;
-
 .root {
   max-width: 1000px;
   padding: 30px 20px;
@@ -24,27 +22,23 @@
   }
 }
 
+// 同一项下并排的多个按钮（如内核更新的稳定版 / Alpha 版）
+.buttonGroup {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 10px;
+}
+
 .wrapSwitch {
   height: 40px;
   display: flex;
   align-items: center;
 }
 
-.sep {
-  max-width: 900px;
-  padding: 0 15px;
-  @media (--breakpoint-not-small) {
-    padding: 0 40px;
-  }
-  > div {
-    border-top: 1px dashed var(--color-separator);
-  }
-}
-
 .label {
   padding: 10px 0 8px;
   font-size: 0.85rem;
-  color: var(--color-text-secondary, #999);
+  color: var(--color-text-secondary);
   text-transform: uppercase;
   letter-spacing: 0.5px;
 }
@@ -60,17 +54,13 @@
   color: var(--color-text-highlight);
 }
 
+// 与代理组 / 连接表格 / 规则列表同一张卡：--color-card 而不是更灰一档的
+// --bg-log-info-card，否则设置页的卡片在浅色下比别处暗一档
 .card {
-  background: var(--bg-log-info-card);
-  border: 1px solid var(--color-separator);
+  background: var(--color-card);
+  border: 1px solid var(--color-card-border);
   border-radius: 12px;
   padding: 24px;
   margin-bottom: 24px;
   box-shadow: var(--shadow-card);
-  transition: border-color 0.2s ease, box-shadow 0.2s ease;
-
-  &:hover {
-    border-color: var(--color-focus-blue);
-    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
-  }
 }