diff --git a/web/src/api/common.ts b/web/src/api/common.ts
index 18ad43be..01568640 100644
--- a/web/src/api/common.ts
+++ b/web/src/api/common.ts
@@ -29,6 +29,7 @@ export interface versionResponse{
     releaseDate: string;
     upgradePosition: string;
     coreUpgrades: string[];
+    codeName: string;
   };
 }
 // 首页数据统计
diff --git a/web/src/i18n/en.ts b/web/src/i18n/en.ts
index c1ab89f9..1722aa0f 100644
--- a/web/src/i18n/en.ts
+++ b/web/src/i18n/en.ts
@@ -17,6 +17,11 @@ export const en = {
       spaceTitle:'Memory Bear Intelligent Space Management Platform',
       spaceSubTitle: 'Making it easier to implement intelligent models - a one-stop platform for model management, knowledge building, workflow orchestration, and spatial operations',
     },
+    version:{
+      releaseDate: 'Release Date',
+      version: 'Version',
+      name: 'Code Name'
+    },
     quickActions:{
       title: 'Quick Actions',
       spaceManagement: 'Space Management',
diff --git a/web/src/i18n/zh.ts b/web/src/i18n/zh.ts
index 0e34e50b..011b13c0 100644
--- a/web/src/i18n/zh.ts
+++ b/web/src/i18n/zh.ts
@@ -17,6 +17,11 @@ export const zh = {
       spaceTitle:'记忆熊智能空间管理平台',
       spaceSubTitle: '使智能模型的实施变得更加容易——一个集模型管理、知识构建、工作流程编排以及空间操作于一体的综合性平台',
     },
+    version:{
+      releaseDate: '发布日',
+      version: '版本',
+      name: '代号'
+    },
     quickActions:{
       title: '快速操作',
       spaceManagement: '空间管理',
diff --git a/web/src/views/Index/components/VersionCard.tsx b/web/src/views/Index/components/VersionCard.tsx
index 234a8f3e..7e632481 100644
--- a/web/src/views/Index/components/VersionCard.tsx
+++ b/web/src/views/Index/components/VersionCard.tsx
@@ -4,11 +4,11 @@
  * @Author: yujiangping
  * @Date: 2026-01-12 16:34:59
  * @LastEditors: yujiangping
- * @LastEditTime: 2026-01-13 17:23:31
+ * @LastEditTime: 2026-01-13 19:14:30
  */
 import React, { useEffect, useState } from 'react';
 import { useTranslation } from 'react-i18next';
-// import { Button } from 'antd';
+import { Button, Divider } from 'antd';
 // import arrowRight from '@/assets/images/index/arrow_right.svg'
 import { getVersion, type versionResponse } from '@/api/common'
 
@@ -36,27 +36,29 @@ const GuideCard: React.FC = () => {
   return (
     <div className='rb:w-full rb:p-4 rb:border-1 rb:border-[#DFE4ED] rb:bg-[#FBFDFF] rb:rounded-xl'>
         <div className='rb:flex rb:items-center rb:justify-start rb:text-[#5B6167] rb:text-base rb:font-semibold rb:gap-2'>
-            { t('index.latestUpdate')}
-            {versionInfo && (<>              
-              <span className='rb:text-sm rb:text-[#1890FF]'>
-                {versionInfo.version}
-              </span>
-              
-            </>)}
+            { t('index.latestUpdate')} 
+            <span className='rb:text-xs rb:text-[#1890FF]'>
+              {versionInfo?.version}
+            </span>
         </div>
-        <div className='rb:flex rb:flex-col rb:text-xs rb:text-[#5B6167] rb:leading-[18px] rb:mt-3 rb:pl-2'>
+        <div className='rb:flex rb:flex-col rb:text-[#5B6167]'>
             {versionInfo && (<>  
-              <p className='rb:text-xs rb:text-[#5B6167]'>
-                  {/* <span className='rb:text-sm rb:text-[#1890FF]'> */}
-                    {versionInfo.introduction?.releaseDate}
-                  {/* </span> */}
-              </p>
-              <p className='rb:text-xs rb:text-[#5B6167]'>  
+              <div className='rb:flex rb:items-center rb:gap-2 rb:text-sm rb:text-[#5B6167] rb:leading-5 '>
+                 
+                  <span className='rb:text-xs rb:text-[#5B6167]'>
+                    {t('version.releaseDate')}: {versionInfo.introduction?.releaseDate}
+                  </span>
+                  <Divider type='vertical' />
+                  <span className='rb:text-xs rb:text-[#5B6167]'>
+                    {t('version.name')}: {versionInfo.introduction?.codeName}
+                  </span>
+              </div>
+              <p className='rb:text-sm rb:text-[#5B6167] rb:leading-5 rb:mt-2 '>  
                   {versionInfo.introduction?.upgradePosition}
               </p>
-              {versionInfo.introduction?.coreUpgrades?.map((item) => (
-                  <p className='rb:text-xs rb:text-[#5B6167]'>
-                    {item}
+              {versionInfo.introduction?.coreUpgrades?.map((item,index) => (
+                  <p className='rb:text-sm rb:text-[#5B6167] rb:leading-5'>
+                    {index + 1}. {item}
                   </p>
               ))}
             </>)}