diff --git a/src/components/sections/hero-product-visual.tsx b/src/components/sections/hero-product-visual.tsx
index cc786d2..4296447 100644
--- a/src/components/sections/hero-product-visual.tsx
+++ b/src/components/sections/hero-product-visual.tsx
@@ -50,7 +50,7 @@ export function HeroProductVisual({ className }: { className?: string }) {
       </div>
 
       {/* 趋势图：品牌色曲线 + 渐变填充 */}
-      <div className="mt-3 border border-border-primary bg-white p-4">
+      <div className="mt-3 border border-border-primary bg-bg-primary p-4">
         <div className="mb-3 flex items-center justify-between">
           <span className="text-xs font-semibold text-ink">数据增长趋势</span>
           <span className="text-[10px] text-text-muted">示例数据 · 近 12 个月</span>