feat:android sync

apps/frontend/src/App.vue

@@ -10,7 +10,7 @@ const showAppShell = computed(() => !route.path.startsWith('/auth'));
 
 <template>
   <div class="min-h-screen bg-gray-100 text-gray-900">
-    <div class="max-w-xl mx-auto min-h-screen relative pb-24">
+    <div class="max-w-sm mx-auto min-h-screen relative pb-24 w-full">
       <RouterView />
       <QuickAddButton v-if="showAppShell" />
     </div>

apps/frontend/src/components/actions/QuickAddButton.vue

@@ -10,7 +10,7 @@ const toggle = () => {
 </script>
 
 <template>
-  <div class="fixed right-6 bottom-28 z-30">
+  <div class="fixed right-5 bottom-28 z-30">
     <button
       type="button"
       class="w-16 h-16 bg-blue-500 rounded-full flex items-center justify-center shadow-xl hover:bg-blue-600 transition-transform"

apps/frontend/src/components/navigation/BottomTabBar.vue

@@ -14,7 +14,7 @@ const tabs = [
 
 <template>
   <nav class="fixed bottom-0 left-0 right-0 bg-white border-t border-gray-200 safe-area-bottom">
-    <div class="max-w-xl mx-auto flex justify-around items-center h-16 px-4">
+    <div class="max-w-sm mx-auto flex justify-around items-center h-16 px-4 w-full">
       <RouterLink
         v-for="tab in tabs"
         :key="tab.name"

apps/frontend/src/features/settings/pages/SettingsPage.vue

@@ -259,7 +259,7 @@ const handleLogout = () => {
       class="fixed inset-0 bg-black/40 flex items-end justify-center"
       @click.self="budgetSheetOpen = false"
     >
-      <div class="w-full max-w-xl bg-white rounded-t-3xl p-6 space-y-4">
+      <div class="w-full max-w-sm bg-white rounded-t-3xl p-6 space-y-4">
         <div class="flex items-center justify-between">
           <h3 class="text-lg font-semibold text-gray-900">新增预算</h3>
           <button @click="budgetSheetOpen = false">

apps/frontend/src/features/transactions/pages/TransactionsPage.vue

@@ -125,7 +125,7 @@ const removeTransaction = async (id: string) => {
       class="fixed inset-0 bg-black/40 flex items-end justify-center"
       @click.self="showSheet = false"
     >
-      <div class="w-full max-w-xl bg-white rounded-t-3xl p-6 space-y-4">
+      <div class="w-full max-w-sm bg-white rounded-t-3xl p-6 space-y-4">
         <div class="flex justify-between items-center">
           <h2 class="text-lg font-semibold text-gray-900">快速记一笔</h2>
           <button @click="showSheet = false">