feat: 博客文章详情页磨砂玻璃背景（壁纸下可读性）

public/css/style.css

@@ -779,13 +779,13 @@ table tr:hover td {
 }
 
 /* ===== Login Page ===== */
-.login-page {
+.login-page, .register-page {
   min-height: 100vh;
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 24px;
-  background: var(--md-ref-background);
+  background: transparent; /* 完全透明，透出壁纸 */
 }
 
 .login-card {
@@ -1802,7 +1802,13 @@ button.glass-card, .btn.glass-card, .nav-tab.glass-card, .chip.glass-card {
   flex-wrap: wrap;
   padding: 22px 28px 28px;
   border-top: 1px solid var(--md-ref-outline-variant);
-  background: var(--md-ref-background);
+  /* 磨砂玻璃：半透明底 + 模糊，壁纸下增强可读性 */
+  background: rgba(255, 251, 254, 0.55);
+  backdrop-filter: blur(20px);
+  -webkit-backdrop-filter: blur(20px);
+}
+[data-theme="dark"] .footer-classic {
+  background: rgba(28, 27, 31, 0.6);
 }
 .footer-classic .fc-left {
   font-size: 13px;
@@ -1840,9 +1846,15 @@ button.glass-card, .btn.glass-card, .nav-tab.glass-card, .chip.glass-card {
 
 /* ---- 分栏导航 ---- */
 .footer-columns {
-  background: var(--md-ref-background);
+  /* 磨砂玻璃：半透明底 + 模糊，壁纸下增强可读性 */
+  background: rgba(255, 251, 254, 0.55);
+  backdrop-filter: blur(20px);
+  -webkit-backdrop-filter: blur(20px);
   border-top: 1px solid var(--md-ref-outline-variant);
 }
+[data-theme="dark"] .footer-columns {
+  background: rgba(28, 27, 31, 0.6);
+}
 .footer-columns .fc-grid {
   display: grid;
   grid-template-columns: 2fr 1fr 1fr;
@@ -2449,3 +2461,25 @@ button.glass-card, .btn.glass-card, .nav-tab.glass-card, .chip.glass-card {
   0%, 55% { left: -60%; }
   100% { left: 130%; }
 }
+
+/* ===== 博客页壁纸下磨砂背景（增强可读性） ===== */
+.blog-layout {
+  background: rgba(255, 251, 254, 0.5);
+  backdrop-filter: blur(16px);
+  -webkit-backdrop-filter: blur(16px);
+}
+[data-theme="dark"] .blog-layout {
+  background: rgba(28, 27, 31, 0.55);
+}
+
+/* ===== 博客文章详情页壁纸下磨砂背景（增强可读性） ===== */
+.blog-article {
+  background: rgba(255, 251, 254, 0.5);
+  backdrop-filter: blur(16px);
+  -webkit-backdrop-filter: blur(16px);
+  border-radius: 16px;
+  padding: 24px;
+}
+[data-theme="dark"] .blog-article {
+  background: rgba(28, 27, 31, 0.55);
+}