diff --git a/Yi.Ai.Vue3/index.html b/Yi.Ai.Vue3/index.html
index 5d0feec1..51fe52dc 100644
--- a/Yi.Ai.Vue3/index.html
+++ b/Yi.Ai.Vue3/index.html
@@ -112,7 +112,7 @@
 <body>
 <!-- 加载动画容器 -->
 <div id="yixinai-loader" class="loader-container">
-  <div class="loader-title">意心Ai 3.3</div>
+  <div class="loader-title">意心Ai 3.4</div>
   <div class="loader-subtitle">海外地址，仅首次访问预计加载约10秒，无需梯子</div>
   <div class="loader-logo">
     <div class="pulse-box"></div>
diff --git a/Yi.Ai.Vue3/src/assets/images/api_usage_instructions.png b/Yi.Ai.Vue3/src/assets/images/api_usage_instructions.png
deleted file mode 100644
index 70a9587e..00000000
Binary files a/Yi.Ai.Vue3/src/assets/images/api_usage_instructions.png and /dev/null differ
diff --git a/Yi.Ai.Vue3/src/assets/images/logo-dark.png b/Yi.Ai.Vue3/src/assets/images/logo-dark.png
new file mode 100644
index 00000000..d2cb4baf
Binary files /dev/null and b/Yi.Ai.Vue3/src/assets/images/logo-dark.png differ
diff --git a/Yi.Ai.Vue3/src/components/SystemAnnouncementDialog/index.vue b/Yi.Ai.Vue3/src/components/SystemAnnouncementDialog/index.vue
index 30a3d978..2664fcd3 100644
--- a/Yi.Ai.Vue3/src/components/SystemAnnouncementDialog/index.vue
+++ b/Yi.Ai.Vue3/src/components/SystemAnnouncementDialog/index.vue
@@ -444,7 +444,7 @@ watch(isDialogVisible, async (newValue) => {
   :deep(.el-tabs__header) {
     flex-shrink: 0;
     margin: 0 20px;
-    padding-top: 16px;
+    //padding-top: 16px;
     background-color: #f8f9fa;
   }
 
@@ -518,7 +518,7 @@ watch(isDialogVisible, async (newValue) => {
   .activity-list {
     display: flex;
     flex-direction: column;
-    gap: 20px;
+    gap: 12px;
   }
 
   .activity-item {
@@ -923,11 +923,11 @@ watch(isDialogVisible, async (newValue) => {
 
   .announcement-item {
     position: relative;
-    padding: 24px;
+    padding: 20px;
     background: #fff;
     border-radius: 12px;
     overflow: hidden;
-    margin-bottom: 16px;
+    margin-bottom: 10px;
     transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
     box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
     border: 1px solid #e8e9eb;
diff --git a/Yi.Ai.Vue3/src/components/userPersonalCenter/components/UsageStatistics.vue b/Yi.Ai.Vue3/src/components/userPersonalCenter/components/UsageStatistics.vue
index 5fe678d1..47673081 100644
--- a/Yi.Ai.Vue3/src/components/userPersonalCenter/components/UsageStatistics.vue
+++ b/Yi.Ai.Vue3/src/components/userPersonalCenter/components/UsageStatistics.vue
@@ -1166,7 +1166,7 @@ onBeforeUnmount(() => {
     <el-card v-loading="loading" class="chart-card today-model-card">
       <template #header>
         <div class="card-header">
-          <span class="card-title">📋 今日各模型使用量统计</span>
+          <span class="card-title">📋 今日各模型使用量统计(凌晨零点至现在)</span>
           <el-tag v-if="todayModelUsageData.length > 0" type="success" effect="plain">
             共 {{ todayModelUsageData.length }} 个模型
           </el-tag>
@@ -1469,7 +1469,7 @@ onBeforeUnmount(() => {
 
 .model-cards-grid {
   display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
+  grid-template-columns: repeat(4, 1fr);
   gap: 14px;
 }
 
diff --git a/Yi.Ai.Vue3/src/layouts/components/ChatAside/index.vue b/Yi.Ai.Vue3/src/layouts/components/ChatAside/index.vue
index 6e25cb26..083e9496 100644
--- a/Yi.Ai.Vue3/src/layouts/components/ChatAside/index.vue
+++ b/Yi.Ai.Vue3/src/layouts/components/ChatAside/index.vue
@@ -626,7 +626,7 @@ function toggleSidebar() {
 
   .conversation-item {
     transition: all 0.3s ease;
-    width: 100% !important;
+    //width: 100% !important;
     max-width: 100% !important;
     box-sizing: border-box !important;
 
diff --git a/Yi.Ai.Vue3/src/layouts/components/Header/components/Avatar.vue b/Yi.Ai.Vue3/src/layouts/components/Header/components/Avatar.vue
index f3c14952..8861627c 100644
--- a/Yi.Ai.Vue3/src/layouts/components/Header/components/Avatar.vue
+++ b/Yi.Ai.Vue3/src/layouts/components/Header/components/Avatar.vue
@@ -170,7 +170,7 @@ function openVipGuide() {
           <el-avatar :src="getUserProfilePicture()" :size="28" fit="fit" shape="circle" />
         </template>
 
-        <div class="popover-content-box shadow-lg">
+        <div class="popover-content-box shadow-lg popover-box-item">
           <!-- 用户信息 -->
           <div class="user-info-box flex items-center gap-8px p-8px rounded-lg mb-2">
             <el-avatar :src="getUserProfilePicture()" :size="32" fit="fit" shape="circle" />
diff --git a/Yi.Ai.Vue3/src/layouts/components/Header/index.vue b/Yi.Ai.Vue3/src/layouts/components/Header/index.vue
index a68df3cf..c6139636 100644
--- a/Yi.Ai.Vue3/src/layouts/components/Header/index.vue
+++ b/Yi.Ai.Vue3/src/layouts/components/Header/index.vue
@@ -1,6 +1,8 @@
 <script setup lang="ts">
 import { computed, ref } from 'vue';
 import { useRoute, useRouter } from 'vue-router';
+import { useColorMode } from '@vueuse/core';
+import logoDark from '@/assets/images/logo-dark.png';
 import logo from '@/assets/images/logo.png';
 import ConsoleBtn from '@/layouts/components/Header/components/ConsoleBtn.vue';
 import { useUserStore } from '@/stores';
@@ -17,6 +19,22 @@ const router = useRouter();
 const route = useRoute();
 const userStore = useUserStore();
 
+// 使用 VueUse 的 useColorMode 获取主题状态
+const mode = useColorMode({
+  attribute: 'data-theme',
+  modes: {
+    light: 'light',
+    dark: 'dark',
+  },
+  storageKey: 'yi-theme',
+  initialValue: 'light',
+});
+
+// 根据主题切换 logo
+const currentLogo = computed(() => {
+  return mode.value === 'dark' ? logoDark : logo;
+});
+
 // 移动端菜单抽屉状态
 const mobileMenuVisible = ref(false);
 
@@ -73,7 +91,7 @@ function toggleMobileMenu() {
       <!-- 左侧品牌区域 -->
       <div class="menu-left">
         <div class="brand-container" @click="router.push('/')">
-          <el-image :src="logo" alt="logo" fit="contain" class="logo-img" />
+          <el-image :src="currentLogo" alt="logo" fit="contain" class="logo-img" />
           <span class="brand-text">意心AI</span>
         </div>
       </div>
@@ -175,7 +193,7 @@ function toggleMobileMenu() {
     <!-- 移动端头部 -->
     <div class="mobile-header">
       <div class="mobile-brand" @click="router.push('/')">
-        <el-image :src="logo" alt="logo" fit="contain" class="mobile-logo" />
+        <el-image :src="currentLogo" alt="logo" fit="contain" class="mobile-logo" />
         <span class="mobile-brand-text">意心AI</span>
       </div>
 
diff --git a/Yi.Ai.Vue3/src/pages/console/channel/index.vue b/Yi.Ai.Vue3/src/pages/console/channel/index.vue
index ddea45b9..47e981df 100644
--- a/Yi.Ai.Vue3/src/pages/console/channel/index.vue
+++ b/Yi.Ai.Vue3/src/pages/console/channel/index.vue
@@ -512,6 +512,7 @@ onUnmounted(() => {
                 </el-tag>
               </template>
             </el-table-column>
+            <el-table-column v-if="!isMobile" prop="multiplierShow" label="显示倍率" width="90" />
             <el-table-column v-if="!isMobile" prop="multiplier" label="倍率" width="80" />
             <el-table-column v-if="!isMobile" prop="orderNum" label="排序" width="70" />
             <el-table-column label="操作" :width="isMobile ? 120 : 150" fixed="right">
@@ -724,10 +725,10 @@ onUnmounted(() => {
           <el-switch v-model="modelForm.isEnabled" />
         </el-form-item>
         <el-form-item label="模型倍率">
-          <el-input-number v-model="modelForm.multiplier" :min="0.01" :step="0.1" />
+          <el-input-number v-model="modelForm.multiplier" :min="0" :step="0.1" />
         </el-form-item>
         <el-form-item label="显示倍率">
-          <el-input-number v-model="modelForm.multiplierShow" :min="0.01" :step="0.1" />
+          <el-input-number v-model="modelForm.multiplierShow" :min="0" :step="0.1" />
         </el-form-item>
         <el-form-item label="模型类型" required>
           <el-select v-model="modelForm.modelType" placeholder="请选择模型类型">
diff --git a/Yi.Ai.Vue3/src/styles/dark-theme.scss b/Yi.Ai.Vue3/src/styles/dark-theme.scss
index d6550bc7..aa077be2 100644
--- a/Yi.Ai.Vue3/src/styles/dark-theme.scss
+++ b/Yi.Ai.Vue3/src/styles/dark-theme.scss
@@ -1,5 +1,13 @@
 /* ========== 深色主题 Element Plus 覆盖样式 ========== */
 
+/* 深色主题通用 Div 样式 Mixin */
+@mixin dark-theme-div {
+  border-radius: 0 !important;
+  background: transparent !important;
+  border: 1px solid rgba(0, 255, 136, .2) !important;
+  color: #fff !important;
+}
+
 /* 全局基础样式 */
 [data-theme="dark"] {
   background:
@@ -124,7 +132,7 @@
   }
 
   .logo-text {
-    color: var(--text-color-primary) !important;
+    color: #fff !important;
   }
 
   /* 聊天区域 */
@@ -332,10 +340,7 @@
 
   /* 表格 */
   .el-table {
-    border-radius: 0 !important;
-    background: transparent !important;
-    border: 1px solid rgba(0, 255, 136, .2) !important;
-    color: #fff !important;
+    @include dark-theme-div;
 .cell{
   color: #ffffff !important;
 }
@@ -866,42 +871,29 @@
   /* 大标题样式 */
   h1 {
     color: #ffffff !important;
-    font-size: 68px !important;
-    line-height: 74px !important;
   }
 
   h2 {
     color: #ffffff !important;
-    font-size: 24px !important;
-    line-height: 62px !important;
   }
 
   h3 {
     color: #ffffff !important;
-    font-size: 22px !important;
-    line-height: 54px !important;
   }
 
   /* 正文标题 */
   h4, h5, h6 {
     color: #ffffff !important;
-    font-size: 28px !important;
-    line-height: 30px !important;
   }
 
   /* 正文 */
   p {
     color: #a0a0a0 !important;
-    line-height: 22px !important;
-    font-size: 16px !important;
-    font-weight: 400 !important;
   }
 
   /* 备注内容 */
   small, .note, .hint, .tip {
     color: #666 !important;
-    font-size: 12px !important;
-    line-height: 18px !important;
   }
 
   /* 链接 */
@@ -1518,9 +1510,7 @@
     background: transparent !important;
   }
   .info-item{
-    border-radius: 0 !important;
-    background-color: transparent !important;
-    border: 1px solid rgba(0, 255, 136, .2) !important;
+    @include dark-theme-div;
   }
   .info-value{
     color: #fff !important;
@@ -1529,9 +1519,7 @@
     background: transparent !important;
   }
   .filter-toolbar{
-    background: transparent !important;
-    border-radius: 0 !important;
-    border: 1px solid rgba(0, 255, 136, .2) !important;
+    @include dark-theme-div;
   }
   .el-select__wrapper{
     border-radius: 0 !important;
@@ -1542,25 +1530,16 @@
     border: 1px solid rgba(0, 255, 136, .2) !important;
   }
   .toolbar{
-    border-radius: 0 !important;
-    background-color: transparent !important;
-    border: 1px solid rgba(0, 255, 136, .2) !important;
-    color: #fff !important;
+    @include dark-theme-div;
   }
   .el-card__header{
-    border-radius: 0 !important;
-    background: transparent !important;
-    border: 1px solid rgba(0, 255, 136, .2) !important;
-    color: #fff !important;
+    @include dark-theme-div;
   }
   .header-title{
     color: #fff !important;
   }
   .token-table-wrapper{
-    border-radius: 0 !important;
-    background: transparent !important;
-    border: 1px solid rgba(0, 255, 136, .2) !important;
-    color: #fff !important;
+    @include dark-theme-div;
   }
   .guide-title{
     color: #fff !important;
@@ -1574,40 +1553,22 @@
     color: #fff !important;
   }
   .chart-container{
-    border-radius: 0 !important;
-    background: transparent !important;
-    border: 1px solid rgba(0, 255, 136, .2) !important;
-    color: #fff !important;
+    @include dark-theme-div;
   }
   .stat-item{
-    border-radius: 0 !important;
-    background: transparent !important;
-    border: 1px solid rgba(0, 255, 136, .2) !important;
-    color: #fff !important;
+    @include dark-theme-div;
   }
   .progress-section{
-    border-radius: 0 !important;
-    background: transparent !important;
-    border: 1px solid rgba(0, 255, 136, .2) !important;
-    color: #fff !important;
+    @include dark-theme-div;
   }
   .el-alert{
-    border-radius: 0 !important;
-    background: transparent !important;
-    border: 1px solid rgba(0, 255, 136, .2) !important;
-    color: #fff !important;
+    @include dark-theme-div;
   }
   .chart-container-wrapper{
-    border-radius: 0 !important;
-    background: transparent !important;
-    border: 1px solid rgba(0, 255, 136, .2) !important;
-    color: #fff !important;
+    @include dark-theme-div;
   }
   .token-stat-item{
-    border-radius: 0 !important;
-    background: transparent !important;
-    border: 1px solid rgba(0, 255, 136, .2) !important;
-    color: #fff !important;
+    @include dark-theme-div;
   }
   .token-value{
     color: #fff !important;
@@ -1619,16 +1580,10 @@
     color: #fff !important;
   }
   .consumption-card{
-    border-radius: 0 !important;
-    background: transparent !important;
-    border: 1px solid rgba(0, 255, 136, .2) !important;
-    color: #fff !important;
+    @include dark-theme-div;
   }
   .task-item{
-    border-radius: 0 !important;
-    background: transparent !important;
-    border: 1px solid rgba(0, 255, 136, .2) !important;
-    color: #fff !important;
+    @include dark-theme-div;
   }
   .task-name{
     color: #fff !important;
@@ -1650,27 +1605,16 @@
     border-radius: 0;
   }
   .tip-item{
-    border-radius: 0 !important;
-    background: transparent !important;
-    border: 1px solid rgba(0, 255, 136, .2) !important;
-    color: #fff !important;
+    @include dark-theme-div;
   }
   .tools-panel{
-    border-radius: 0 !important;
-    background: transparent !important;
-    border: 1px solid rgba(0, 255, 136, .2) !important;
-    color: #fff !important;
+    @include dark-theme-div;
   }
   .tool-item {
-    border-radius: 0 !important;
-    background: transparent !important;
-    border: 1px solid rgba(0, 255, 136, .2) !important;
-    color: #fff !important;
+    @include dark-theme-div;
   }
   .el-tabs--border-card{
-    border-radius: 0 !important;
-    background: transparent !important;
-    border: 1px solid rgba(0, 255, 136, .2) !important;
+    @include dark-theme-div;
   }
   .el-tabs--border-card>.el-tabs__header{
     border-radius: 0 !important;
@@ -1681,23 +1625,175 @@
     background-color: rgba(0, 255, 136, 0.15) !important;
   }
   .channel-management{
-    border-radius: 0 !important;
-    background: transparent !important;
-    border: 1px solid rgba(0, 255, 136, .2) !important;
-    color: #fff !important;
+    @include dark-theme-div;
   }
   .model-list-panel{
-    border-radius: 0 !important;
-    background: transparent !important;
-    border: 1px solid rgba(0, 255, 136, .2) !important;
-    color: #fff !important;
+    @include dark-theme-div;
   }
   .app-list-panel{
-    border-radius: 0 !important;
-    background: transparent !important;
-    border: 1px solid rgba(0, 255, 136, .2) !important;
+    @include dark-theme-div;
+  }
+  .bg-green-50{
+    @include dark-theme-div;
+  }
+  .el-upload--picture-card{
+    @include dark-theme-div;
+  }
+  .brand-container:hover{
+    color: #00ff88 !important;
+    background-color: rgba(0, 255, 136, 0.15) !important;
+  }
+  .announcement-tabs .el-tabs__header{
+    @include dark-theme-div;
+  }
+  .activity-content .activity-item{
+    @include dark-theme-div;
+
+  }
+  .activity-title h3{
     color: #fff !important;
   }
+  .activity-content .activity-title{
+    -webkit-text-fill-color: #fff !important;
+  }
+  .announcement-content .announcement-item{
+    @include dark-theme-div;
+  }
+  .popover-content{
+    @include dark-theme-div;
+    background-color: #04080b !important;
+  }
+  .popover-box-item{
+    background: transparent !important;
+    color: #fff !important;
+    border: none !important;
+  }
+  .text-gray-800{
+    color: #fff !important;
+  }
+  .popover-content-box-items:hover{
+    border: 1px solid rgba(0, 255, 136, 0.4);
+    border-radius: 0;
+  }
+  .el-menu--horizontal .el-menu .el-menu-item, .el-menu--horizontal .el-menu .el-sub-menu__title{
+    @include dark-theme-div;
+  }
+  .el-table tbody tr:hover{
+    transition: none;
+  }
+  .footer-wrapper{
+    color: #fff !important;
+  }
+  .el-bubble-content-wrapper .el-bubble-content{
+    @include dark-theme-div;
+  }
+  .markdown-body p{
+    color: #fff !important;
+  }
+  .footer-time .el-button{
+    margin-left: 10px;
+  }
+  .desktop-layout .package-card{
+    @include dark-theme-div;
+  }
+  .contact-service-card{
+    @include dark-theme-div;
+  }
+  .model-library-card-mobile{
+    @include dark-theme-div;
+  }
+  .desktop-layout .right-panel .benefits-list .benefit-item{
+    color: #fff !important;
+  }
+  .section-title{
+    color: #fff !important;
+  }
+  .el-dialog .el-dialog__body{
+    color: #fff !important;
+  }
+  .desktop-layout .package-card.selected{
+    border: 1px solid rgba(0, 255, 136, 0.4) !important;
+    border-radius: 0 !important;
+    box-shadow: none !important;
+  }
+  .newbie-guide-container{
+    @include dark-theme-div;
+  }
+  .newbie-header{
+    @include dark-theme-div;
+  }
+  .purchase-card{
+    @include dark-theme-div;
+  }
+  .taobao-code-box{
+    @include dark-theme-div;
+  }
+  .code-text{
+    @include dark-theme-div;
+  }
+  .tips-box{
+    @include dark-theme-div;
+  }
+  .activation-guide-container{
+    @include dark-theme-div;
+  }
+  .contact-section{
+    @include dark-theme-div;
+  }
+  .model-library-card{
+    @include dark-theme-div;
+  }
+  .model-library-container{
+    background: transparent !important;
+  }
+  .filter-section{
+    @include dark-theme-div;
+  }
+  .model-card{
+    @include dark-theme-div;
+  }
+  .el-check-tag.el-check-tag--primary.is-checked{
+    color: #00ff88 !important; 
+  }
+  .el-check-tag{
+    @include dark-theme-div;
+  }
+  .model-id{
+    @include dark-theme-div;
+  }
+  .model-id-label{
+    color: #fff !important;
+  }
+  .model-id-value{
+    color: #fff !important;
+  }
+  .model-library-container .main-content .content-wrapper .model-list-section .model-grid .model-card .model-card-header .model-icon .icon-img{
+    @include dark-theme-div;
+  }
+  .model-library-container .main-content .content-wrapper .model-list-section .model-grid .model-card .model-description:hover
+  {
+    background: transparent !important;
+    border: 1px solid rgba(0, 255, 136, 0.4) !important;
+    border-radius: 0 !important;
+  }
+  .theme-btn-container .theme-btn[data-v-20012115]:hover{
+    background-color: transparent !important;
+  }
+  .loading-wrapper{
+    @include dark-theme-div;
+  }
+  .empty-wrapper{
+    @include dark-theme-div;
+  }
+  .session-sidebar .session-item{
+    color: #CFD3DC !important;
+  }
+  .model-name{
+    color: #fff !important;
+  }
+  .model-logo{
+    border-radius: 0 !important;
+  }
 }
 
 
