diff --git a/src/renderer/src/components/Preview/SvgPreview.tsx b/src/renderer/src/components/Preview/SvgPreview.tsx
index 2122ebe091..673d7ded05 100644
--- a/src/renderer/src/components/Preview/SvgPreview.tsx
+++ b/src/renderer/src/components/Preview/SvgPreview.tsx
@@ -2,7 +2,7 @@ import { memo, useCallback } from 'react'
 
 import { useDebouncedRender } from './hooks/useDebouncedRender'
 import ImagePreviewLayout from './ImagePreviewLayout'
-import { ShadowWhiteContainer } from './styles'
+import { ShadowTransparentContainer } from './styles'
 import { BasicPreviewHandles } from './types'
 import { renderSvgInShadowHost } from './utils'
 
@@ -35,7 +35,8 @@ const SvgPreview = ({ children, enableToolbar = false, className, ref }: SvgPrev
       ref={ref}
       imageRef={containerRef}
       source="svg">
-      <ShadowWhiteContainer ref={containerRef} className={className ?? 'svg-preview special-preview'} />
+      {/* 使用透明容器，把背景色完全交给 SVG 自己控制 */}
+      <ShadowTransparentContainer ref={containerRef} className={className ?? 'svg-preview special-preview'} />
     </ImagePreviewLayout>
   )
 }
diff --git a/src/renderer/src/components/Preview/__tests__/__snapshots__/SvgPreview.test.tsx.snap b/src/renderer/src/components/Preview/__tests__/__snapshots__/SvgPreview.test.tsx.snap
index b96c8def5d..fd1edb2df3 100644
--- a/src/renderer/src/components/Preview/__tests__/__snapshots__/SvgPreview.test.tsx.snap
+++ b/src/renderer/src/components/Preview/__tests__/__snapshots__/SvgPreview.test.tsx.snap
@@ -2,9 +2,9 @@
 
 exports[`SvgPreview > basic rendering > should match snapshot 1`] = `
 .c0 {
-  --shadow-host-background-color: white;
-  --shadow-host-border: 0.5px solid var(--color-code-background);
-  --shadow-host-border-radius: 8px;
+  --shadow-host-background-color: transparent;
+  --shadow-host-border: unset;
+  --shadow-host-border-radius: unset;
 }
 
 <div>