美化

public/light.svg

@@ -0,0 +1,17 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
+        "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg t="1782569219672" class="icon" viewBox="0 0 1024 1024" version="1.1"
+     xmlns="http://www.w3.org/2000/svg" p-id="11605" width="200" height="200">
+    <path d="M634.9 770.3l-4.4 28H393.6l-4.4-28h245.7zM512 931c-30.4 0-55.9-21.6-62-50.2h124c-6.1 28.6-31.6 50.2-62 50.2z m103.5-79.3h-207c-3.4 0-6.4-2.2-7.4-5.5l-2.9-18.9H626l-3 18.9c-1 3.3-4 5.5-7.5 5.5zM384.7 741.3l-8.1-51.9-0.1-0.6c-7.4-30.4-22.6-58.6-43.8-81.7-42.5-46.2-65.9-106.1-65.9-168.7 0-135.1 109.9-245.1 245-245.3h0.3c134 0 244 108.9 245.3 242.9 0.6 62.7-22.5 122.6-65 168.6-21.5 23.2-36.8 51.7-44.3 82.4l-0.1 0.6-8.4 53.6H384.7z"
+          fill="#FFFFFF" p-id="11606"></path>
+    <path d="M357 741.1l-8-51.9-0.1-0.6c-7.4-30.4-22.4-58.6-43.5-81.7-42.2-46.2-65.4-106.1-65.4-168.7 0-135.1 109-245.1 243.1-245.3h0.3c133 0 242.1 108.9 243.3 242.9 0.6 62.7-22.3 122.6-64.5 168.6-21.3 23.2-36.5 51.7-43.9 82.4l-0.1 0.6-8.3 53.6H357z"
+          fill="#F7DF8A" p-id="11607"></path>
+    <path d="M605.8 770.8l-4.3 28H370.4l-4.3-28h239.7zM587 852.2H384.9c-3.3 0-6.3-2.2-7.2-5.5l-2.9-18.9h222.3l-2.9 18.9c-1 3.3-3.9 5.5-7.2 5.5z"
+          fill="#E87A66" p-id="11608"></path>
+    <path d="M484.9 931c-29 0-53.4-21.6-59.2-50.2H544c-5.8 28.6-30.1 50.2-59.1 50.2z" fill="#65D5EF"
+          p-id="11609"></path>
+    <path d="M512 164.1h-0.3c-73.2 0.1-142 28.6-193.7 80.4-51.7 51.8-80.2 120.6-80.2 193.9 0 35.2 6.6 69.7 19.7 102.6 12.7 31.8 30.8 60.7 53.8 85.7 17.8 19.3 30.5 42.9 36.8 68.4l24.5 157 0.1 0.6c4 16.5 18.7 28 35.7 28h12c6.4 44.7 45 79.2 91.5 79.2s85.1-34.5 91.5-79.2h12c17 0 31.7-11.5 35.7-28l0.1-0.6 5.6-35.7c0.2-0.9 0.4-1.8 0.4-2.7l18.9-120.4c6.4-25.7 19.3-49.6 37.3-69.1 47.5-51.5 73.3-118.5 72.7-188.6-0.7-72.6-29.6-140.9-81.5-192.2-51.6-51.1-120.1-79.3-192.6-79.3z m122.9 606.2l-4.4 28H393.6l-4.4-28h245.7zM512 931c-30.4 0-55.9-21.6-62-50.2h124c-6.1 28.6-31.6 50.2-62 50.2z m103.5-79.3h-207c-3.4 0-6.4-2.2-7.4-5.5l-2.9-18.9H626l-3 18.9c-1 3.3-4 5.5-7.5 5.5z m76.8-247c-21.5 23.2-36.8 51.7-44.3 82.4l-0.1 0.6-8.4 53.6h-113V570.8c0-8-6.5-14.5-14.5-14.5s-14.5 6.5-14.5 14.5v170.5H384.7l-8.1-51.9-0.1-0.6c-7.4-30.4-22.6-58.6-43.8-81.7-42.5-46.2-65.9-106.1-65.9-168.7 0-135.1 109.9-245.1 245-245.3h0.3c134 0 244 108.9 245.3 242.9 0.4 62.8-22.6 122.6-65.1 168.7z"
+          fill="#274359" p-id="11610"></path>
+    <path d="M512 467c-8 0-14.5 6.5-14.5 14.5v29.7c0 8 6.5 14.5 14.5 14.5s14.5-6.5 14.5-14.5v-29.7c0-8-6.5-14.5-14.5-14.5zM511.4 146.9c8 0 14.5-6.5 14.5-14.5V78.5c0-8-6.5-14.5-14.5-14.5s-14.5 6.5-14.5 14.5v53.8c0 8.1 6.5 14.6 14.5 14.6zM281.4 234.1c2.8 2.8 6.5 4.3 10.3 4.3 3.7 0 7.4-1.4 10.3-4.3 5.7-5.7 5.7-14.9 0-20.5l-38.1-38.1c-5.7-5.7-14.9-5.7-20.5 0-5.7 5.7-5.7 14.9 0 20.5l38 38.1zM201 429.4h-53.8c-8 0-14.5 6.5-14.5 14.5s6.5 14.5 14.5 14.5H201c8 0 14.5-6.5 14.5-14.5 0.1-8-6.4-14.5-14.5-14.5zM282.3 653.4l-38.1 38.1c-5.7 5.7-5.7 14.9 0 20.5 2.8 2.8 6.5 4.3 10.3 4.3 3.7 0 7.4-1.4 10.3-4.3l38.1-38.1c5.7-5.7 5.7-14.9 0-20.5-5.8-5.7-14.9-5.7-20.6 0zM742.6 652.5c-5.7-5.7-14.9-5.7-20.5 0-5.7 5.7-5.7 14.9 0 20.5l38.1 38.1c2.8 2.8 6.5 4.3 10.3 4.3s7.4-1.4 10.3-4.3c5.7-5.7 5.7-14.9 0-20.5l-38.2-38.1zM876.8 428.2H823c-8 0-14.5 6.5-14.5 14.5s6.5 14.5 14.5 14.5h53.8c8 0 14.5-6.5 14.5-14.5s-6.5-14.5-14.5-14.5zM731.4 237.5c3.7 0 7.4-1.4 10.3-4.3l38.1-38.1c5.7-5.7 5.7-14.9 0-20.5-5.7-5.7-14.9-5.7-20.5 0l-38.1 38.1c-5.7 5.7-5.7 14.9 0 20.5 2.8 2.9 6.5 4.3 10.2 4.3z"
+          fill="#274359" p-id="11611"></path>
+</svg>

src/layouts/BasicLayout.vue

@@ -3,7 +3,6 @@ import {computed, onMounted, onUnmounted, ref} from 'vue'
 import {message} from 'ant-design-vue'
 import {useRoute, useRouter} from 'vue-router'
 import {
-  ApiOutlined,
   BulbFilled,
   BulbOutlined,
   CloudServerOutlined,
@@ -66,8 +65,8 @@ onUnmounted(() => window.removeEventListener('resize', onResize))
       theme="dark"
     >
       <div class="logo">
-        <ApiOutlined style="font-size: 24px; color: #1890ff" />
-        <span v-if="!collapsed" class="logo-text">AI监控</span>
+        <img alt="AI状态灯后台" class="logo-icon" src="/light.svg"/>
+        <span v-if="!collapsed" class="logo-text">AI状态灯后台</span>
       </div>
       <a-menu
         theme="dark"
@@ -105,8 +104,8 @@ onUnmounted(() => window.removeEventListener('resize', onResize))
       :header-style="{ display: 'none' }"
     >
       <div class="logo">
-        <ApiOutlined style="font-size: 24px; color: #1890ff" />
-        <span class="logo-text">AI监控</span>
+        <img alt="AI状态灯后台" class="logo-icon" src="/light.svg"/>
+        <span class="logo-text">AI状态灯后台</span>
       </div>
       <a-menu
         theme="dark"
@@ -177,10 +176,16 @@ onUnmounted(() => window.removeEventListener('resize', onResize))
   display: flex;
   align-items: center;
   justify-content: center;
-  gap: 10px;
+  gap: 0;
   padding: 0 16px;
 }
 
+.logo-icon {
+  width: 24px;
+  height: 24px;
+  object-fit: contain;
+}
+
 .logo-text {
   color: #fff;
   font-size: 18px;

src/views/SetupGuide.vue

@@ -295,10 +295,13 @@ async function copyPrompt() {
 
 <template>
   <div class="setup-guide">
-    <div class="page-header">
-      <h2>安装指南</h2>
-      <p>选择你的 AI 工具，复制提示词让它自动完成安装</p>
-    </div>
+    <a-alert
+        class="usage-tip"
+        description="复制下方提示词，粘贴给对应的 AI 工具（OpenCode、Claude Code 或 Codex），让它自动执行安装步骤。"
+        message="使用方法"
+        show-icon
+        type="info"
+    />
 
     <div class="config-section">
       <label>服务地址：</label>
@@ -344,14 +347,6 @@ async function copyPrompt() {
         </div>
       </div>
     </a-card>
-
-    <a-alert
-      class="usage-tip"
-      message="使用方法"
-      description="复制上方提示词，粘贴给对应的 AI 工具（OpenCode、Claude Code 或 Codex），让它自动执行安装步骤。"
-      type="info"
-      show-icon
-    />
   </div>
 </template>
 
@@ -456,7 +451,7 @@ async function copyPrompt() {
 }
 
 .usage-tip {
-  margin-top: 10px;
+  margin-bottom: 10px;
 }
 
 @media (max-width: 767px) {