diff --git a/apps/admin/index.html b/apps/admin/index.html
index 334d0fd..23bb51a 100644
--- a/apps/admin/index.html
+++ b/apps/admin/index.html
@@ -3,6 +3,7 @@
 <head>
   <meta charset="UTF-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
   <title>TheBet365 Admin</title>
 </head>
 <body>
diff --git a/apps/admin/src/layouts/AdminLayout.vue b/apps/admin/src/layouts/AdminLayout.vue
index 1ef01b5..ecbb617 100644
--- a/apps/admin/src/layouts/AdminLayout.vue
+++ b/apps/admin/src/layouts/AdminLayout.vue
@@ -23,7 +23,10 @@ const menus = [
 <template>
   <el-container style="min-height: 100vh">
     <el-aside width="200px" style="background: #1a2332">
-      <div style="padding: 20px; color: #00a826; font-weight: 800">TheBet365 Admin</div>
+      <div style="padding: 20px">
+        <img src="/logo.svg" alt="TheBet365" style="height: 28px; width: auto; display: block" />
+        <div style="margin-top: 8px; font-size: 12px; color: #888">平台后台</div>
+      </div>
       <el-menu background-color="#1a2332" text-color="#ccc" active-text-color="#00a826" :default-active="route.path">
         <el-menu-item v-for="m in menus" :key="m.path" :index="m.path">
           <RouterLink :to="m.path" style="color: inherit; width: 100%">{{ m.label }}</RouterLink>
diff --git a/apps/admin/src/router/index.ts b/apps/admin/src/router/index.ts
index b460600..bd4e891 100644
--- a/apps/admin/src/router/index.ts
+++ b/apps/admin/src/router/index.ts
@@ -3,20 +3,20 @@ import { createRouter, createWebHistory } from 'vue-router';
 export default createRouter({
   history: createWebHistory(),
   routes: [
-    { path: '/login', component: () => import('./views/Login.vue') },
+    { path: '/login', component: () => import('../views/Login.vue') },
     {
       path: '/',
-      component: () => import('./layouts/AdminLayout.vue'),
+      component: () => import('../layouts/AdminLayout.vue'),
       meta: { auth: true },
       children: [
-        { path: '', component: () => import('./views/Dashboard.vue') },
-        { path: 'users', component: () => import('./views/Users.vue') },
-        { path: 'agents', component: () => import('./views/Agents.vue') },
-        { path: 'matches', component: () => import('./views/Matches.vue') },
-        { path: 'bets', component: () => import('./views/Bets.vue') },
-        { path: 'settlement/:id', component: () => import('./views/Settlement.vue') },
-        { path: 'cashback', component: () => import('./views/Cashback.vue') },
-        { path: 'audit', component: () => import('./views/Audit.vue') },
+        { path: '', component: () => import('../views/Dashboard.vue') },
+        { path: 'users', component: () => import('../views/Users.vue') },
+        { path: 'agents', component: () => import('../views/Agents.vue') },
+        { path: 'matches', component: () => import('../views/Matches.vue') },
+        { path: 'bets', component: () => import('../views/Bets.vue') },
+        { path: 'settlement/:id', component: () => import('../views/Settlement.vue') },
+        { path: 'cashback', component: () => import('../views/Cashback.vue') },
+        { path: 'audit', component: () => import('../views/Audit.vue') },
       ],
     },
   ],
diff --git a/apps/admin/src/views/Login.vue b/apps/admin/src/views/Login.vue
index c9b848e..e7e4c57 100644
--- a/apps/admin/src/views/Login.vue
+++ b/apps/admin/src/views/Login.vue
@@ -25,7 +25,10 @@ async function login() {
 <template>
   <div style="min-height: 100vh; display: flex; align-items: center; justify-content: center">
     <el-card style="width: 400px">
-      <h2 style="text-align: center; margin-bottom: 24px">平台后台登录</h2>
+      <div style="text-align: center; margin-bottom: 24px">
+        <img src="/logo.svg" alt="TheBet365" style="height: 32px; width: auto" />
+        <h2 style="margin-top: 12px; font-size: 16px; font-weight: 500">平台后台登录</h2>
+      </div>
       <el-form @submit.prevent="login">
         <el-form-item label="用户名">
           <el-input v-model="form.username" />
diff --git a/apps/admin/vite.config.ts b/apps/admin/vite.config.ts
index ef88671..655a82e 100644
--- a/apps/admin/vite.config.ts
+++ b/apps/admin/vite.config.ts
@@ -1,8 +1,10 @@
 import { defineConfig } from 'vite';
 import vue from '@vitejs/plugin-vue';
+import { resolve } from 'path';
 
 export default defineConfig({
   plugins: [vue()],
+  publicDir: resolve(__dirname, '../../packages/shared/public'),
   server: {
     port: 5174,
     proxy: { '/api': { target: 'http://localhost:3000', changeOrigin: true } },
diff --git a/apps/agent/index.html b/apps/agent/index.html
index 7447517..adc07f4 100644
--- a/apps/agent/index.html
+++ b/apps/agent/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
 <html lang="zh-CN">
-<head><meta charset="UTF-8" /><title>TheBet365 Agent</title></head>
+<head><meta charset="UTF-8" /><link rel="icon" type="image/svg+xml" href="/favicon.svg" /><title>TheBet365 Agent</title></head>
 <body><div id="app"></div><script type="module" src="/src/main.ts"></script></body>
 </html>
diff --git a/apps/agent/src/App.vue b/apps/agent/src/App.vue
index 6f2288a..e571fd1 100644
--- a/apps/agent/src/App.vue
+++ b/apps/agent/src/App.vue
@@ -1 +1,4 @@
-<script setup lang="ts"><template><router-view /></template></script>
+<script setup lang="ts">
+import { RouterView } from 'vue-router';
+</script>
+<template><RouterView /></template>
diff --git a/apps/agent/src/layouts/AgentLayout.vue b/apps/agent/src/layouts/AgentLayout.vue
index 04bca9f..e009319 100644
--- a/apps/agent/src/layouts/AgentLayout.vue
+++ b/apps/agent/src/layouts/AgentLayout.vue
@@ -11,7 +11,10 @@ function logout() {
 <template>
   <el-container style="min-height: 100vh">
     <el-aside width="180px" style="background: #1a2332">
-      <div style="padding: 16px; color: #00a826; font-weight: 700">代理后台</div>
+      <div style="padding: 16px">
+        <img src="/logo.svg" alt="TheBet365" style="height: 24px; width: auto; display: block" />
+        <div style="margin-top: 8px; font-size: 12px; color: #888">代理后台</div>
+      </div>
       <el-menu background-color="#1a2332" text-color="#ccc" active-text-color="#00a826">
         <el-menu-item index="/"><RouterLink to="/" style="color: inherit">概览</RouterLink></el-menu-item>
         <el-menu-item index="/players"><RouterLink to="/players" style="color: inherit">直属玩家</RouterLink></el-menu-item>
diff --git a/apps/agent/src/router/index.ts b/apps/agent/src/router/index.ts
index 94d8eae..4b4e973 100644
--- a/apps/agent/src/router/index.ts
+++ b/apps/agent/src/router/index.ts
@@ -3,15 +3,15 @@ import { createRouter, createWebHistory } from 'vue-router';
 export default createRouter({
   history: createWebHistory(),
   routes: [
-    { path: '/login', component: () => import('./views/Login.vue') },
+    { path: '/login', component: () => import('../views/Login.vue') },
     {
       path: '/',
-      component: () => import('./layouts/AgentLayout.vue'),
+      component: () => import('../layouts/AgentLayout.vue'),
       children: [
-        { path: '', component: () => import('./views/Dashboard.vue') },
-        { path: 'players', component: () => import('./views/Players.vue') },
-        { path: 'agents', component: () => import('./views/SubAgents.vue') },
-        { path: 'bets', component: () => import('./views/Bets.vue') },
+        { path: '', component: () => import('../views/Dashboard.vue') },
+        { path: 'players', component: () => import('../views/Players.vue') },
+        { path: 'agents', component: () => import('../views/SubAgents.vue') },
+        { path: 'bets', component: () => import('../views/Bets.vue') },
       ],
     },
   ],
diff --git a/apps/agent/src/views/Login.vue b/apps/agent/src/views/Login.vue
index 4656b2b..9936c4e 100644
--- a/apps/agent/src/views/Login.vue
+++ b/apps/agent/src/views/Login.vue
@@ -21,8 +21,11 @@ async function login() {
 <template>
   <div style="min-height: 100vh; display: flex; align-items: center; justify-content: center">
     <el-card style="width: 360px">
-      <h2 style="text-align: center">代理后台登录</h2>
-      <el-form @submit.prevent="login" style="margin-top: 20px">
+      <div style="text-align: center; margin-bottom: 20px">
+        <img src="/logo.svg" alt="TheBet365" style="height: 32px; width: auto" />
+        <h2 style="margin-top: 12px; font-size: 16px; font-weight: 500">代理后台登录</h2>
+      </div>
+      <el-form @submit.prevent="login" style="margin-top: 0">
         <el-input v-model="form.username" placeholder="用户名" style="margin-bottom: 12px" />
         <el-input v-model="form.password" type="password" placeholder="密码" style="margin-bottom: 12px" />
         <el-button type="primary" native-type="submit" style="width: 100%">登录</el-button>
diff --git a/apps/agent/vite.config.ts b/apps/agent/vite.config.ts
index b570aba..e4c202e 100644
--- a/apps/agent/vite.config.ts
+++ b/apps/agent/vite.config.ts
@@ -1,8 +1,10 @@
 import { defineConfig } from 'vite';
 import vue from '@vitejs/plugin-vue';
+import { resolve } from 'path';
 
 export default defineConfig({
   plugins: [vue()],
+  publicDir: resolve(__dirname, '../../packages/shared/public'),
   server: {
     port: 5175,
     proxy: { '/api': { target: 'http://localhost:3000', changeOrigin: true } },
diff --git a/apps/player/index.html b/apps/player/index.html
index 1507e05..8c37de1 100644
--- a/apps/player/index.html
+++ b/apps/player/index.html
@@ -3,6 +3,7 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
     <title>TheBet365</title>
   </head>
   <body>
diff --git a/apps/player/src/layouts/MainLayout.vue b/apps/player/src/layouts/MainLayout.vue
index 2dbab66..41ea559 100644
--- a/apps/player/src/layouts/MainLayout.vue
+++ b/apps/player/src/layouts/MainLayout.vue
@@ -27,7 +27,7 @@ function setLocale(code: string) {
 <template>
   <div class="layout">
     <header class="header">
-      <span class="logo">TheBet365</span>
+      <img src="/logo.svg" alt="TheBet365" class="logo" />
       <div class="header-actions">
         <select :value="locale" @change="setLocale(($event.target as HTMLSelectElement).value)" class="lang-select">
           <option v-for="l in locales" :key="l.code" :value="l.code">{{ l.label }}</option>
@@ -61,7 +61,7 @@ function setLocale(code: string) {
   display: flex; justify-content: space-between; align-items: center;
   padding: 12px 16px; background: #1a2332; border-bottom: 1px solid var(--border);
 }
-.logo { font-weight: 800; color: var(--primary); font-size: 18px; }
+.logo { height: 24px; width: auto; display: block; }
 .header-actions { display: flex; gap: 12px; align-items: center; }
 .lang-select { background: var(--bg-card); color: #fff; border: 1px solid var(--border); padding: 4px 8px; border-radius: 4px; width: auto; }
 .balance { font-size: 13px; color: var(--text-muted); }
diff --git a/apps/player/src/router/index.ts b/apps/player/src/router/index.ts
index a1a8ebe..f1a357e 100644
--- a/apps/player/src/router/index.ts
+++ b/apps/player/src/router/index.ts
@@ -1,20 +1,20 @@
 import { createRouter, createWebHistory } from 'vue-router';
-import { useAuthStore } from './stores/auth';
+import { useAuthStore } from '../stores/auth';
 
 const router = createRouter({
   history: createWebHistory(),
   routes: [
-    { path: '/login', component: () => import('./views/LoginView.vue') },
+    { path: '/login', component: () => import('../views/LoginView.vue') },
     {
       path: '/',
-      component: () => import('./layouts/MainLayout.vue'),
+      component: () => import('../layouts/MainLayout.vue'),
       meta: { requiresAuth: true },
       children: [
-        { path: '', component: () => import('./views/HomeView.vue') },
-        { path: 'football', component: () => import('./views/FootballView.vue') },
-        { path: 'match/:id', component: () => import('./views/MatchDetailView.vue') },
-        { path: 'bets', component: () => import('./views/MyBetsView.vue') },
-        { path: 'profile', component: () => import('./views/ProfileView.vue') },
+        { path: '', component: () => import('../views/HomeView.vue') },
+        { path: 'football', component: () => import('../views/FootballView.vue') },
+        { path: 'match/:id', component: () => import('../views/MatchDetailView.vue') },
+        { path: 'bets', component: () => import('../views/MyBetsView.vue') },
+        { path: 'profile', component: () => import('../views/ProfileView.vue') },
       ],
     },
   ],
diff --git a/apps/player/src/views/LoginView.vue b/apps/player/src/views/LoginView.vue
index 93dd1d6..2248fd4 100644
--- a/apps/player/src/views/LoginView.vue
+++ b/apps/player/src/views/LoginView.vue
@@ -28,7 +28,7 @@ async function submit() {
 
 <template>
   <div class="login-page">
-    <h1 class="logo">TheBet365</h1>
+    <img src="/logo.svg" alt="TheBet365" class="logo" />
     <form @submit.prevent="submit" class="login-form">
       <label>{{ t('auth.username') }}</label>
       <input v-model="username" required />
@@ -47,7 +47,7 @@ async function submit() {
   min-height: 100vh; display: flex; flex-direction: column;
   align-items: center; justify-content: center; padding: 24px;
 }
-.logo { color: var(--primary); font-size: 32px; margin-bottom: 32px; }
+.logo { height: 40px; width: auto; margin-bottom: 32px; }
 .login-form { width: 100%; max-width: 320px; display: flex; flex-direction: column; gap: 12px; }
 label { font-size: 13px; color: var(--text-muted); }
 .error { color: var(--danger); font-size: 13px; }
diff --git a/apps/player/vite.config.ts b/apps/player/vite.config.ts
index 8577745..93879b9 100644
--- a/apps/player/vite.config.ts
+++ b/apps/player/vite.config.ts
@@ -1,8 +1,10 @@
 import { defineConfig } from 'vite';
 import vue from '@vitejs/plugin-vue';
+import { resolve } from 'path';
 
 export default defineConfig({
   plugins: [vue()],
+  publicDir: resolve(__dirname, '../../packages/shared/public'),
   server: {
     port: 5173,
     proxy: {
diff --git a/packages/shared/public/favicon.svg b/packages/shared/public/favicon.svg
new file mode 100644
index 0000000..6f46ac3
--- /dev/null
+++ b/packages/shared/public/favicon.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="none">
+  <rect width="32" height="32" rx="6" fill="#1a2332"/>
+  <text x="16" y="22" text-anchor="middle" font-family="Arial, Helvetica, sans-serif" font-size="14" font-weight="800" fill="#00a826">T</text>
+</svg>
diff --git a/packages/shared/public/logo.svg b/packages/shared/public/logo.svg
new file mode 100644
index 0000000..531281e
--- /dev/null
+++ b/packages/shared/public/logo.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 240 40" fill="none" role="img" aria-label="TheBet365">
+  <text x="0" y="30" font-family="Arial, Helvetica, sans-serif" font-size="28" font-weight="800" fill="#00a826">TheBet365</text>
+</svg>
