完善后台的图标库引用逻辑和在线图标库的引用

src/components/Website.vue

@@ -15,7 +15,7 @@
               :rel="config.openLinksInNewTab ? 'noopener noreferrer' : undefined"
               class="site-box"
             >
-              <i :class="site.icon" aria-hidden="true"></i>
+              <AppIcon :icon="site.icon" aria-hidden="true" />
               <span>{{ site.name }}</span>
             </a>
           </div>
@@ -34,6 +34,7 @@ import 'swiper/swiper-bundle.css'
 import { getSites } from '../api'
 import fallbackSites from '../config/site.json'
 import { loadPublicConfig, publicConfig as config } from '../composables/usePublicConfig'
+import AppIcon from './AppIcon.vue'
 
 const sites = ref([])
 const loading = ref(true)
@@ -104,7 +105,7 @@ onUnmounted(() => {
 }
 .site-box { display: flex; align-items: center; justify-content: center; gap: 9px; padding: 30px; font-weight: 600; backdrop-filter: blur(10px); transition: all 0.3s ease; }
 .site-box:hover { transform: translateY(-3px); box-shadow: 0 1px 8px var(--shadow-color); }
-.site-box i { flex: 0 0 auto; font-size: var(--icon-size); }
+.site-box :deep(.app-icon) { flex: 0 0 auto; font-size: var(--icon-size); }
 .site-box span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
 .site-grid--loading { padding: 10px; }
 .site-empty { min-height: 150px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; color: var(--text-muted); font-size: 13px; }