diff --git a/src/App.vue b/src/App.vue
index 4ee81e3..3ba0284 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -45,10 +45,7 @@ const route = useRoute();
   position: sticky;
   top: 0;
   z-index: 10;
-  background: var(--surface);
-}
-
-.shell-main {
+}.shell-main {
   max-width: 1240px;
   width: 100%;
   margin: 0 auto;
diff --git a/src/assets/main.css b/src/assets/main.css
index 2ced1de..898f03c 100644
--- a/src/assets/main.css
+++ b/src/assets/main.css
@@ -27,7 +27,9 @@ a:hover {
 }
 
 .surface-card {
-  background: var(--surface-strong);
+  background: rgba(255, 255, 255, 0.85);
+  backdrop-filter: blur(12px);
+  -webkit-backdrop-filter: blur(12px);
   border: 1px solid var(--border-soft);
   border-radius: 18px;
   box-shadow: var(--shadow-soft);