From 851c148f7da09522de6eab92c08ade925596afcc Mon Sep 17 00:00:00 2001
From: zdl <3489966805@qq.com>
Date: Mon, 24 Nov 2025 15:12:24 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=8B=86=E5=88=86BackgroundEffects=20?=
 =?UTF-8?q?=E8=83=8C=E6=99=AF=E6=B8=90=E5=8F=98=E8=A3=85=E9=A5=B0=E5=B1=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../AgentChat/components/BackgroundEffects.js | 59 +++++++++++++++++++
 1 file changed, 59 insertions(+)
 create mode 100644 src/views/AgentChat/components/BackgroundEffects.js

diff --git a/src/views/AgentChat/components/BackgroundEffects.js b/src/views/AgentChat/components/BackgroundEffects.js
new file mode 100644
index 00000000..f9dc6b1c
--- /dev/null
+++ b/src/views/AgentChat/components/BackgroundEffects.js
@@ -0,0 +1,59 @@
+// src/views/AgentChat/components/BackgroundEffects.js
+// 背景渐变装饰层组件
+
+import React from 'react';
+import { Box } from '@chakra-ui/react';
+
+/**
+ * BackgroundEffects - 背景渐变装饰层
+ *
+ * 包含主背景渐变和两个装饰光效（右上紫色、左下蓝色）
+ *
+ * @returns {JSX.Element}
+ */
+const BackgroundEffects = () => {
+  return (
+    <>
+      {/* 主背景渐变层 */}
+      <Box
+        position="absolute"
+        top={0}
+        left={0}
+        right={0}
+        bottom={0}
+        bgGradient="linear(to-br, gray.900, gray.800, purple.900)"
+        zIndex={0}
+      />
+
+      {/* 右上角紫色光效 */}
+      <Box
+        position="absolute"
+        top="0"
+        right="-20%"
+        width="600px"
+        height="600px"
+        bgGradient="radial(circle, purple.600, transparent)"
+        opacity="0.15"
+        filter="blur(100px)"
+        pointerEvents="none"
+        zIndex={0}
+      />
+
+      {/* 左下角蓝色光效 */}
+      <Box
+        position="absolute"
+        bottom="-30%"
+        left="-10%"
+        width="500px"
+        height="500px"
+        bgGradient="radial(circle, blue.600, transparent)"
+        opacity="0.1"
+        filter="blur(100px)"
+        pointerEvents="none"
+        zIndex={0}
+      />
+    </>
+  );
+};
+
+export default BackgroundEffects;