From 2a3ef1a1f649b9cee5ea64438b0cdc266e3c80e1 Mon Sep 17 00:00:00 2001
From: jxxghp <jxxghp@gmail.com>
Date: Tue, 30 Jun 2026 19:05:26 +0800
Subject: [PATCH] fix theme border surfaces

---
 src/components/cards/SubscribeCard.vue | 6 +++++-
 src/pages/appcenter.vue                | 2 +-
 src/styles/common.scss                 | 3 +--
 src/styles/themes/transparent.scss     | 7 ++++++-
 4 files changed, 13 insertions(+), 5 deletions(-)

diff --git a/src/components/cards/SubscribeCard.vue b/src/components/cards/SubscribeCard.vue
index 6bf26b45..518cbe92 100644
--- a/src/components/cards/SubscribeCard.vue
+++ b/src/components/cards/SubscribeCard.vue
@@ -415,7 +415,7 @@ function handleCardClick() {
           >
             <VCard
               :key="props.media?.id"
-              class="flex flex-col h-full overflow-hidden"
+              class="subscribe-card flex flex-col h-full overflow-hidden"
               :class="{
                 'subscribe-card-paused': subscribeState === 'S',
                 'subscribe-card-pending-tint': subscribeState === 'P',
@@ -588,6 +588,10 @@ function handleCardClick() {
   border-radius: var(--app-surface-radius);
 }
 
+.subscribe-card {
+  border: var(--app-card-light-border);
+}
+
 .subscribe-card-shell--selected::after {
   position: absolute;
   z-index: 5;
diff --git a/src/pages/appcenter.vue b/src/pages/appcenter.vue
index cdbe3613..26d0b992 100644
--- a/src/pages/appcenter.vue
+++ b/src/pages/appcenter.vue
@@ -121,7 +121,7 @@ onMounted(() => {
   transition: background-color 0.2s;
 
   &:not(:last-child) {
-    border-block-end: var(--app-surface-border-width) solid rgba(var(--v-border-color), 0.12);
+    border-block-end: 1px solid rgba(var(--v-border-color), 0.12);
   }
 
   &:hover {
diff --git a/src/styles/common.scss b/src/styles/common.scss
index 0edd23c2..e6df8f44 100644
--- a/src/styles/common.scss
+++ b/src/styles/common.scss
@@ -207,8 +207,7 @@ html[data-theme-radius='extra'] {
 }
 
 // 统一卡片上浮反馈；hover 命中区域应放在静止外层，避免上浮后底边反复触发 mouseleave。
-.v-card.app-hover-lift-card,
-.subscribe-card-shell {
+.v-card.app-hover-lift-card {
   border: var(--app-card-light-border);
 }
 
diff --git a/src/styles/themes/transparent.scss b/src/styles/themes/transparent.scss
index e0bfa1bf..2fed98cc 100644
--- a/src/styles/themes/transparent.scss
+++ b/src/styles/themes/transparent.scss
@@ -145,7 +145,8 @@ html[data-theme="transparent"] {
     background-color: transparent;
   }
 
-  // 主题定制器的圆角/阴影示例沿用框架预览的透明玻璃底，避免透明主题下出现实色黑块。
+  // 主题定制器的边框/圆角/阴影示例沿用框架预览的透明玻璃底，避免透明主题下出现实色黑块。
+  .theme-customizer-border-scene,
   .theme-customizer-radius-scene,
   .theme-customizer-shadow-slider,
   .theme-customizer-shadow-slider__sample {
@@ -158,10 +159,14 @@ html[data-theme="transparent"] {
       rgba(var(--v-theme-surface), var(--transparent-opacity-light));
   }
 
+  .theme-customizer-preview-option.is-active .theme-customizer-border-scene,
   .theme-customizer-preview-option.is-active .theme-customizer-radius-scene {
     background: rgba(var(--v-theme-primary), 0.04);
   }
 
+  .theme-customizer-border-scene__card,
+  .theme-customizer-border-scene__dialog,
+  .theme-customizer-border-scene__menu,
   .theme-customizer-radius-scene__card {
     background: rgba(var(--v-theme-surface), var(--transparent-opacity));
   }