优化页面、修复BUG

client/src/App.vue

@@ -37,6 +37,13 @@
 
     <!-- Inquiry Modal (Hide on Admin & Login) -->
     <InquiryModal v-if="!isAdminOrLogin" class="relative z-[80]" />
+
+    <!-- User Profile Modal (Global) -->
+    <UserProfileModal
+      :is-open="profileModalOpen"
+      :user-id="profileUserId"
+      @close="closeUserProfile"
+    />
   </div>
 </template>
 
@@ -48,7 +55,11 @@ import MobileMenu from './components/MobileMenu.vue'
 import Footer from './components/Footer.vue'
 import InquiryModal from './components/InquiryModal.vue'
 import StarBackground from './components/StarBackground.vue'
-import { getPublicSettings } from './services/api'
+import UserProfileModal from './components/UserProfileModal.vue'
+import { useUserProfileModal } from './composables/useUserProfileModal'
+import { loadPublicSettings } from './composables/usePublicSettings'
+
+const { isOpen: profileModalOpen, activeUserId: profileUserId, closeUserProfile } = useUserProfileModal()
 
 const route = useRoute()
 
@@ -67,7 +78,7 @@ const isAdminOrLoginOrBlog = computed(() => {
 // 应用网站配置到页面标题和meta标签
 const applySiteSettings = async () => {
   try {
-    const settings = await getPublicSettings()
+    const settings = await loadPublicSettings()
 
     // 设置页面标题
     if (settings.site_title) {