diff --git a/.gitignore b/.gitignore
index 9144c18d..c5366f95 100644
--- a/.gitignore
+++ b/.gitignore
@@ -389,3 +389,6 @@ src/**/wwwroot/**/uploader
 # test
 **/UnitTestSvgIcon/**/*.svg
 **/UnitTestSvgIcon/**/*.razor
+
+# AI
+**/.workbuddy/
diff --git a/src/components/BootstrapBlazor.ImageCropper/BootstrapBlazor.ImageCropper.csproj b/src/components/BootstrapBlazor.ImageCropper/BootstrapBlazor.ImageCropper.csproj
index c8e986c6..57b4ff5a 100644
--- a/src/components/BootstrapBlazor.ImageCropper/BootstrapBlazor.ImageCropper.csproj
+++ b/src/components/BootstrapBlazor.ImageCropper/BootstrapBlazor.ImageCropper.csproj
@@ -1,5 +1,9 @@
 <Project Sdk="Microsoft.NET.Sdk.Razor">
 
+  <PropertyGroup>
+    <Version>10.0.1</Version>
+  </PropertyGroup>
+
   <PropertyGroup>
     <PackageTags>Bootstrap Blazor WebAssembly wasm UI Components ImageCropper</PackageTags>
     <Description>Bootstrap UI components extensions of ImageCropper</Description>
diff --git a/src/components/BootstrapBlazor.ImageCropper/ImageCropper.razor.cs b/src/components/BootstrapBlazor.ImageCropper/ImageCropper.razor.cs
index 27954249..086072a5 100644
--- a/src/components/BootstrapBlazor.ImageCropper/ImageCropper.razor.cs
+++ b/src/components/BootstrapBlazor.ImageCropper/ImageCropper.razor.cs
@@ -12,6 +12,8 @@ namespace BootstrapBlazor.Components;
 /// </summary>
 public partial class ImageCropper
 {
+    private const string CropperStylePath = "_content/BootstrapBlazor.ImageCropper/cropper.bundle.css";
+
     /// <summary>
     /// 获得/设置 图片地址 URL
     /// </summary>
@@ -92,8 +94,15 @@ protected override async Task OnAfterRenderAsync(bool firstRender)
     {
         Options = Options ?? new(),
         TriggerOnCropEndAsync = OnCropChangedAsync != null ? nameof(TriggerOnCropChangedAsync) : null,
+        StyleUrl = CropperStyleUrl
     });
 
+#if NET9_0_OR_GREATER
+    private string CropperStyleUrl => Assets[CropperStylePath];
+#else
+    private static string CropperStyleUrl => CropperStylePath;
+#endif
+
     /// <summary>
     /// 剪裁方法 触发 <see cref="OnCropAsync"/> 回调方法
     /// </summary>
diff --git a/src/components/BootstrapBlazor.ImageCropper/ImageCropper.razor.js b/src/components/BootstrapBlazor.ImageCropper/ImageCropper.razor.js
index 98e8c6c8..d566913f 100644
--- a/src/components/BootstrapBlazor.ImageCropper/ImageCropper.razor.js
+++ b/src/components/BootstrapBlazor.ImageCropper/ImageCropper.razor.js
@@ -3,15 +3,14 @@ import Data from '../BootstrapBlazor/modules/data.js'
 import { addLink } from '../BootstrapBlazor/modules/utility.js'
 
 export async function init(id, invoke, options) {
-    await addLink("./_content/BootstrapBlazor.ImageCropper/cropper.bundle.css");
-
     const el = document.getElementById(id);
     if (el === null) {
         return;
     }
 
     const image = el.querySelector(".bb-cropper-image");
-    const { options: op, triggerOnCropEndAsync } = options;
+    const { options: op, triggerOnCropEndAsync, styleUrl } = options;
+    await addLink(styleUrl);
     if (triggerOnCropEndAsync) {
         let cropData = null;
         op.cropend = () => {