From 3eaf2c60422a8ce901ef3c70daa131f2e0a33bff Mon Sep 17 00:00:00 2001
From: Sakurasan <26715255+Sakurasan@users.noreply.github.com>
Date: Thu, 1 Oct 2026 14:46:05 +0800
Subject: [PATCH] =?UTF-8?q?=E6=89=8B=E6=9C=BA=E7=AB=AF=E5=90=8E=E5=8F=B0?=
 =?UTF-8?q?=E4=B8=BB=E9=A2=98=E5=88=87=E6=8D=A2=E6=94=B6=E8=BF=9B=E9=A1=B6?=
 =?UTF-8?q?=E6=A0=8F=EF=BC=9A=E6=B5=AE=E5=8A=A8=E6=8C=89=E9=92=AE=E5=8E=8B?=
 =?UTF-8?q?=E6=80=BB=E8=A7=88=E5=9B=BE=E8=A1=A8=E5=8F=B3=E4=B8=8B=E8=A7=92?=
 =?UTF-8?q?=EF=BC=8C=E9=A1=B6=E6=A0=8F=2034px=20=E8=83=B6=E5=9B=8A?=
 =?UTF-8?q?=E4=B8=8E=20=E2=98=B0/=E9=80=80=E5=87=BA=E5=90=8C=E6=8E=92?=
 =?UTF-8?q?=EF=BC=9B=E5=90=8E=E5=8F=B0=E8=B7=AF=E7=94=B1=E4=B8=8D=E5=86=8D?=
 =?UTF-8?q?=E6=8C=82=E5=85=A8=E5=B1=80=E6=B5=AE=E5=8A=A8=E6=8C=89=E9=92=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/App.vue               |  5 +++--
 frontend/src/admin/AdminLayout.vue | 14 ++++++++++++++
 2 files changed, 17 insertions(+), 2 deletions(-)

diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index 54830c6..82b715b 100644
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -65,8 +65,9 @@ watch(
   <!-- 图片预览层：时间线 / 详情页的配图点开时全屏展示 -->
   <ImgLightbox />
   <!-- 桌面端：左栏底部放 inline 形态；窄屏：左栏收起，浮动按钮兜底。
-       vivid 的顶部导航自带切换器，浮动那个就不重复出现了。 -->
-  <ThemeSwitcher v-if="!isVivid" variant="floating" class="theme-floating-only" />
+       vivid 的顶部导航自带切换器，浮动那个就不重复出现了。
+       后台不走浮动：手机端顶栏里有（AdminLayout），浮动会压住卡片右下角。 -->
+  <ThemeSwitcher v-if="!isVivid && !isAdmin" variant="floating" class="theme-floating-only" />
 </template>
 
 <style scoped>
diff --git a/frontend/src/admin/AdminLayout.vue b/frontend/src/admin/AdminLayout.vue
index 7031211..ccdcea9 100644
--- a/frontend/src/admin/AdminLayout.vue
+++ b/frontend/src/admin/AdminLayout.vue
@@ -176,6 +176,9 @@ watch(() => route.path, () => {
           <button class="cmd-hint" @click="paletteOpen = true">
             搜索 / 命令 <kbd>⌘K</kbd>
           </button>
+          <!-- 手机端主题切换收进顶栏（浮动按钮在总览页会压住卡片右下角）；
+               桌面隐藏，切换仍走侧栏 footer -->
+          <ThemeSwitcher variant="inline" class="switch-m" />
           <!-- 手机端侧栏进抽屉后，退出固定放顶栏；桌面隐藏，退出仍走侧栏 footer -->
           <button class="btn leave-m" @click="logout">退出</button>
         </div>
@@ -204,4 +207,15 @@ watch(() => route.path, () => {
   text-align: center;
   color: var(--admin-muted);
 }
+
+/* 顶栏主题切换：手机专属（≤860px 与抽屉同 breakpoint），桌面隐藏。
+   34px 比 inline 默认 40px 略小，跟 36px 的 ☰ / 退出按钮同排不突兀；
+   选择器带 .admin-topbar 提特度，压过组件自身的 .theme-switcher--inline。 */
+.admin-topbar .switch-m {display: none;}
+@media (max-width: 860px) {
+  .admin-topbar .switch-m {display: inline-flex;
+    width: 34px;
+    height: 34px;}
+  .admin-topbar .switch-m :deep(.ic) {font-size: 16px;}
+}
 </style>
\ No newline at end of file