diff --git a/Yi.Abp.Net8/module/rbac/Yi.Framework.Rbac.Application/Yi.Framework.Rbac.Application.csproj b/Yi.Abp.Net8/module/rbac/Yi.Framework.Rbac.Application/Yi.Framework.Rbac.Application.csproj
index ad7f52c5..7b47098d 100644
--- a/Yi.Abp.Net8/module/rbac/Yi.Framework.Rbac.Application/Yi.Framework.Rbac.Application.csproj
+++ b/Yi.Abp.Net8/module/rbac/Yi.Framework.Rbac.Application/Yi.Framework.Rbac.Application.csproj
@@ -8,8 +8,8 @@
 
 
   <ItemGroup>
-	  <PackageReference Include="Lazy.Captcha.Core" Version="2.0.7" />
-	  <PackageReference Include="SkiaSharp.NativeAssets.Linux.NoDependencies" Version="2.88.7" />
+	  <PackageReference Include="Lazy.Captcha.Core" Version="2.2.2" />
+	  <PackageReference Include="SkiaSharp.NativeAssets.Linux.NoDependencies" Version="2.88.9" />
 	  <PackageReference Include="Volo.Abp.BackgroundJobs.Hangfire" Version="$(AbpVersion)" />
 	 
   </ItemGroup>
diff --git a/Yi.Abp.Net8/module/rbac/Yi.Framework.Rbac.Application/YiFrameworkRbacApplicationModule.cs b/Yi.Abp.Net8/module/rbac/Yi.Framework.Rbac.Application/YiFrameworkRbacApplicationModule.cs
index 7cb4828e..cae35566 100644
--- a/Yi.Abp.Net8/module/rbac/Yi.Framework.Rbac.Application/YiFrameworkRbacApplicationModule.cs
+++ b/Yi.Abp.Net8/module/rbac/Yi.Framework.Rbac.Application/YiFrameworkRbacApplicationModule.cs
@@ -1,5 +1,8 @@
-using Lazy.Captcha.Core.Generator;
+using Lazy.Captcha.Core;
+using Lazy.Captcha.Core.Generator;
+using Lazy.Captcha.Core.Generator.Image.Option;
 using Microsoft.Extensions.DependencyInjection;
+using SkiaSharp;
 using Yi.Framework.Ddd.Application;
 using Yi.Framework.Rbac.Application.Contracts;
 using Yi.Framework.Rbac.Domain;
@@ -21,7 +24,9 @@ namespace Yi.Framework.Rbac.Application
 
             service.AddCaptcha(options =>
             {
-                options.CaptchaType = CaptchaType.ARITHMETIC;
+                options.CaptchaType = CaptchaType.NUMBER;
+                options.ImageOption.BackgroundColor = SkiaSharp.SKColors.Transparent;
+                options.ImageOption.FontFamily = DefaultFontFamilies.Prefix;
             });
         }
 
diff --git a/Yi.Bbs.Vue3/src/assets/login.png b/Yi.Bbs.Vue3/src/assets/login.png
index 7576249e..0f23fd0b 100644
Binary files a/Yi.Bbs.Vue3/src/assets/login.png and b/Yi.Bbs.Vue3/src/assets/login.png differ
diff --git a/Yi.Bbs.Vue3/src/assets/styles/login.css b/Yi.Bbs.Vue3/src/assets/styles/login.css
index fae123da..f8df5347 100644
--- a/Yi.Bbs.Vue3/src/assets/styles/login.css
+++ b/Yi.Bbs.Vue3/src/assets/styles/login.css
@@ -49,13 +49,13 @@ padding: 40px 60px;
 }
 .title-1
 {
-    color: #7F438C;
+    color: #FFFFFF;
 
     font-weight: normal;
 }
 .title-2
 {
-    color: #7F438C;
+    color: #FFFFFF;
     font-weight:bolder;
 }
 .input-content
@@ -118,7 +118,7 @@ height: 25px;
     cursor: pointer;
 }
 .right-forgot:hover{
-    color: #7f438c;
+    color: #FFFFFF;
 }
 .bottom-div
 {
@@ -151,7 +151,7 @@ align-items: flex-end;
 .code-img
 {
     margin-left: 20px;
-    border: 0.8px solid #000;
+    border: 1px solid rgba(0, 255, 136, 0.2);
     width: 150px;
     height: 40px;
     text-align: center;
@@ -177,18 +177,20 @@ align-items: flex-end;
     }
     .phone-code-btn
     {
-        border: 0.8px solid #000;
         text-align: center;
         width: 100px;
         height: 30px;
-        background-color: #EF6562;
-        color: #FFFFFF;
+        background-color: #00DB73;
+        color: #000000;
         cursor: pointer;
         margin-left: 20px;
     }
+    .phone-code-btn:hover{
+            box-shadow: 0 10px 25px rgba(0, 255, 136, 0.3);
+    }
     .register-title
     {
-        color: #7F438C;
+        color: #FFFFFF;
         font-weight:bolder;
         font-size: 30px;
     }