From aa5e5a654f92f31c3452bd4f059044f1ad7f29d2 Mon Sep 17 00:00:00 2001
From: cat_shark <1716967236@qq.com>
Date: Wed, 27 May 2026 23:28:55 +0800
Subject: [PATCH] style: update card backdrop blur and fix shell layout

---
 src/App.vue         | 5 +----
 src/assets/main.css | 4 +++-
 2 files changed, 4 insertions(+), 5 deletions(-)

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);