diff --git a/modules/story-outline/story-outline.html b/modules/story-outline/story-outline.html
index 3658877..f5055e0 100644
--- a/modules/story-outline/story-outline.html
+++ b/modules/story-outline/story-outline.html
@@ -96,6 +96,31 @@
             --shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, 0.8), 0 10px 10px -5px rgba(0, 0, 0, 0.6)
         }
 
+        /* === 滚动条样式 === */
+        ::-webkit-scrollbar {
+            width: 8px;
+            height: 8px
+        }
+
+        ::-webkit-scrollbar-track {
+            background: var(--bg2)
+        }
+
+        ::-webkit-scrollbar-thumb {
+            background: var(--bd);
+            border-radius: 4px
+        }
+
+        ::-webkit-scrollbar-thumb:hover {
+            background: var(--c3)
+        }
+
+        /* Firefox scrollbar */
+        * {
+            scrollbar-width: thin;
+            scrollbar-color: var(--bd) var(--bg2)
+        }
+
         [data-theme="dark"] .side-glass {
             background: rgba(24, 24, 27, 0.7);
             backdrop-filter: blur(12px);
@@ -2205,6 +2230,16 @@
             transition: transform .3s
         }
 
+        /* 默认（亮色）：显示月亮，隐藏太阳 */
+        .theme-toggle i.fa-sun {
+            display: none
+        }
+
+        .theme-toggle i.fa-moon {
+            display: inline
+        }
+
+        /* 暗色主题：显示太阳，隐藏月亮 */
         [data-theme="dark"] .theme-toggle i.fa-moon {
             display: none
         }
@@ -2213,14 +2248,6 @@
             display: inline
         }
 
-        :root .theme-toggle i.fa-sun {
-            display: none
-        }
-
-        :root .theme-toggle i.fa-moon {
-            display: inline
-        }
-
         [data-theme="dark"] .adv-var-item code {
             background: rgba(255, 255, 255, 0.1);
             border-color: rgba(255, 255, 255, 0.1)
@@ -2320,7 +2347,6 @@
                 left: 48px
             }
         }
-
     </style>
 </head>