feat: add frosted-bar CSS component for header and footer

diff --git a/themes/danix-xyz-hacker/assets/css/main.css b/themes/danix-xyz-hacker/assets/css/main.css
index 72e9cf266e204b6c9be932bb89123feb5ed8efea..473894dcdfdc80d7fdb43f647f7db235cdc7c08c 100644 (file)
--- a/themes/danix-xyz-hacker/assets/css/main.css
+++ b/themes/danix-xyz-hacker/assets/css/main.css
@@ -177,6 +177,18 @@ html.theme-light {
     box-shadow: 0 0 20px var(--accent-glow);
   }
 
+  /* Frosted glass bar (header/footer) */
+  .frosted-bar {
+    background-color: rgba(12, 21, 32, 0.92);
+    backdrop-filter: blur(10px);
+    border: 1px solid var(--border);
+    box-shadow: 0 0 20px var(--accent-glow);
+  }
+
+  html.theme-light .frosted-bar {
+    background-color: rgba(248, 249, 250, 0.92);
+  }
+
   /* Article type badge styles */
   .type-tech {
     color: var(--type-tech);