diff --git a/frontend/public/logo-qiniu.png b/frontend/public/logo-qiniu.png
new file mode 100644
index 0000000..f871591
Binary files /dev/null and b/frontend/public/logo-qiniu.png differ
diff --git a/frontend/src/components/Layout/AppHeader.vue b/frontend/src/components/Layout/AppHeader.vue
index 324d6ed..599f549 100644
--- a/frontend/src/components/Layout/AppHeader.vue
+++ b/frontend/src/components/Layout/AppHeader.vue
@@ -1,7 +1,7 @@
 <template>
   <header class="topbar">
     <div class="brand">
-      <div class="mark">xi</div>
+      <img src="/logo-qiniu.png" alt="logo" class="mark-img" />
       xinfra <span class="sub">统一基础设施平台</span>
     </div>
     <span class="env-pill">● 生产环境</span>
@@ -61,27 +61,20 @@ const { theme, toggleTheme } = useTheme()
   gap: 9px;
   font-weight: 600;
   letter-spacing: 0.3px;
-  font-size: 15px;
+  font-size: 18px;
 }
 
-.brand .mark {
-  width: 22px;
-  height: 22px;
-  border-radius: 5px;
-  background: linear-gradient(135deg, var(--accent), #1C8F69);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  font-family: var(--mono);
-  font-size: 11px;
-  font-weight: 600;
-  color: var(--bg-deep);
+.brand .mark-img {
+  width: 36px;
+  height: 36px;
+  border-radius: 6px;
+  object-fit: contain;
 }
 
 .brand .sub {
   color: var(--text-dim);
   font-weight: 400;
-  font-size: 12px;
+  font-size: 15px;
   margin-left: 4px;
 }
 
@@ -91,7 +84,7 @@ const { theme, toggleTheme } = useTheme()
 
 .env-pill {
   font-family: var(--mono);
-  font-size: 11px;
+  font-size: 14px;
   color: var(--accent);
   border: 1px solid var(--accent-dim);
   background: var(--accent-dim);
@@ -109,14 +102,14 @@ const { theme, toggleTheme } = useTheme()
   border-radius: 6px;
   padding: 6px 10px;
   color: var(--text-dim);
-  font-size: 12.5px;
-  width: 240px;
+  font-size: 15px;
+  width: 280px;
 }
 
 .search-box kbd {
   margin-left: auto;
   font-family: var(--mono);
-  font-size: 10px;
+  font-size: 12px;
   background: var(--bg-panel);
   padding: 1px 5px;
   border-radius: 3px;
@@ -128,27 +121,27 @@ const { theme, toggleTheme } = useTheme()
   display: flex;
   align-items: center;
   gap: 8px;
-  font-size: 12.5px;
+  font-size: 15px;
   color: var(--text-mid);
 }
 
 .identity .avatar {
-  width: 26px;
-  height: 26px;
+  width: 32px;
+  height: 32px;
   border-radius: 50%;
   background: var(--bg-panel-2);
   display: flex;
   align-items: center;
   justify-content: center;
   font-family: var(--mono);
-  font-size: 11px;
+  font-size: 14px;
   color: var(--text-hi);
   border: 1px solid var(--line);
 }
 
 .identity .ldap-tag {
   font-family: var(--mono);
-  font-size: 10px;
+  font-size: 12px;
   color: var(--text-dim);
 }
 
diff --git a/frontend/src/components/Layout/AppSidebar.vue b/frontend/src/components/Layout/AppSidebar.vue
index 09f4fea..117f640 100644
--- a/frontend/src/components/Layout/AppSidebar.vue
+++ b/frontend/src/components/Layout/AppSidebar.vue
@@ -81,7 +81,7 @@
 }
 
 .nav-label {
-  font-size: 10.5px;
+  font-size: 13px;
   color: var(--text-dim);
   text-transform: uppercase;
   letter-spacing: 1px;
@@ -94,10 +94,10 @@
   display: flex;
   align-items: center;
   gap: 10px;
-  padding: 8px 10px;
+  padding: 10px 10px;
   border-radius: 6px;
   color: var(--text-mid);
-  font-size: 13px;
+  font-size: 16px;
   font-weight: 500;
   cursor: pointer;
   margin-bottom: 2px;
@@ -108,7 +108,7 @@
 .nav-item .ic {
   width: 16px;
   text-align: center;
-  font-size: 13px;
+  font-size: 16px;
   opacity: 0.85;
 }
 
@@ -126,7 +126,7 @@
 .nav-item .badge {
   margin-left: auto;
   font-family: var(--mono);
-  font-size: 10px;
+  font-size: 12px;
   background: var(--bg-panel-2);
   color: var(--text-dim);
   padding: 1px 6px;
@@ -144,7 +144,7 @@
   margin-top: auto;
   padding: 10px;
   border-top: 1px solid var(--line-soft);
-  font-size: 11px;
+  font-size: 14px;
   color: var(--text-dim);
   line-height: 1.6;
 }
diff --git a/frontend/src/layouts/DefaultLayout.vue b/frontend/src/layouts/DefaultLayout.vue
index aba2fbf..ee88ed7 100644
--- a/frontend/src/layouts/DefaultLayout.vue
+++ b/frontend/src/layouts/DefaultLayout.vue
@@ -15,8 +15,8 @@ import AppMain from '@/components/Layout/AppMain.vue'
 <style scoped>
 .shell {
   display: grid;
-  grid-template-columns: 226px 1fr;
-  grid-template-rows: 56px 1fr;
+  grid-template-columns: 282px 1fr;
+  grid-template-rows: 70px 1fr;
   height: 100vh;
 }
 </style>
diff --git a/frontend/src/styles/global.css b/frontend/src/styles/global.css
index a5d0ae1..32dc6ed 100644
--- a/frontend/src/styles/global.css
+++ b/frontend/src/styles/global.css
@@ -10,7 +10,7 @@ html, body {
   background: var(--bg-deep);
   color: var(--text-hi);
   font-family: var(--sans);
-  font-size: 14px;
+  font-size: 16px;
   transition: background-color 0.3s ease, color 0.3s ease;
 }