From dc5f1c1370a7718022408a4e99788e2163052e72 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=B0=A6=E5=90=9B?=
 <73606411+setube@users.noreply.github.com>
Date: Sat, 20 Dec 2025 03:41:16 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E4=BC=98=E5=8C=96=E5=8E=9F=E7=94=9F?=
 =?UTF-8?q?=E7=AB=AF=E9=A1=B6=E9=83=A8=E9=97=B4=E8=B7=9D=E4=B8=8E=E8=B5=84?=
 =?UTF-8?q?=E6=BA=90=E6=A0=8F=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

根据平台动态调整主内容区与资源栏的顶部间距，原生端顶部间距由60px提升至80px，资源栏与展开栏的padding与定位同步适配，提升Android/Capacitor端显示一致性。
---
 src/App.vue | 33 +++++++++++++++++++++------------
 1 file changed, 21 insertions(+), 12 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 99724c6..e5c41d1 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -201,16 +201,26 @@
 
     <!-- 主内容区 -->
     <SidebarInset>
-      <div class="flex flex-col h-full pt-[60px]">
+      <div class="flex flex-col h-full" :class="Capacitor.isNativePlatform() ? 'pt-[80px]' : 'pt-[60px]'">
         <!-- 顶部资源栏 - 固定定位 -->
         <header
           v-if="planet"
-          class="fixed top-0 right-0 left-0 z-40 bg-card border-b px-4 sm:px-6 py-3 shadow-md"
-          :class="sidebarOpen ? 'lg:left-[var(--sidebar-width)]' : 'lg:left-[var(--sidebar-width-icon)]'"
+          ref="header"
+          class="fixed top-0 right-0 left-0 z-40 bg-card border-b px-4 sm:px-6 shadow-md"
+          :class="[
+            sidebarOpen ? 'lg:left-[var(--sidebar-width)]' : 'lg:left-[var(--sidebar-width-icon)]',
+            Capacitor.isNativePlatform() ? 'py-6' : 'py-3'
+          ]"
         >
           <div class="flex flex-col gap-3">
             <!-- 第一行：菜单、资源预览、状态 -->
-            <div class="grid items-center gap-3 sm:gap-6" style="grid-template-columns: auto 1fr auto">
+            <div
+              class="grid items-center gap-3 sm:gap-6"
+              style="grid-template-columns: auto 1fr auto"
+              :class="{
+                'relative top-3': Capacitor.isNativePlatform()
+              }"
+            >
               <!-- 左侧：汉堡菜单（移动端）/ 占位（PC端） -->
               <div>
                 <SidebarTrigger class="lg:hidden" data-tutorial="mobile-menu" />
@@ -221,7 +231,7 @@
               <div class="min-w-0 overflow-hidden">
                 <div
                   class="resource-bar flex items-center gap-3 sm:gap-6 justify-start sm:justify-center"
-                  :class="resourceBarExpanded ? 'hidden' : 'overflow-x-auto'"
+                  :class="[resourceBarExpanded ? 'hidden' : 'overflow-x-auto']"
                 >
                   <div
                     v-for="resourceType in resourceTypes"
@@ -283,8 +293,11 @@
         >
           <div
             v-if="planet && resourceBarExpanded"
-            class="fixed top-[60px] right-0 left-0 z-30 bg-card border-b px-4 py-3 shadow-md lg:hidden"
-            :class="sidebarOpen ? 'lg:left-[var(--sidebar-width)]' : 'lg:left-[var(--sidebar-width-icon)]'"
+            class="fixed right-0 left-0 z-30 bg-card border-b px-4 py-3 shadow-md lg:hidden"
+            :class="[
+              sidebarOpen ? 'lg:left-[var(--sidebar-width)]' : 'lg:left-[var(--sidebar-width-icon)]',
+              Capacitor.isNativePlatform() ? 'top-[80px]' : 'top-[60px]'
+            ]"
           >
             <div class="grid grid-cols-2 gap-3">
               <div v-for="resourceType in resourceTypes" :key="resourceType.key" class="bg-muted/50 rounded-lg p-2.5">
@@ -394,19 +407,14 @@
         </AlertDialogFooter>
       </AlertDialogContent>
     </AlertDialog>
-
     <!-- 详情弹窗 -->
     <DetailDialog />
-
     <!-- 更新弹窗 -->
     <UpdateDialog v-model:open="showUpdateDialog" :version-info="updateInfo" />
-
     <!-- 弱引导提示系统 -->
     <HintToast />
-
     <!-- Toast 通知 -->
     <Sonner position="top-center" />
-
     <!-- 重命名星球对话框 -->
     <Dialog v-model:open="renameDialogOpen">
       <DialogContent class="sm:max-w-md">
@@ -2090,6 +2098,7 @@
           }
         })
       }
+
       // Android 返回键退出确认
       if (Capacitor.isNativePlatform()) {
         CapacitorApp.addListener('backButton', ({ canGoBack }) => {