🎨 Sync 2026-10-09 01:04:17

luci-app-clashoo/htdocs/luci-static/resources/view/clashoo/clashoo.css

@@ -134,8 +134,10 @@
 
 .cl-wrap .cl-status-kernel .cl-core-btn {
   height: 24px;
-  line-height: 24px;
+  min-height: 0 !important;
+  line-height: 24px !important;
   min-width: 60px;
+  margin-left: 0;
   padding: 0 10px;
   border: 0;
   border-radius: 6px;
@@ -146,6 +148,8 @@
   color: var(--cl-label-muted);
   opacity: 0.6;
   cursor: pointer;
+  text-transform: none;
+  transform: none !important;
   transition: background-color 0.18s ease, color 0.18s ease, opacity 0.18s ease;
 }
 

luci-app-clashoo/htdocs/luci-static/resources/view/clashoo/overview.js

@@ -24,7 +24,7 @@ var CSS = [
   '.cl-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}',
   '.cl-card .lbl{font-size:11px;opacity:.55;margin:0}',
   '.cl-card-tools{display:flex;align-items:center;gap:6px}',
-  '.cl-icon-btn{border:0;background:transparent;padding:0;width:16px;height:16px;line-height:16px;font-size:13px;opacity:.55;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;color:inherit}',
+  '.cl-icon-btn{border:0;background:transparent;padding:0!important;margin-left:0;width:16px!important;height:16px!important;min-height:0!important;line-height:16px!important;font-size:13px;opacity:.55;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;color:inherit;text-transform:none;transform:none!important}',
   '.cl-icon-btn:hover{opacity:.9}',
   '.cl-icon-btn.is-loading{animation:cl-spin 1s linear infinite;pointer-events:none;opacity:.75}',
   '.cl-card .val{font-size:11px;font-weight:500;word-break:break-all}',
@@ -40,7 +40,10 @@ var CSS = [
     '.cl-badge-sync{background:rgba(128,128,128,.08);color:rgba(128,128,128,.92);border-color:rgba(128,128,128,.35)}',
     '.cl-service-tools{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}',
     '.cl-service-label{font-size:11px;font-weight:600;opacity:.62}',
-    '.cl-service-switch{position:relative;width:48px;height:26px;border:0;border-radius:999px;background:rgba(128,128,128,.22);padding:2px;box-shadow:none;cursor:pointer;transition:background .18s ease,opacity .18s ease}',
+    /* KuCAT 主题给所有 <button> 强加 width:auto!important / min-height:2.2rem!important /
+       text-transform:uppercase / hover translateY，会把 48×26 开关、16×16 图标按钮等精确
+       几何控件撑坏（宽塌、变竖条）；这里用 !important 固定几何并复位文本与位移。 */
+    '.cl-service-switch{position:relative;width:48px!important;height:26px!important;min-height:0!important;margin:0;padding:2px;border:0!important;border-radius:999px;background:rgba(128,128,128,.22);box-shadow:none!important;cursor:pointer;transition:background .18s ease,opacity .18s ease;text-transform:none;transform:none!important;line-height:1.4!important}',
     '.cl-service-switch .cl-service-knob{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:rgba(255,255,255,.94);box-shadow:0 1px 4px rgba(0,0,0,.18);transition:transform .18s ease,background .18s ease}',
     '.cl-service-switch.is-on{background:rgba(74,160,101,.52)}',
     '.cl-service-switch.is-on .cl-service-knob{transform:translateX(22px)}',