完善Citizen深色模式适配

modules/baseWidgets/ext.isekai.baseWidgets.less

@@ -238,13 +238,33 @@
         }
 
         &.skin-citizen {
-            .page-actions {
+            .isekai-bottom-nav-container {
+                z-index: 201;
+            }
+
+            .page-actions,
+            .citizen-toc {
                 bottom: ~"calc(var(--header-size) + var(--space-xs) + " @isekai-bottom-nav-button-size ~")";
             }
     
             .citizen-header {
                 bottom: @isekai-bottom-nav-button-size;
             }
+
+            .citizen-feature-autohide-navigation-clientpref-1 .citizen-scroll--down .citizen-header {
+                transform: translate3d(0, 200%, 0);
+            }
+        }
     }
+}
+
+.skin-citizen-dark {
+    .isekai-bottom-nav-container {
+        background-color: rgba(0, 0, 0, 0.8);
+        backdrop-filter: blur(20px) saturate(120%);
+    }
+
+    .isekai-bottom-nav-btn {
+        color: var(--color-base);
     }
 }

modules/offcanvasTOC/ext.isekai.offcanvasTOC.less

@@ -111,3 +111,35 @@ body.toc-offcanvas-open {
         opacity: 1;
     }
 }
+
+
+// 深色模式补丁
+.skin-citizen-dark {
+    .toc-offcanvas {
+        background-color: var(--color-surface-2);
+        
+        > ul {
+            a.list-item {
+                text-decoration: none;
+
+                &:hover,
+                &:active,
+                &:focus,
+                &:visited {
+                    color: var(--color-base);
+                    outline: none;
+                }
+            }
+
+            .list-item {
+                color: var(--color-base);
+                background-color: var(--color-surface-0);
+                border-top: 1px solid var(--border-color-base);
+
+                &:active {
+                    background-color: var(--color-surface-1);
+                }
+            }
+        }
+    }
+}