窗口底部添加进度提示条

Author: CatCodeMe

src/assets/styles/app.css

@@ -119,4 +119,25 @@ starlight-tabs::before {
 html.dark .prose :where(:not(pre) > code):not(:where(.not-prose, .not-prose *)) {
   background-color: rgba(220, 220, 220, 0.13) !important;
   color: #f8fafc;
-}
+}
+
+/* Reading progress bar using modern CSS scroll-driven animations */
+@media (min-width: 768px) {
+  body::before {
+    content: '';
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    height: 2px;
+    background: hsl(var(--primary));
+    width: 0%;
+    z-index: 9999;
+    animation: progress-bar linear;
+    animation-timeline: scroll(root);
+  }
+}
+
+@keyframes progress-bar {
+  from { width: 0%; }
+  to { width: 100%; }
+}

src/content/blog/coding/bloom_filter.mdx

@@ -12,7 +12,7 @@ ai-model:
   - gemini-2.5-pro
 heroImage:
   src: ./attachments/bloom_filter_2.png
-  color: '#047677'
+  color: '#faf5e7'
 ---
 
 import Paper from '@/custom/components/pages/Paper.astro'