From f0317e1d74132d128cb4447807280f8a8dae6411 Mon Sep 17 00:00:00 2001
From: jxxghp <jxxghp@gmail.com>
Date: Sun, 13 Jul 2025 13:31:23 +0800
Subject: [PATCH] =?UTF-8?q?=E4=B8=BA=E6=98=8E=E4=BA=AE=E4=B8=BB=E9=A2=98?=
 =?UTF-8?q?=E4=BC=98=E5=8C=96Footer=E7=BB=84=E4=BB=B6=E7=9A=84=E8=83=8C?=
 =?UTF-8?q?=E6=99=AF=E8=89=B2=E9=80=8F=E6=98=8E=E5=BA=A6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/layouts/components/Footer.vue | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/src/layouts/components/Footer.vue b/src/layouts/components/Footer.vue
index f946a6d0..88e9d7e5 100644
--- a/src/layouts/components/Footer.vue
+++ b/src/layouts/components/Footer.vue
@@ -252,6 +252,10 @@ const showDynamicButton = computed(() => {
   pointer-events: auto;
   transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);
 
+  .v-theme--light & {
+    background-color: rgba(var(--v-theme-surface), 0.6);
+  }
+
   &.shift-left {
     transform: translateX(0);
   }
@@ -314,6 +318,16 @@ const showDynamicButton = computed(() => {
   inline-size: auto;
   min-block-size: 0;
 
+  // 明亮主题下降低透明度，提高文字可读性
+  .v-theme--light & {
+    background-color: rgba(var(--v-theme-surface), 0.8);
+  }
+
+  // 暗色主题保持原有透明度
+  .v-theme--dark & {
+    background-color: rgba(var(--v-theme-surface), 0.3);
+  }
+
   .footer-card-content {
     padding: 3px;
   }