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