From 5a325fc1986cad55c827105e4e2bf927c81ec58b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=8E=E5=A8=9C?= <lnlnln629@163.com>
Date: Thu, 27 Mar 2025 16:16:12 +0800
Subject: [PATCH] =?UTF-8?q?fix:=E9=A6=96=E9=A1=B5=E5=AF=B9=E8=AF=9D?=
 =?UTF-8?q?=E6=A3=80=E8=A7=86=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json                                  |   2 +-
 src/assets/styles/main.scss                   |   5 +
 src/assets/styles/theme.scss                  | 117 +++++--------
 src/assets/svgs/against_active.svg            |   8 +-
 src/assets/svgs/dark_against.svg              |   8 +-
 src/assets/svgs/dark_copy.svg                 |   4 +-
 src/assets/svgs/dark_support.svg              |   4 +-
 src/assets/svgs/light_against.svg             |   8 +-
 src/assets/svgs/light_copy.svg                |   4 +-
 src/assets/svgs/light_support.svg             |   4 +-
 src/assets/svgs/support_active.svg            |  10 +-
 .../dialoguePanel/DialoguePanel.vue           | 154 ++++++++---------
 src/components/sessionCard/SessionCard.vue    |   3 +
 src/i18n/lang/en.ts                           |   3 +-
 src/i18n/lang/zh-cn.ts                        |   3 +-
 .../dialogue/components/DialogueAside.vue     |  48 ++++--
 .../dialogue/components/DialogueSession.vue   |   6 +
 src/views/dialogue/components/InitalPanel.vue | 157 ++++++++++--------
 18 files changed, 280 insertions(+), 268 deletions(-)

diff --git a/package.json b/package.json
index 6fdca22..73b4d7d 100644
--- a/package.json
+++ b/package.json
@@ -31,7 +31,7 @@
     "codemirror": "^6.0.1",
     "dayjs": "1.11.9",
     "echarts": "^5.5.1",
-    "element-plus": "2.8.0",
+    "element-plus": "^2.8.3",
     "highlight.js": "11.10.0",
     "js-yaml": "^4.1.0",
     "marked": "4.3",
diff --git a/src/assets/styles/main.scss b/src/assets/styles/main.scss
index d570ceb..30b5ed1 100644
--- a/src/assets/styles/main.scss
+++ b/src/assets/styles/main.scss
@@ -1,3 +1,8 @@
 @import './codePreview.scss';
 @import './message.scss';
 @import './theme.scss';
+
+// 全局重写tooltip样式
+.el-popper {
+    max-width: 376px !important;
+}
\ No newline at end of file
diff --git a/src/assets/styles/theme.scss b/src/assets/styles/theme.scss
index 1689847..c4b4467 100644
--- a/src/assets/styles/theme.scss
+++ b/src/assets/styles/theme.scss
@@ -21,31 +21,21 @@ body[theme='dark'] {
   --flow-bg-color: #343a43;
   --o-bash-box-shadow: 0 4px 16px 0 rgba(255, 255, 255, 0.1);
   // 工作流开始节点结束背景渐变色
-  --flow-startEnd-bg: linear-gradient(
-    rgba(132, 149, 253, 0.3),
-    rgba(104, 113, 129, 0.15),
-    rgba(52, 58, 67, 0)
-  );
-  --flow-system-bg: linear-gradient(
-    rgba(113, 225, 229, 0.3),
-    rgba(97, 119, 121, 0.15),
-    rgba(52, 58, 67, 0)
-  );
-  --flow-apos-apollo-bg: linear-gradient(
-    rgba(137, 212, 255, 0.3),
-    rgba(103, 111, 130, 0.15),
-    rgba(52, 58, 67, 0)
-  );
-  --flow-euler-copilot-tune-bg: linear-gradient(
-    rgba(156, 237, 203, 0.3),
-    rgba(101, 125, 110, 0.15),
-    rgba(52, 58, 67, 0)
-  );
-  --flow-other-node-bg: linear-gradient(
-    rgba(252, 154, 186, 0.3),
-    rgba(117, 99, 110, 0.15),
-    rgba(52, 58, 67, 0)
-  );
+  --flow-startEnd-bg: linear-gradient(rgba(132, 149, 253, 0.3),
+      rgba(104, 113, 129, 0.15),
+      rgba(52, 58, 67, 0));
+  --flow-system-bg: linear-gradient(rgba(113, 225, 229, 0.3),
+      rgba(97, 119, 121, 0.15),
+      rgba(52, 58, 67, 0));
+  --flow-apos-apollo-bg: linear-gradient(rgba(137, 212, 255, 0.3),
+      rgba(103, 111, 130, 0.15),
+      rgba(52, 58, 67, 0));
+  --flow-euler-copilot-tune-bg: linear-gradient(rgba(156, 237, 203, 0.3),
+      rgba(101, 125, 110, 0.15),
+      rgba(52, 58, 67, 0));
+  --flow-other-node-bg: linear-gradient(rgba(252, 154, 186, 0.3),
+      rgba(117, 99, 110, 0.15),
+      rgba(52, 58, 67, 0));
   --flow-node-default-over-color: #25303e;
   --flow-node-boder-default-over: #314265;
   --flow-node-success-over-color: #1f312a;
@@ -57,21 +47,17 @@ body[theme='dark'] {
   --o-think-header-text: #e4e8ee;
   --el-drawer-bg-color: #000000;
   --el-bg-color: #1f2329;
-  --question-bg: linear-gradient(
-    0deg,
-    rgb(47, 57, 66),
-    rgb(32, 35, 37) 33.232%,
-    rgb(41, 43, 55) 85.699%
-  );
+  --question-bg: linear-gradient(0deg,
+      rgb(47, 57, 66),
+      rgb(32, 35, 37) 33.232%,
+      rgb(41, 43, 55) 85.699%);
   --el-collapse-header-bg: rgb(42, 47, 55);
   --el-collapse-border: rgb(62, 69, 81, 0.5);
   --el-collapse-content-bg: rgb(42, 47, 55, 0.5);
   --applist-hover: #313741;
-  --flow-running-bg: linear-gradient(
-    127.95deg,
-    rgb(39, 39, 76) -1.967%,
-    rgba(28, 57, 81, 0.929) 98.202%
-  );
+  --flow-running-bg: linear-gradient(127.95deg,
+      rgb(39, 39, 76) -1.967%,
+      rgba(28, 57, 81, 0.929) 98.202%);
   // 这里是不同种类的debug图标
   --flow-debug-default: url('../../assets/svgs/dark_debug.svg');
   --flow-debug-hover: url('../../assets/svgs/dark_debug_hover.svg');
@@ -106,31 +92,21 @@ body[theme='light'] {
   --flow-bg-color: #fdfeff;
   --o-bash-box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.1);
   // 工作流开始节点结束背景渐变色
-  --flow-startEnd-bg: linear-gradient(
-    rgba(133, 148, 253, 0.3),
-    rgba(210, 231, 252, 0.15),
-    rgba(255, 255, 255, 0)
-  );
-  --flow-system-bg: linear-gradient(
-    rgba(156, 237, 203, 0.3),
-    rgba(240, 253, 244, 0.15),
-    rgba(255, 255, 255, 0)
-  );
-  --flow-apos-apollo-bg: linear-gradient(
-    rgba(137, 212, 255, 0.3),
-    rgba(230, 237, 255, 0.15),
-    rgba(255, 255, 255, 0)
-  );
-  --flow-euler-copilot-tune-bg: linear-gradient(
-    rgba(156, 237, 203, 0.3),
-    rgba(240, 253, 248, 0.15),
-    rgba(255, 255, 255, 0)
-  );
-  --flow-other-node-bg: linear-gradient(
-    rgba(252, 154, 186, 0.3),
-    rgba(253, 240, 248, 0.15),
-    rgba(255, 255, 255, 0)
-  );
+  --flow-startEnd-bg: linear-gradient(rgba(133, 148, 253, 0.3),
+      rgba(210, 231, 252, 0.15),
+      rgba(255, 255, 255, 0));
+  --flow-system-bg: linear-gradient(rgba(156, 237, 203, 0.3),
+      rgba(240, 253, 244, 0.15),
+      rgba(255, 255, 255, 0));
+  --flow-apos-apollo-bg: linear-gradient(rgba(137, 212, 255, 0.3),
+      rgba(230, 237, 255, 0.15),
+      rgba(255, 255, 255, 0));
+  --flow-euler-copilot-tune-bg: linear-gradient(rgba(156, 237, 203, 0.3),
+      rgba(240, 253, 248, 0.15),
+      rgba(255, 255, 255, 0));
+  --flow-other-node-bg: linear-gradient(rgba(252, 154, 186, 0.3),
+      rgba(253, 240, 248, 0.15),
+      rgba(255, 255, 255, 0));
   --flow-node-boder-default-over: #c7d6f5;
   --flow-node-success-over-color: #e6f6e9;
   --flow-node-error-over-color: #f8e7e7;
@@ -142,19 +118,12 @@ body[theme='light'] {
   --el-collapse-header-bg: rgb(244, 246, 250);
   --el-collapse-border: rgb(223, 229, 239);
   --el-collapse-content-bg: rgb(244, 246, 250, 0.5);
-  --question-bg: linear-gradient(
-    270deg,
-    rgb(227, 242, 255),
-    rgb(195, 227, 255) 33.232%,
-    rgb(197, 203, 249) 85.699%
-  );
+  --question-bg: linear-gradient(177.93deg, rgba(255, 255, 255, 0) -40.031%, rgba(255, 255, 255, 0.35) 1.263%, rgba(255, 255, 255)36.178%), linear-gradient(270deg, rgb(227, 242, 255, 0.5), rgb(195, 227, 255, 0.5) 33.232%, rgb(197, 203, 249, 0.5) 85.699%);
   --question-shadow: rgba(221, 225, 240, 0.5);
   --applist-hover: #f3f4f6;
-  --flow-running-bg: linear-gradient(
-    127.95deg,
-    rgba(109, 117, 250, 0.2) -1.967%,
-    rgba(90, 179, 255, 0.2) 98.202%
-  );
+  --flow-running-bg: linear-gradient(127.95deg,
+      rgba(109, 117, 250, 0.2) -1.967%,
+      rgba(90, 179, 255, 0.2) 98.202%);
   // 这里是不同种类的debug图标
   --flow-debug-default: url('../../assets/svgs/light_debug.svg');
   --flow-debug-hover: url('../../assets/svgs/light_debug_hover.svg');
@@ -167,13 +136,15 @@ body[theme='light'] {
 }
 
 body {
+
   // 这里替换下拉框的选中颜色，无论亮暗都是一致
   .el-select-dropdown__item.is-selected {
     background-color: #6395fd !important;
     font-weight: normal !important;
   }
+
   // 悬浮优先级高于选中
   .el-select-dropdown__item:hover {
     background-color: #7aa5ff !important;
   }
-}
+}
\ No newline at end of file
diff --git a/src/assets/svgs/against_active.svg b/src/assets/svgs/against_active.svg
index 585e786..db629ff 100644
--- a/src/assets/svgs/against_active.svg
+++ b/src/assets/svgs/against_active.svg
@@ -5,11 +5,5 @@
 	<defs/>
 	<rect id="矩形备份 10" rx="4.000000" width="24.000000" height="24.000000" fill="#999999" fill-opacity="0"/>
 	<rect id="矩形备份 10" x="0.500000" y="0.500000" rx="4.000000" width="23.000000" height="23.000000" stroke="#979797" stroke-opacity="0" stroke-width="1.000000"/>
-	<mask id="mask_11_4044" fill="white">
-		<path id="形状" d="M18.824 6.27832C18.4962 5.28809 17.475 4.82959 15.8854 4.82959L9.16665 4.82959L6.93491 4.83301C6.05037 4.83301 5.33331 5.55029 5.33331 6.43506L5.33331 11.8984C5.33331 12.7827 6.05037 13.5 6.93491 13.5L8.9039 13.4995C9.61778 14.0635 10.1647 14.7305 10.5488 15.5044C10.666 15.7402 10.7564 16.0117 10.8311 16.3359L10.8782 16.5513L11.0346 17.4829C11.1976 18.4258 11.3693 18.8223 11.8904 19.0557L12.0097 19.1025C13.0866 19.4629 14.2314 18.2495 14.4203 16.8218C14.519 16.0771 14.3534 15.0474 13.9344 13.7104L13.8893 13.5708L17.9834 13.5703C19.2478 13.5703 19.7158 12.4858 19.664 10.7549L19.643 10.3442L19.6251 10.1226C19.5092 8.83887 19.144 7.24512 18.824 6.27832ZM15.8854 5.82959L9.66631 5.82959L9.66631 12.8325L9.75038 12.9009C10.47 13.5161 11.0358 14.2363 11.4445 15.0596C11.5691 15.3105 11.6672 15.5806 11.748 15.8804L11.8344 16.2388L11.894 16.5454L12.0267 17.3491C12.0328 17.3828 12.0388 17.4155 12.0449 17.4473L12.0978 17.6973C12.167 17.9878 12.2314 18.1128 12.2989 18.1431C12.6348 18.2935 13.3079 17.6055 13.429 16.6909C13.5108 16.0728 13.3335 15.0698 12.8837 13.7104C12.8453 13.5938 12.8319 13.4712 12.8442 13.3501C12.8925 12.875 13.3154 12.5288 13.7902 12.5723L17.9834 12.5703C18.5223 12.5703 18.7698 11.771 18.6291 10.2124C18.5209 9.0127 18.1723 7.4917 17.8747 6.59229L17.8392 6.50439C17.6345 6.07471 17.0176 5.82959 15.8854 5.82959ZM6.93491 5.83301L8.66598 5.83301L8.66598 12.5L6.93491 12.5C6.63589 12.5 6.38781 12.2817 6.34119 11.9961L6.33331 11.8984L6.33331 6.43506C6.33331 6.10254 6.60266 5.83301 6.93491 5.83301Z" clip-rule="evenodd" fill="" fill-opacity="1.000000" fill-rule="evenodd"/>
-	</mask>
-	<path id="形状" d="M18.824 6.27832C18.4962 5.28809 17.475 4.82959 15.8854 4.82959L9.16665 4.82959L6.93491 4.83301C6.05037 4.83301 5.33331 5.55029 5.33331 6.43506L5.33331 11.8984C5.33331 12.7827 6.05037 13.5 6.93491 13.5L8.9039 13.4995C9.61778 14.0635 10.1647 14.7305 10.5488 15.5044C10.666 15.7402 10.7564 16.0117 10.8311 16.3359L10.8782 16.5513L11.0346 17.4829C11.1976 18.4258 11.3693 18.8223 11.8904 19.0557L12.0097 19.1025C13.0866 19.4629 14.2314 18.2495 14.4203 16.8218C14.519 16.0771 14.3534 15.0474 13.9344 13.7104L13.8893 13.5708L17.9834 13.5703C19.2478 13.5703 19.7158 12.4858 19.664 10.7549L19.643 10.3442L19.6251 10.1226C19.5092 8.83887 19.144 7.24512 18.824 6.27832ZM15.8854 5.82959L9.66631 5.82959L9.66631 12.8325L9.75038 12.9009C10.47 13.5161 11.0358 14.2363 11.4445 15.0596C11.5691 15.3105 11.6672 15.5806 11.748 15.8804L11.8344 16.2388L11.894 16.5454L12.0267 17.3491C12.0328 17.3828 12.0388 17.4155 12.0449 17.4473L12.0978 17.6973C12.167 17.9878 12.2314 18.1128 12.2989 18.1431C12.6348 18.2935 13.3079 17.6055 13.429 16.6909C13.5108 16.0728 13.3335 15.0698 12.8837 13.7104C12.8453 13.5938 12.8319 13.4712 12.8442 13.3501C12.8925 12.875 13.3154 12.5288 13.7902 12.5723L17.9834 12.5703C18.5223 12.5703 18.7698 11.771 18.6291 10.2124C18.5209 9.0127 18.1723 7.4917 17.8747 6.59229L17.8392 6.50439C17.6345 6.07471 17.0176 5.82959 15.8854 5.82959ZM6.93491 5.83301L8.66598 5.83301L8.66598 12.5L6.93491 12.5C6.63589 12.5 6.38781 12.2817 6.34119 11.9961L6.33331 11.8984L6.33331 6.43506C6.33331 6.10254 6.60266 5.83301 6.93491 5.83301Z" clip-rule="evenodd" fill="#6395FD" fill-opacity="1.000000" fill-rule="evenodd" mask="url(#mask_11_4044)"/>
-	<path id="形状" d="" fill="#000000" fill-opacity="0.000000" fill-rule="nonzero"/>
-	<path id="矢量 366" d="M6 12.5L6 5.5L18 5.5L19 9.5L18.5 13L13.5 13L13.5 18L12 18.5L10.5 15L9 13L6 12.5Z" fill="#6395FD" fill-opacity="1.000000" fill-rule="evenodd"/>
-	<path id="矢量 367 (边框)" d="M9.7 4.79L9.7 14.39L8.7 14.39L8.7 4.79L9.7 4.79Z" fill="#FFFFFF" fill-opacity="1.000000" fill-rule="evenodd"/>
+	<path id="减去顶层" d="M8.7002 5.33105L6.93491 5.3335C6.05037 5.3335 5.33331 6.05078 5.33331 6.93555L5.33331 12.3989C5.33331 13.2832 6.05037 14.0005 6.93491 14.0005L8.7002 14L8.7002 5.33105ZM9.7002 14.7485C10.0401 15.1309 10.3226 15.5493 10.5488 16.0049C10.666 16.2407 10.7564 16.5122 10.8311 16.8364L10.8782 17.0518L11.0346 17.9834C11.1976 18.9263 11.3693 19.3228 11.8904 19.5562L12.0097 19.603C13.0866 19.9634 14.2314 18.75 14.4203 17.3223C14.519 16.5776 14.3534 15.5479 13.9344 14.2109L13.8893 14.0713L17.9834 14.0708C19.2478 14.0708 19.7158 12.9863 19.664 11.2554L19.643 10.8447L19.6251 10.623C19.5092 9.33936 19.144 7.74561 18.824 6.77881C18.4962 5.78857 17.475 5.33008 15.8854 5.33008L9.7002 5.33008L9.7002 14.7485Z" clip-rule="evenodd" fill="#6395FD" fill-opacity="1.000000" fill-rule="evenodd"/>
 </svg>
diff --git a/src/assets/svgs/dark_against.svg b/src/assets/svgs/dark_against.svg
index 26f7835..2518b9f 100644
--- a/src/assets/svgs/dark_against.svg
+++ b/src/assets/svgs/dark_against.svg
@@ -5,10 +5,10 @@
 	<defs/>
 	<rect id="矩形备份 10" rx="4.000000" width="24.000000" height="24.000000" fill="#999999" fill-opacity="0"/>
 	<rect id="矩形备份 10" x="0.500000" y="0.500000" rx="4.000000" width="23.000000" height="23.000000" stroke="#979797" stroke-opacity="0" stroke-width="1.000000"/>
-	<rect id="DevMate_Dislike" width="16.000000" height="16.000000" transform="translate(4.000000 4.000000)" fill="#999999" fill-opacity="0"/>
-	<mask id="mask_11_4263" fill="white">
-		<path id="形状" d="M18.8241 6.27832C18.4963 5.28809 17.4751 4.82959 15.8854 4.82959L9.1667 4.82959L6.93497 4.83301C6.05043 4.83301 5.33337 5.55029 5.33337 6.43506L5.33337 11.8984C5.33337 12.7827 6.05043 13.5 6.93497 13.5L8.90396 13.4995C9.61784 14.0635 10.1647 14.7305 10.5489 15.5044C10.666 15.7402 10.7564 16.0117 10.8312 16.3359L10.8782 16.5513L11.0347 17.4829C11.1976 18.4258 11.3693 18.8223 11.8904 19.0557L12.0098 19.1025C13.0867 19.4629 14.2314 18.2495 14.4204 16.8218C14.519 16.0771 14.3534 15.0474 13.9345 13.7104L13.8894 13.5708L17.9834 13.5703C19.2478 13.5703 19.7158 12.4858 19.6641 10.7549L19.6431 10.3442L19.6252 10.1226C19.5093 8.83887 19.1441 7.24512 18.8241 6.27832ZM15.8854 5.82959L9.66638 5.82959L9.66638 12.8325L9.75044 12.9009C10.4701 13.5161 11.0359 14.2363 11.4446 15.0596C11.5692 15.3105 11.6673 15.5806 11.7481 15.8804L11.8344 16.2388L11.8941 16.5454L12.0267 17.3491C12.0329 17.3828 12.0389 17.4155 12.0449 17.4473L12.0979 17.6973C12.1671 17.9878 12.2315 18.1128 12.299 18.1431C12.6348 18.2935 13.3079 17.6055 13.4291 16.6909C13.5108 16.0728 13.3335 15.0698 12.8837 13.7104C12.8454 13.5938 12.8319 13.4712 12.8443 13.3501C12.8925 12.875 13.3154 12.5288 13.7902 12.5723L17.9834 12.5703C18.5223 12.5703 18.7699 11.771 18.6292 10.2124C18.5209 9.0127 18.1724 7.4917 17.8747 6.59229L17.8393 6.50439C17.6346 6.07471 17.0176 5.82959 15.8854 5.82959ZM6.93497 5.83301L8.66605 5.83301L8.66605 12.5L6.93497 12.5C6.63594 12.5 6.38788 12.2817 6.34125 11.9961L6.33337 11.8984L6.33337 6.43506C6.33337 6.10254 6.60272 5.83301 6.93497 5.83301Z" clip-rule="evenodd" fill="" fill-opacity="1.000000" fill-rule="evenodd"/>
+	<rect id="DevMate_Dislike" width="16.000000" height="16.000000" transform="translate(4.000000 4.500000)" fill="#999999" fill-opacity="0"/>
+	<mask id="mask_303_556" fill="white">
+		<path id="形状" d="M18.8241 6.77832C18.4963 5.78809 17.4751 5.32959 15.8854 5.32959L9.1667 5.32959L6.93497 5.33301C6.05043 5.33301 5.33337 6.05029 5.33337 6.93506L5.33337 12.3984C5.33337 13.2827 6.05043 14 6.93497 14L8.90396 13.9995C9.61784 14.5635 10.1647 15.2305 10.5489 16.0044C10.666 16.2402 10.7564 16.5117 10.8312 16.8359L10.8782 17.0513L11.0347 17.9829C11.1976 18.9258 11.3693 19.3223 11.8904 19.5557L12.0098 19.6025C13.0867 19.9629 14.2314 18.7495 14.4204 17.3218C14.519 16.5771 14.3534 15.5474 13.9345 14.2104L13.8894 14.0708L17.9834 14.0703C19.2478 14.0703 19.7158 12.9858 19.6641 11.2549L19.6431 10.8442L19.6252 10.6226C19.5093 9.33887 19.1441 7.74512 18.8241 6.77832ZM15.8854 6.32959L9.66638 6.32959L9.66638 13.3325L9.75044 13.4009C10.4701 14.0161 11.0359 14.7363 11.4446 15.5596C11.5692 15.8105 11.6673 16.0806 11.7481 16.3804L11.8344 16.7388L11.8941 17.0454L12.0267 17.8491C12.0329 17.8828 12.0389 17.9155 12.0449 17.9473L12.0979 18.1973C12.1671 18.4878 12.2315 18.6128 12.299 18.6431C12.6348 18.7935 13.3079 18.1055 13.4291 17.1909C13.5108 16.5728 13.3335 15.5698 12.8837 14.2104C12.8454 14.0938 12.8319 13.9712 12.8443 13.8501C12.8925 13.375 13.3154 13.0288 13.7902 13.0723L17.9834 13.0703C18.5223 13.0703 18.7699 12.271 18.6292 10.7124C18.5209 9.5127 18.1724 7.9917 17.8747 7.09229L17.8393 7.00439C17.6346 6.57471 17.0176 6.32959 15.8854 6.32959ZM6.93497 6.33301L8.66605 6.33301L8.66605 13L6.93497 13C6.63594 13 6.38788 12.7817 6.34125 12.4961L6.33337 12.3984L6.33337 6.93506C6.33337 6.60254 6.60272 6.33301 6.93497 6.33301Z" clip-rule="evenodd" fill="" fill-opacity="1.000000" fill-rule="evenodd"/>
 	</mask>
-	<path id="形状" d="M18.8241 6.27832C18.4963 5.28809 17.4751 4.82959 15.8854 4.82959L9.1667 4.82959L6.93497 4.83301C6.05043 4.83301 5.33337 5.55029 5.33337 6.43506L5.33337 11.8984C5.33337 12.7827 6.05043 13.5 6.93497 13.5L8.90396 13.4995C9.61784 14.0635 10.1647 14.7305 10.5489 15.5044C10.666 15.7402 10.7564 16.0117 10.8312 16.3359L10.8782 16.5513L11.0347 17.4829C11.1976 18.4258 11.3693 18.8223 11.8904 19.0557L12.0098 19.1025C13.0867 19.4629 14.2314 18.2495 14.4204 16.8218C14.519 16.0771 14.3534 15.0474 13.9345 13.7104L13.8894 13.5708L17.9834 13.5703C19.2478 13.5703 19.7158 12.4858 19.6641 10.7549L19.6431 10.3442L19.6252 10.1226C19.5093 8.83887 19.1441 7.24512 18.8241 6.27832ZM15.8854 5.82959L9.66638 5.82959L9.66638 12.8325L9.75044 12.9009C10.4701 13.5161 11.0359 14.2363 11.4446 15.0596C11.5692 15.3105 11.6673 15.5806 11.7481 15.8804L11.8344 16.2388L11.8941 16.5454L12.0267 17.3491C12.0329 17.3828 12.0389 17.4155 12.0449 17.4473L12.0979 17.6973C12.1671 17.9878 12.2315 18.1128 12.299 18.1431C12.6348 18.2935 13.3079 17.6055 13.4291 16.6909C13.5108 16.0728 13.3335 15.0698 12.8837 13.7104C12.8454 13.5938 12.8319 13.4712 12.8443 13.3501C12.8925 12.875 13.3154 12.5288 13.7902 12.5723L17.9834 12.5703C18.5223 12.5703 18.7699 11.771 18.6292 10.2124C18.5209 9.0127 18.1724 7.4917 17.8747 6.59229L17.8393 6.50439C17.6346 6.07471 17.0176 5.82959 15.8854 5.82959ZM6.93497 5.83301L8.66605 5.83301L8.66605 12.5L6.93497 12.5C6.63594 12.5 6.38788 12.2817 6.34125 11.9961L6.33337 11.8984L6.33337 6.43506C6.33337 6.10254 6.60272 5.83301 6.93497 5.83301Z" clip-rule="evenodd" fill="#D3DCE9" fill-opacity="1.000000" fill-rule="evenodd" mask="url(#mask_11_4263)"/>
+	<path id="形状" d="M18.8241 6.77832C18.4963 5.78809 17.4751 5.32959 15.8854 5.32959L9.1667 5.32959L6.93497 5.33301C6.05043 5.33301 5.33337 6.05029 5.33337 6.93506L5.33337 12.3984C5.33337 13.2827 6.05043 14 6.93497 14L8.90396 13.9995C9.61784 14.5635 10.1647 15.2305 10.5489 16.0044C10.666 16.2402 10.7564 16.5117 10.8312 16.8359L10.8782 17.0513L11.0347 17.9829C11.1976 18.9258 11.3693 19.3223 11.8904 19.5557L12.0098 19.6025C13.0867 19.9629 14.2314 18.7495 14.4204 17.3218C14.519 16.5771 14.3534 15.5474 13.9345 14.2104L13.8894 14.0708L17.9834 14.0703C19.2478 14.0703 19.7158 12.9858 19.6641 11.2549L19.6431 10.8442L19.6252 10.6226C19.5093 9.33887 19.1441 7.74512 18.8241 6.77832ZM15.8854 6.32959L9.66638 6.32959L9.66638 13.3325L9.75044 13.4009C10.4701 14.0161 11.0359 14.7363 11.4446 15.5596C11.5692 15.8105 11.6673 16.0806 11.7481 16.3804L11.8344 16.7388L11.8941 17.0454L12.0267 17.8491C12.0329 17.8828 12.0389 17.9155 12.0449 17.9473L12.0979 18.1973C12.1671 18.4878 12.2315 18.6128 12.299 18.6431C12.6348 18.7935 13.3079 18.1055 13.4291 17.1909C13.5108 16.5728 13.3335 15.5698 12.8837 14.2104C12.8454 14.0938 12.8319 13.9712 12.8443 13.8501C12.8925 13.375 13.3154 13.0288 13.7902 13.0723L17.9834 13.0703C18.5223 13.0703 18.7699 12.271 18.6292 10.7124C18.5209 9.5127 18.1724 7.9917 17.8747 7.09229L17.8393 7.00439C17.6346 6.57471 17.0176 6.32959 15.8854 6.32959ZM6.93497 6.33301L8.66605 6.33301L8.66605 13L6.93497 13C6.63594 13 6.38788 12.7817 6.34125 12.4961L6.33337 12.3984L6.33337 6.93506C6.33337 6.60254 6.60272 6.33301 6.93497 6.33301Z" clip-rule="evenodd" fill="#D3DCE9" fill-opacity="1.000000" fill-rule="evenodd" mask="url(#mask_303_556)"/>
 	<path id="形状" d="" fill="#000000" fill-opacity="0.000000" fill-rule="nonzero"/>
 </svg>
diff --git a/src/assets/svgs/dark_copy.svg b/src/assets/svgs/dark_copy.svg
index d125b6a..6094fe8 100644
--- a/src/assets/svgs/dark_copy.svg
+++ b/src/assets/svgs/dark_copy.svg
@@ -3,9 +3,9 @@
 			Created with Pixso.
 	</desc>
 	<defs/>
-	<mask id="mask_11_4249" fill="white">
+	<mask id="mask_303_700" fill="white">
 		<path id="形状结合" d="M18.7423 7.7749C18.6605 6.91943 17.9397 6.25 17.0625 6.25L9.1875 6.25L9.02499 6.25781C8.16925 6.33936 7.5 7.06055 7.5 7.9375L7.5 8.5L6.9375 8.5C6.00552 8.5 5.25 9.25537 5.25 10.1875L5.25 18.0625C5.25 18.9946 6.00552 19.75 6.9375 19.75L14.8125 19.75L14.975 19.7422C15.8307 19.6606 16.5 18.9395 16.5 18.0625L16.5 17.5L17.0625 17.5L17.225 17.4922C18.0807 17.4106 18.75 16.6895 18.75 15.8125L18.75 7.9375L18.7423 7.7749ZM9.1875 7.375L17.0625 7.375L17.1636 7.38428C17.426 7.43164 17.625 7.66113 17.625 7.9375L17.625 15.8125L17.6159 15.9136C17.5683 16.1758 17.3386 16.375 17.0625 16.375L16.5 16.375L16.5 10.1875L16.4923 10.0249C16.4105 9.16943 15.6897 8.5 14.8125 8.5L8.625 8.5L8.625 7.9375L8.63406 7.83643C8.68169 7.57422 8.91135 7.375 9.1875 7.375ZM14.8125 9.625L6.9375 9.625C6.62684 9.625 6.375 9.87695 6.375 10.1875L6.375 18.0625C6.375 18.373 6.62684 18.625 6.9375 18.625L14.8125 18.625C15.1232 18.625 15.375 18.373 15.375 18.0625L15.375 10.1875C15.375 9.87695 15.1232 9.625 14.8125 9.625Z" clip-rule="evenodd" fill="" fill-opacity="1.000000" fill-rule="evenodd"/>
 	</mask>
-	<path id="形状结合" d="M18.7423 7.7749C18.6605 6.91943 17.9397 6.25 17.0625 6.25L9.1875 6.25L9.02499 6.25781C8.16925 6.33936 7.5 7.06055 7.5 7.9375L7.5 8.5L6.9375 8.5C6.00552 8.5 5.25 9.25537 5.25 10.1875L5.25 18.0625C5.25 18.9946 6.00552 19.75 6.9375 19.75L14.8125 19.75L14.975 19.7422C15.8307 19.6606 16.5 18.9395 16.5 18.0625L16.5 17.5L17.0625 17.5L17.225 17.4922C18.0807 17.4106 18.75 16.6895 18.75 15.8125L18.75 7.9375L18.7423 7.7749ZM9.1875 7.375L17.0625 7.375L17.1636 7.38428C17.426 7.43164 17.625 7.66113 17.625 7.9375L17.625 15.8125L17.6159 15.9136C17.5683 16.1758 17.3386 16.375 17.0625 16.375L16.5 16.375L16.5 10.1875L16.4923 10.0249C16.4105 9.16943 15.6897 8.5 14.8125 8.5L8.625 8.5L8.625 7.9375L8.63406 7.83643C8.68169 7.57422 8.91135 7.375 9.1875 7.375ZM14.8125 9.625L6.9375 9.625C6.62684 9.625 6.375 9.87695 6.375 10.1875L6.375 18.0625C6.375 18.373 6.62684 18.625 6.9375 18.625L14.8125 18.625C15.1232 18.625 15.375 18.373 15.375 18.0625L15.375 10.1875C15.375 9.87695 15.1232 9.625 14.8125 9.625Z" clip-rule="evenodd" fill="#D3DCE9" fill-opacity="1.000000" fill-rule="evenodd" mask="url(#mask_11_4249)"/>
+	<path id="形状结合" d="M18.7423 7.7749C18.6605 6.91943 17.9397 6.25 17.0625 6.25L9.1875 6.25L9.02499 6.25781C8.16925 6.33936 7.5 7.06055 7.5 7.9375L7.5 8.5L6.9375 8.5C6.00552 8.5 5.25 9.25537 5.25 10.1875L5.25 18.0625C5.25 18.9946 6.00552 19.75 6.9375 19.75L14.8125 19.75L14.975 19.7422C15.8307 19.6606 16.5 18.9395 16.5 18.0625L16.5 17.5L17.0625 17.5L17.225 17.4922C18.0807 17.4106 18.75 16.6895 18.75 15.8125L18.75 7.9375L18.7423 7.7749ZM9.1875 7.375L17.0625 7.375L17.1636 7.38428C17.426 7.43164 17.625 7.66113 17.625 7.9375L17.625 15.8125L17.6159 15.9136C17.5683 16.1758 17.3386 16.375 17.0625 16.375L16.5 16.375L16.5 10.1875L16.4923 10.0249C16.4105 9.16943 15.6897 8.5 14.8125 8.5L8.625 8.5L8.625 7.9375L8.63406 7.83643C8.68169 7.57422 8.91135 7.375 9.1875 7.375ZM14.8125 9.625L6.9375 9.625C6.62684 9.625 6.375 9.87695 6.375 10.1875L6.375 18.0625C6.375 18.373 6.62684 18.625 6.9375 18.625L14.8125 18.625C15.1232 18.625 15.375 18.373 15.375 18.0625L15.375 10.1875C15.375 9.87695 15.1232 9.625 14.8125 9.625Z" clip-rule="evenodd" fill="#D3DCE9" fill-opacity="1.000000" fill-rule="evenodd" mask="url(#mask_303_700)"/>
 	<path id="形状结合" d="" fill="#000000" fill-opacity="0.000000" fill-rule="nonzero"/>
 </svg>
diff --git a/src/assets/svgs/dark_support.svg b/src/assets/svgs/dark_support.svg
index c4a96c4..5d83eab 100644
--- a/src/assets/svgs/dark_support.svg
+++ b/src/assets/svgs/dark_support.svg
@@ -3,9 +3,9 @@
 			Created with Pixso.
 	</desc>
 	<defs/>
-	<mask id="mask_11_4256" fill="white">
+	<mask id="mask_303_865" fill="white">
 		<path id="形状" d="M5.33992 17.7109C5.41356 18.5269 6.09958 19.1665 6.93497 19.1665L15.8854 19.1665L16.1196 19.1631C17.5754 19.1196 18.5127 18.6587 18.8241 17.7178C19.1441 16.751 19.5093 15.1572 19.6252 13.8735L19.6431 13.6519L19.6641 13.2412L19.6678 13.0366C19.6771 11.4253 19.1973 10.4258 17.9834 10.4258L13.8894 10.4248L13.9345 10.2856C14.3534 8.94873 14.519 7.91895 14.4204 7.17432C14.2314 5.74707 13.0867 4.5332 12.0098 4.89355L11.8904 4.94043L11.7908 4.98926C11.3465 5.229 11.1868 5.6333 11.0347 6.51318L10.8782 7.44482L10.8312 7.66016L10.772 7.89355C10.7096 8.11816 10.6367 8.31494 10.5489 8.4917C10.1638 9.26758 9.61525 9.93604 8.89888 10.5005L6.93497 10.5L6.7892 10.5063C5.97298 10.5801 5.33337 11.2661 5.33337 12.1016L5.33337 17.5649L5.33992 17.7109ZM12.299 5.85303C12.6348 5.70264 13.3079 6.39062 13.4291 7.30518C13.5108 7.92334 13.3335 8.92627 12.8837 10.2861C12.8454 10.4023 12.8319 10.5249 12.8443 10.6465C12.8925 11.1211 13.3154 11.4673 13.7902 11.4238L17.9834 11.4258L18.0621 11.4316C18.5461 11.5078 18.7628 12.3032 18.6292 13.7837C18.5209 14.9834 18.1724 16.5044 17.8747 17.4038L17.8393 17.4922L17.7928 17.5752C17.55 17.9531 16.9422 18.1665 15.8854 18.1665L9.66638 18.1655L9.66638 11.1626L9.75044 11.0952C10.4701 10.48 11.0359 9.75977 11.4446 8.93652C11.5692 8.68555 11.6673 8.41553 11.7481 8.11572L11.8344 7.75732L11.8941 7.45068L11.9894 6.86768L12.0449 6.54883L12.0979 6.29883L12.1273 6.18457C12.1855 5.97461 12.2411 5.87891 12.299 5.85303ZM8.66605 11.499L6.93497 11.5C6.66917 11.5 6.44363 11.6724 6.36404 11.9111L6.34125 12.0039L6.33337 12.1016L6.33337 17.5649C6.33337 17.8638 6.55154 18.1118 6.83739 18.1587L6.93497 18.1665L8.66605 18.166L8.66605 11.499Z" clip-rule="evenodd" fill="" fill-opacity="1.000000" fill-rule="evenodd"/>
 	</mask>
-	<path id="形状" d="M5.33992 17.7109C5.41356 18.5269 6.09958 19.1665 6.93497 19.1665L15.8854 19.1665L16.1196 19.1631C17.5754 19.1196 18.5127 18.6587 18.8241 17.7178C19.1441 16.751 19.5093 15.1572 19.6252 13.8735L19.6431 13.6519L19.6641 13.2412L19.6678 13.0366C19.6771 11.4253 19.1973 10.4258 17.9834 10.4258L13.8894 10.4248L13.9345 10.2856C14.3534 8.94873 14.519 7.91895 14.4204 7.17432C14.2314 5.74707 13.0867 4.5332 12.0098 4.89355L11.8904 4.94043L11.7908 4.98926C11.3465 5.229 11.1868 5.6333 11.0347 6.51318L10.8782 7.44482L10.8312 7.66016L10.772 7.89355C10.7096 8.11816 10.6367 8.31494 10.5489 8.4917C10.1638 9.26758 9.61525 9.93604 8.89888 10.5005L6.93497 10.5L6.7892 10.5063C5.97298 10.5801 5.33337 11.2661 5.33337 12.1016L5.33337 17.5649L5.33992 17.7109ZM12.299 5.85303C12.6348 5.70264 13.3079 6.39062 13.4291 7.30518C13.5108 7.92334 13.3335 8.92627 12.8837 10.2861C12.8454 10.4023 12.8319 10.5249 12.8443 10.6465C12.8925 11.1211 13.3154 11.4673 13.7902 11.4238L17.9834 11.4258L18.0621 11.4316C18.5461 11.5078 18.7628 12.3032 18.6292 13.7837C18.5209 14.9834 18.1724 16.5044 17.8747 17.4038L17.8393 17.4922L17.7928 17.5752C17.55 17.9531 16.9422 18.1665 15.8854 18.1665L9.66638 18.1655L9.66638 11.1626L9.75044 11.0952C10.4701 10.48 11.0359 9.75977 11.4446 8.93652C11.5692 8.68555 11.6673 8.41553 11.7481 8.11572L11.8344 7.75732L11.8941 7.45068L11.9894 6.86768L12.0449 6.54883L12.0979 6.29883L12.1273 6.18457C12.1855 5.97461 12.2411 5.87891 12.299 5.85303ZM8.66605 11.499L6.93497 11.5C6.66917 11.5 6.44363 11.6724 6.36404 11.9111L6.34125 12.0039L6.33337 12.1016L6.33337 17.5649C6.33337 17.8638 6.55154 18.1118 6.83739 18.1587L6.93497 18.1665L8.66605 18.166L8.66605 11.499Z" clip-rule="evenodd" fill="#D3DCE9" fill-opacity="1.000000" fill-rule="evenodd" mask="url(#mask_11_4256)"/>
+	<path id="形状" d="M5.33992 17.7109C5.41356 18.5269 6.09958 19.1665 6.93497 19.1665L15.8854 19.1665L16.1196 19.1631C17.5754 19.1196 18.5127 18.6587 18.8241 17.7178C19.1441 16.751 19.5093 15.1572 19.6252 13.8735L19.6431 13.6519L19.6641 13.2412L19.6678 13.0366C19.6771 11.4253 19.1973 10.4258 17.9834 10.4258L13.8894 10.4248L13.9345 10.2856C14.3534 8.94873 14.519 7.91895 14.4204 7.17432C14.2314 5.74707 13.0867 4.5332 12.0098 4.89355L11.8904 4.94043L11.7908 4.98926C11.3465 5.229 11.1868 5.6333 11.0347 6.51318L10.8782 7.44482L10.8312 7.66016L10.772 7.89355C10.7096 8.11816 10.6367 8.31494 10.5489 8.4917C10.1638 9.26758 9.61525 9.93604 8.89888 10.5005L6.93497 10.5L6.7892 10.5063C5.97298 10.5801 5.33337 11.2661 5.33337 12.1016L5.33337 17.5649L5.33992 17.7109ZM12.299 5.85303C12.6348 5.70264 13.3079 6.39062 13.4291 7.30518C13.5108 7.92334 13.3335 8.92627 12.8837 10.2861C12.8454 10.4023 12.8319 10.5249 12.8443 10.6465C12.8925 11.1211 13.3154 11.4673 13.7902 11.4238L17.9834 11.4258L18.0621 11.4316C18.5461 11.5078 18.7628 12.3032 18.6292 13.7837C18.5209 14.9834 18.1724 16.5044 17.8747 17.4038L17.8393 17.4922L17.7928 17.5752C17.55 17.9531 16.9422 18.1665 15.8854 18.1665L9.66638 18.1655L9.66638 11.1626L9.75044 11.0952C10.4701 10.48 11.0359 9.75977 11.4446 8.93652C11.5692 8.68555 11.6673 8.41553 11.7481 8.11572L11.8344 7.75732L11.8941 7.45068L11.9894 6.86768L12.0449 6.54883L12.0979 6.29883L12.1273 6.18457C12.1855 5.97461 12.2411 5.87891 12.299 5.85303ZM8.66605 11.499L6.93497 11.5C6.66917 11.5 6.44363 11.6724 6.36404 11.9111L6.34125 12.0039L6.33337 12.1016L6.33337 17.5649C6.33337 17.8638 6.55154 18.1118 6.83739 18.1587L6.93497 18.1665L8.66605 18.166L8.66605 11.499Z" clip-rule="evenodd" fill="#D3DCE9" fill-opacity="1.000000" fill-rule="evenodd" mask="url(#mask_303_865)"/>
 	<path id="形状" d="" fill="#000000" fill-opacity="0.000000" fill-rule="nonzero"/>
 </svg>
diff --git a/src/assets/svgs/light_against.svg b/src/assets/svgs/light_against.svg
index 1f257ac..d16f1b3 100644
--- a/src/assets/svgs/light_against.svg
+++ b/src/assets/svgs/light_against.svg
@@ -5,10 +5,10 @@
 	<defs/>
 	<rect id="矩形备份 10" rx="4.000000" width="24.000000" height="24.000000" fill="#999999" fill-opacity="0"/>
 	<rect id="矩形备份 10" x="0.500000" y="0.500000" rx="4.000000" width="23.000000" height="23.000000" stroke="#979797" stroke-opacity="0" stroke-width="1.000000"/>
-	<rect id="DevMate_Dislike" width="16.000000" height="16.000000" transform="translate(4.000000 4.000000)" fill="#999999" fill-opacity="0"/>
-	<mask id="mask_11_3893" fill="white">
-		<path id="形状" d="M18.824 6.27832C18.4962 5.28809 17.475 4.82959 15.8854 4.82959L9.16665 4.82959L6.93491 4.83301C6.05037 4.83301 5.33331 5.55029 5.33331 6.43506L5.33331 11.8984C5.33331 12.7827 6.05037 13.5 6.93491 13.5L8.9039 13.4995C9.61778 14.0635 10.1647 14.7305 10.5488 15.5044C10.666 15.7402 10.7564 16.0117 10.8311 16.3359L10.8782 16.5513L11.0346 17.4829C11.1976 18.4258 11.3693 18.8223 11.8904 19.0557L12.0097 19.1025C13.0866 19.4629 14.2314 18.2495 14.4203 16.8218C14.519 16.0771 14.3534 15.0474 13.9344 13.7104L13.8893 13.5708L17.9834 13.5703C19.2478 13.5703 19.7158 12.4858 19.664 10.7549L19.643 10.3442L19.6251 10.1226C19.5092 8.83887 19.144 7.24512 18.824 6.27832ZM15.8854 5.82959L9.66631 5.82959L9.66631 12.8325L9.75037 12.9009C10.47 13.5161 11.0358 14.2363 11.4445 15.0596C11.5691 15.3105 11.6672 15.5806 11.748 15.8804L11.8344 16.2388L11.894 16.5454L12.0267 17.3491C12.0328 17.3828 12.0388 17.4155 12.0449 17.4473L12.0978 17.6973C12.167 17.9878 12.2314 18.1128 12.2989 18.1431C12.6348 18.2935 13.3079 17.6055 13.429 16.6909C13.5108 16.0728 13.3335 15.0698 12.8837 13.7104C12.8453 13.5938 12.8319 13.4712 12.8442 13.3501C12.8925 12.875 13.3154 12.5288 13.7902 12.5723L17.9834 12.5703C18.5223 12.5703 18.7698 11.771 18.6291 10.2124C18.5209 9.0127 18.1723 7.4917 17.8747 6.59229L17.8392 6.50439C17.6345 6.07471 17.0176 5.82959 15.8854 5.82959ZM6.93491 5.83301L8.66598 5.83301L8.66598 12.5L6.93491 12.5C6.63588 12.5 6.38781 12.2817 6.34119 11.9961L6.33331 11.8984L6.33331 6.43506C6.33331 6.10254 6.60266 5.83301 6.93491 5.83301Z" clip-rule="evenodd" fill="" fill-opacity="1.000000" fill-rule="evenodd"/>
+	<rect id="DevMate_Dislike" width="16.000000" height="16.000000" transform="translate(4.000000 4.500000)" fill="#999999" fill-opacity="0"/>
+	<mask id="mask_303_560" fill="white">
+		<path id="形状" d="M18.824 6.77832C18.4962 5.78809 17.475 5.32959 15.8854 5.32959L9.16665 5.32959L6.93491 5.33301C6.05037 5.33301 5.33331 6.05029 5.33331 6.93506L5.33331 12.3984C5.33331 13.2827 6.05037 14 6.93491 14L8.9039 13.9995C9.61778 14.5635 10.1647 15.2305 10.5488 16.0044C10.666 16.2402 10.7564 16.5117 10.8311 16.8359L10.8782 17.0513L11.0346 17.9829C11.1976 18.9258 11.3693 19.3223 11.8904 19.5557L12.0097 19.6025C13.0866 19.9629 14.2314 18.7495 14.4203 17.3218C14.519 16.5771 14.3534 15.5474 13.9344 14.2104L13.8893 14.0708L17.9834 14.0703C19.2478 14.0703 19.7158 12.9858 19.664 11.2549L19.643 10.8442L19.6251 10.6226C19.5092 9.33887 19.144 7.74512 18.824 6.77832ZM15.8854 6.32959L9.66631 6.32959L9.66631 13.3325L9.75037 13.4009C10.47 14.0161 11.0358 14.7363 11.4445 15.5596C11.5691 15.8105 11.6672 16.0806 11.748 16.3804L11.8344 16.7388L11.894 17.0454L12.0267 17.8491C12.0328 17.8828 12.0388 17.9155 12.0449 17.9473L12.0978 18.1973C12.167 18.4878 12.2314 18.6128 12.2989 18.6431C12.6348 18.7935 13.3079 18.1055 13.429 17.1909C13.5108 16.5728 13.3335 15.5698 12.8837 14.2104C12.8453 14.0938 12.8319 13.9712 12.8442 13.8501C12.8925 13.375 13.3154 13.0288 13.7902 13.0723L17.9834 13.0703C18.5223 13.0703 18.7698 12.271 18.6291 10.7124C18.5209 9.5127 18.1723 7.9917 17.8747 7.09229L17.8392 7.00439C17.6345 6.57471 17.0176 6.32959 15.8854 6.32959ZM6.93491 6.33301L8.66598 6.33301L8.66598 13L6.93491 13C6.63588 13 6.38781 12.7817 6.34119 12.4961L6.33331 12.3984L6.33331 6.93506C6.33331 6.60254 6.60266 6.33301 6.93491 6.33301Z" clip-rule="evenodd" fill="" fill-opacity="1.000000" fill-rule="evenodd"/>
 	</mask>
-	<path id="形状" d="M18.824 6.27832C18.4962 5.28809 17.475 4.82959 15.8854 4.82959L9.16665 4.82959L6.93491 4.83301C6.05037 4.83301 5.33331 5.55029 5.33331 6.43506L5.33331 11.8984C5.33331 12.7827 6.05037 13.5 6.93491 13.5L8.9039 13.4995C9.61778 14.0635 10.1647 14.7305 10.5488 15.5044C10.666 15.7402 10.7564 16.0117 10.8311 16.3359L10.8782 16.5513L11.0346 17.4829C11.1976 18.4258 11.3693 18.8223 11.8904 19.0557L12.0097 19.1025C13.0866 19.4629 14.2314 18.2495 14.4203 16.8218C14.519 16.0771 14.3534 15.0474 13.9344 13.7104L13.8893 13.5708L17.9834 13.5703C19.2478 13.5703 19.7158 12.4858 19.664 10.7549L19.643 10.3442L19.6251 10.1226C19.5092 8.83887 19.144 7.24512 18.824 6.27832ZM15.8854 5.82959L9.66631 5.82959L9.66631 12.8325L9.75037 12.9009C10.47 13.5161 11.0358 14.2363 11.4445 15.0596C11.5691 15.3105 11.6672 15.5806 11.748 15.8804L11.8344 16.2388L11.894 16.5454L12.0267 17.3491C12.0328 17.3828 12.0388 17.4155 12.0449 17.4473L12.0978 17.6973C12.167 17.9878 12.2314 18.1128 12.2989 18.1431C12.6348 18.2935 13.3079 17.6055 13.429 16.6909C13.5108 16.0728 13.3335 15.0698 12.8837 13.7104C12.8453 13.5938 12.8319 13.4712 12.8442 13.3501C12.8925 12.875 13.3154 12.5288 13.7902 12.5723L17.9834 12.5703C18.5223 12.5703 18.7698 11.771 18.6291 10.2124C18.5209 9.0127 18.1723 7.4917 17.8747 6.59229L17.8392 6.50439C17.6345 6.07471 17.0176 5.82959 15.8854 5.82959ZM6.93491 5.83301L8.66598 5.83301L8.66598 12.5L6.93491 12.5C6.63588 12.5 6.38781 12.2817 6.34119 11.9961L6.33331 11.8984L6.33331 6.43506C6.33331 6.10254 6.60266 5.83301 6.93491 5.83301Z" clip-rule="evenodd" fill="#4E5865" fill-opacity="1.000000" fill-rule="evenodd" mask="url(#mask_11_3893)"/>
+	<path id="形状" d="M18.824 6.77832C18.4962 5.78809 17.475 5.32959 15.8854 5.32959L9.16665 5.32959L6.93491 5.33301C6.05037 5.33301 5.33331 6.05029 5.33331 6.93506L5.33331 12.3984C5.33331 13.2827 6.05037 14 6.93491 14L8.9039 13.9995C9.61778 14.5635 10.1647 15.2305 10.5488 16.0044C10.666 16.2402 10.7564 16.5117 10.8311 16.8359L10.8782 17.0513L11.0346 17.9829C11.1976 18.9258 11.3693 19.3223 11.8904 19.5557L12.0097 19.6025C13.0866 19.9629 14.2314 18.7495 14.4203 17.3218C14.519 16.5771 14.3534 15.5474 13.9344 14.2104L13.8893 14.0708L17.9834 14.0703C19.2478 14.0703 19.7158 12.9858 19.664 11.2549L19.643 10.8442L19.6251 10.6226C19.5092 9.33887 19.144 7.74512 18.824 6.77832ZM15.8854 6.32959L9.66631 6.32959L9.66631 13.3325L9.75037 13.4009C10.47 14.0161 11.0358 14.7363 11.4445 15.5596C11.5691 15.8105 11.6672 16.0806 11.748 16.3804L11.8344 16.7388L11.894 17.0454L12.0267 17.8491C12.0328 17.8828 12.0388 17.9155 12.0449 17.9473L12.0978 18.1973C12.167 18.4878 12.2314 18.6128 12.2989 18.6431C12.6348 18.7935 13.3079 18.1055 13.429 17.1909C13.5108 16.5728 13.3335 15.5698 12.8837 14.2104C12.8453 14.0938 12.8319 13.9712 12.8442 13.8501C12.8925 13.375 13.3154 13.0288 13.7902 13.0723L17.9834 13.0703C18.5223 13.0703 18.7698 12.271 18.6291 10.7124C18.5209 9.5127 18.1723 7.9917 17.8747 7.09229L17.8392 7.00439C17.6345 6.57471 17.0176 6.32959 15.8854 6.32959ZM6.93491 6.33301L8.66598 6.33301L8.66598 13L6.93491 13C6.63588 13 6.38781 12.7817 6.34119 12.4961L6.33331 12.3984L6.33331 6.93506C6.33331 6.60254 6.60266 6.33301 6.93491 6.33301Z" clip-rule="evenodd" fill="#4E5865" fill-opacity="1.000000" fill-rule="evenodd" mask="url(#mask_303_560)"/>
 	<path id="形状" d="" fill="#000000" fill-opacity="0.000000" fill-rule="nonzero"/>
 </svg>
diff --git a/src/assets/svgs/light_copy.svg b/src/assets/svgs/light_copy.svg
index 41a377c..dc8a520 100644
--- a/src/assets/svgs/light_copy.svg
+++ b/src/assets/svgs/light_copy.svg
@@ -3,9 +3,9 @@
 			Created with Pixso.
 	</desc>
 	<defs/>
-	<mask id="mask_11_3889" fill="white">
+	<mask id="mask_303_704" fill="white">
 		<path id="形状结合" d="M18.7423 7.7749C18.6605 6.91943 17.9397 6.25 17.0625 6.25L9.1875 6.25L9.02498 6.25781C8.16925 6.33936 7.5 7.06055 7.5 7.9375L7.5 8.5L6.9375 8.5C6.00552 8.5 5.25 9.25537 5.25 10.1875L5.25 18.0625C5.25 18.9946 6.00552 19.75 6.9375 19.75L14.8125 19.75L14.975 19.7422C15.8307 19.6606 16.5 18.9395 16.5 18.0625L16.5 17.5L17.0625 17.5L17.225 17.4922C18.0807 17.4106 18.75 16.6895 18.75 15.8125L18.75 7.9375L18.7423 7.7749ZM9.1875 7.375L17.0625 7.375L17.1636 7.38428C17.426 7.43164 17.625 7.66113 17.625 7.9375L17.625 15.8125L17.6159 15.9136C17.5683 16.1758 17.3386 16.375 17.0625 16.375L16.5 16.375L16.5 10.1875L16.4923 10.0249C16.4105 9.16943 15.6897 8.5 14.8125 8.5L8.625 8.5L8.625 7.9375L8.63406 7.83643C8.68169 7.57422 8.91135 7.375 9.1875 7.375ZM14.8125 9.625L6.9375 9.625C6.62684 9.625 6.375 9.87695 6.375 10.1875L6.375 18.0625C6.375 18.373 6.62684 18.625 6.9375 18.625L14.8125 18.625C15.1232 18.625 15.375 18.373 15.375 18.0625L15.375 10.1875C15.375 9.87695 15.1232 9.625 14.8125 9.625Z" clip-rule="evenodd" fill="" fill-opacity="1.000000" fill-rule="evenodd"/>
 	</mask>
-	<path id="形状结合" d="M18.7423 7.7749C18.6605 6.91943 17.9397 6.25 17.0625 6.25L9.1875 6.25L9.02498 6.25781C8.16925 6.33936 7.5 7.06055 7.5 7.9375L7.5 8.5L6.9375 8.5C6.00552 8.5 5.25 9.25537 5.25 10.1875L5.25 18.0625C5.25 18.9946 6.00552 19.75 6.9375 19.75L14.8125 19.75L14.975 19.7422C15.8307 19.6606 16.5 18.9395 16.5 18.0625L16.5 17.5L17.0625 17.5L17.225 17.4922C18.0807 17.4106 18.75 16.6895 18.75 15.8125L18.75 7.9375L18.7423 7.7749ZM9.1875 7.375L17.0625 7.375L17.1636 7.38428C17.426 7.43164 17.625 7.66113 17.625 7.9375L17.625 15.8125L17.6159 15.9136C17.5683 16.1758 17.3386 16.375 17.0625 16.375L16.5 16.375L16.5 10.1875L16.4923 10.0249C16.4105 9.16943 15.6897 8.5 14.8125 8.5L8.625 8.5L8.625 7.9375L8.63406 7.83643C8.68169 7.57422 8.91135 7.375 9.1875 7.375ZM14.8125 9.625L6.9375 9.625C6.62684 9.625 6.375 9.87695 6.375 10.1875L6.375 18.0625C6.375 18.373 6.62684 18.625 6.9375 18.625L14.8125 18.625C15.1232 18.625 15.375 18.373 15.375 18.0625L15.375 10.1875C15.375 9.87695 15.1232 9.625 14.8125 9.625Z" clip-rule="evenodd" fill="#4E5865" fill-opacity="1.000000" fill-rule="evenodd" mask="url(#mask_11_3889)"/>
+	<path id="形状结合" d="M18.7423 7.7749C18.6605 6.91943 17.9397 6.25 17.0625 6.25L9.1875 6.25L9.02498 6.25781C8.16925 6.33936 7.5 7.06055 7.5 7.9375L7.5 8.5L6.9375 8.5C6.00552 8.5 5.25 9.25537 5.25 10.1875L5.25 18.0625C5.25 18.9946 6.00552 19.75 6.9375 19.75L14.8125 19.75L14.975 19.7422C15.8307 19.6606 16.5 18.9395 16.5 18.0625L16.5 17.5L17.0625 17.5L17.225 17.4922C18.0807 17.4106 18.75 16.6895 18.75 15.8125L18.75 7.9375L18.7423 7.7749ZM9.1875 7.375L17.0625 7.375L17.1636 7.38428C17.426 7.43164 17.625 7.66113 17.625 7.9375L17.625 15.8125L17.6159 15.9136C17.5683 16.1758 17.3386 16.375 17.0625 16.375L16.5 16.375L16.5 10.1875L16.4923 10.0249C16.4105 9.16943 15.6897 8.5 14.8125 8.5L8.625 8.5L8.625 7.9375L8.63406 7.83643C8.68169 7.57422 8.91135 7.375 9.1875 7.375ZM14.8125 9.625L6.9375 9.625C6.62684 9.625 6.375 9.87695 6.375 10.1875L6.375 18.0625C6.375 18.373 6.62684 18.625 6.9375 18.625L14.8125 18.625C15.1232 18.625 15.375 18.373 15.375 18.0625L15.375 10.1875C15.375 9.87695 15.1232 9.625 14.8125 9.625Z" clip-rule="evenodd" fill="#4E5865" fill-opacity="1.000000" fill-rule="evenodd" mask="url(#mask_303_704)"/>
 	<path id="形状结合" d="" fill="#000000" fill-opacity="0.000000" fill-rule="nonzero"/>
 </svg>
diff --git a/src/assets/svgs/light_support.svg b/src/assets/svgs/light_support.svg
index 38780af..aca4cda 100644
--- a/src/assets/svgs/light_support.svg
+++ b/src/assets/svgs/light_support.svg
@@ -3,9 +3,9 @@
 			Created with Pixso.
 	</desc>
 	<defs/>
-	<mask id="mask_11_3897" fill="white">
+	<mask id="mask_303_869" fill="white">
 		<path id="形状" d="M5.33986 17.7109C5.4135 18.5269 6.09951 19.1665 6.93491 19.1665L15.8854 19.1665L16.1195 19.1631C17.5754 19.1196 18.5126 18.6587 18.824 17.7178C19.144 16.751 19.5092 15.1572 19.6251 13.8735L19.643 13.6519L19.664 13.2412L19.6677 13.0366C19.677 11.4253 19.1972 10.4258 17.9834 10.4258L13.8893 10.4248L13.9344 10.2856C14.3534 8.94873 14.519 7.91895 14.4203 7.17432C14.2314 5.74707 13.0866 4.5332 12.0097 4.89355L11.8904 4.94043L11.7907 4.98926C11.3464 5.229 11.1867 5.6333 11.0346 6.51318L10.8782 7.44482L10.8311 7.66016L10.7719 7.89355C10.7095 8.11816 10.6367 8.31494 10.5488 8.4917C10.1638 9.26758 9.61518 9.93604 8.89881 10.5005L6.93491 10.5L6.78913 10.5063C5.97291 10.5801 5.33331 11.2661 5.33331 12.1016L5.33331 17.5649L5.33986 17.7109ZM12.2989 5.85303C12.6348 5.70264 13.3079 6.39062 13.429 7.30518C13.5108 7.92334 13.3335 8.92627 12.8837 10.2861C12.8453 10.4023 12.8319 10.5249 12.8442 10.6465C12.8925 11.1211 13.3154 11.4673 13.7902 11.4238L17.9834 11.4258L18.062 11.4316C18.5461 11.5078 18.7628 12.3032 18.6291 13.7837C18.5209 14.9834 18.1723 16.5044 17.8747 17.4038L17.8392 17.4922L17.7927 17.5752C17.55 17.9531 16.9421 18.1665 15.8854 18.1665L9.66631 18.1655L9.66631 11.1626L9.75037 11.0952C10.47 10.48 11.0358 9.75977 11.4445 8.93652C11.5691 8.68555 11.6672 8.41553 11.748 8.11572L11.8344 7.75732L11.894 7.45068L11.9894 6.86768L12.0449 6.54883L12.0978 6.29883L12.1272 6.18457C12.1855 5.97461 12.2411 5.87891 12.2989 5.85303ZM8.66598 11.499L6.93491 11.5C6.66911 11.5 6.44357 11.6724 6.36398 11.9111L6.34119 12.0039L6.33331 12.1016L6.33331 17.5649C6.33331 17.8638 6.55148 18.1118 6.83733 18.1587L6.93491 18.1665L8.66598 18.166L8.66598 11.499Z" clip-rule="evenodd" fill="" fill-opacity="1.000000" fill-rule="evenodd"/>
 	</mask>
-	<path id="形状" d="M5.33986 17.7109C5.4135 18.5269 6.09951 19.1665 6.93491 19.1665L15.8854 19.1665L16.1195 19.1631C17.5754 19.1196 18.5126 18.6587 18.824 17.7178C19.144 16.751 19.5092 15.1572 19.6251 13.8735L19.643 13.6519L19.664 13.2412L19.6677 13.0366C19.677 11.4253 19.1972 10.4258 17.9834 10.4258L13.8893 10.4248L13.9344 10.2856C14.3534 8.94873 14.519 7.91895 14.4203 7.17432C14.2314 5.74707 13.0866 4.5332 12.0097 4.89355L11.8904 4.94043L11.7907 4.98926C11.3464 5.229 11.1867 5.6333 11.0346 6.51318L10.8782 7.44482L10.8311 7.66016L10.7719 7.89355C10.7095 8.11816 10.6367 8.31494 10.5488 8.4917C10.1638 9.26758 9.61518 9.93604 8.89881 10.5005L6.93491 10.5L6.78913 10.5063C5.97291 10.5801 5.33331 11.2661 5.33331 12.1016L5.33331 17.5649L5.33986 17.7109ZM12.2989 5.85303C12.6348 5.70264 13.3079 6.39062 13.429 7.30518C13.5108 7.92334 13.3335 8.92627 12.8837 10.2861C12.8453 10.4023 12.8319 10.5249 12.8442 10.6465C12.8925 11.1211 13.3154 11.4673 13.7902 11.4238L17.9834 11.4258L18.062 11.4316C18.5461 11.5078 18.7628 12.3032 18.6291 13.7837C18.5209 14.9834 18.1723 16.5044 17.8747 17.4038L17.8392 17.4922L17.7927 17.5752C17.55 17.9531 16.9421 18.1665 15.8854 18.1665L9.66631 18.1655L9.66631 11.1626L9.75037 11.0952C10.47 10.48 11.0358 9.75977 11.4445 8.93652C11.5691 8.68555 11.6672 8.41553 11.748 8.11572L11.8344 7.75732L11.894 7.45068L11.9894 6.86768L12.0449 6.54883L12.0978 6.29883L12.1272 6.18457C12.1855 5.97461 12.2411 5.87891 12.2989 5.85303ZM8.66598 11.499L6.93491 11.5C6.66911 11.5 6.44357 11.6724 6.36398 11.9111L6.34119 12.0039L6.33331 12.1016L6.33331 17.5649C6.33331 17.8638 6.55148 18.1118 6.83733 18.1587L6.93491 18.1665L8.66598 18.166L8.66598 11.499Z" clip-rule="evenodd" fill="#4E5865" fill-opacity="1.000000" fill-rule="evenodd" mask="url(#mask_11_3897)"/>
+	<path id="形状" d="M5.33986 17.7109C5.4135 18.5269 6.09951 19.1665 6.93491 19.1665L15.8854 19.1665L16.1195 19.1631C17.5754 19.1196 18.5126 18.6587 18.824 17.7178C19.144 16.751 19.5092 15.1572 19.6251 13.8735L19.643 13.6519L19.664 13.2412L19.6677 13.0366C19.677 11.4253 19.1972 10.4258 17.9834 10.4258L13.8893 10.4248L13.9344 10.2856C14.3534 8.94873 14.519 7.91895 14.4203 7.17432C14.2314 5.74707 13.0866 4.5332 12.0097 4.89355L11.8904 4.94043L11.7907 4.98926C11.3464 5.229 11.1867 5.6333 11.0346 6.51318L10.8782 7.44482L10.8311 7.66016L10.7719 7.89355C10.7095 8.11816 10.6367 8.31494 10.5488 8.4917C10.1638 9.26758 9.61518 9.93604 8.89881 10.5005L6.93491 10.5L6.78913 10.5063C5.97291 10.5801 5.33331 11.2661 5.33331 12.1016L5.33331 17.5649L5.33986 17.7109ZM12.2989 5.85303C12.6348 5.70264 13.3079 6.39062 13.429 7.30518C13.5108 7.92334 13.3335 8.92627 12.8837 10.2861C12.8453 10.4023 12.8319 10.5249 12.8442 10.6465C12.8925 11.1211 13.3154 11.4673 13.7902 11.4238L17.9834 11.4258L18.062 11.4316C18.5461 11.5078 18.7628 12.3032 18.6291 13.7837C18.5209 14.9834 18.1723 16.5044 17.8747 17.4038L17.8392 17.4922L17.7927 17.5752C17.55 17.9531 16.9421 18.1665 15.8854 18.1665L9.66631 18.1655L9.66631 11.1626L9.75037 11.0952C10.47 10.48 11.0358 9.75977 11.4445 8.93652C11.5691 8.68555 11.6672 8.41553 11.748 8.11572L11.8344 7.75732L11.894 7.45068L11.9894 6.86768L12.0449 6.54883L12.0978 6.29883L12.1272 6.18457C12.1855 5.97461 12.2411 5.87891 12.2989 5.85303ZM8.66598 11.499L6.93491 11.5C6.66911 11.5 6.44357 11.6724 6.36398 11.9111L6.34119 12.0039L6.33331 12.1016L6.33331 17.5649C6.33331 17.8638 6.55148 18.1118 6.83733 18.1587L6.93491 18.1665L8.66598 18.166L8.66598 11.499Z" clip-rule="evenodd" fill="#4E5865" fill-opacity="1.000000" fill-rule="evenodd" mask="url(#mask_303_869)"/>
 	<path id="形状" d="" fill="#000000" fill-opacity="0.000000" fill-rule="nonzero"/>
 </svg>
diff --git a/src/assets/svgs/support_active.svg b/src/assets/svgs/support_active.svg
index d7d13d7..581e2f4 100644
--- a/src/assets/svgs/support_active.svg
+++ b/src/assets/svgs/support_active.svg
@@ -3,11 +3,9 @@
 			Created with Pixso.
 	</desc>
 	<defs/>
-	<path id="矢量 364" d="M6 13.5L6 11.5L9 11L11 9L12 5.5L13.5 6L13.5 9L13.5 10.5L18.5 11L19 14L18 18L16 18.5L13 18.5L6 18.5L6 13.5Z" fill="#6395FD" fill-opacity="1.000000" fill-rule="evenodd"/>
-	<mask id="mask_11_4016" fill="white">
-		<path id="形状" d="M5.33986 17.7109C5.41351 18.5269 6.09951 19.1665 6.93491 19.1665L15.8854 19.1665L16.1195 19.1631C17.5754 19.1196 18.5126 18.6587 18.824 17.7178C19.144 16.751 19.5092 15.1572 19.6251 13.8735L19.643 13.6519L19.664 13.2412L19.6677 13.0366C19.677 11.4253 19.1972 10.4258 17.9834 10.4258L13.8893 10.4248L13.9344 10.2856C14.3534 8.94873 14.519 7.91895 14.4203 7.17432C14.2314 5.74707 13.0866 4.5332 12.0097 4.89355L11.8904 4.94043L11.7907 4.98926C11.3464 5.229 11.1867 5.6333 11.0346 6.51318L10.8782 7.44482L10.8311 7.66016L10.7719 7.89355C10.7095 8.11816 10.6367 8.31494 10.5488 8.4917C10.1638 9.26758 9.61519 9.93604 8.89882 10.5005L6.93491 10.5L6.78913 10.5063C5.97292 10.5801 5.33331 11.2661 5.33331 12.1016L5.33331 17.5649L5.33986 17.7109ZM12.2989 5.85303C12.6348 5.70264 13.3079 6.39062 13.429 7.30518C13.5108 7.92334 13.3335 8.92627 12.8837 10.2861C12.8453 10.4023 12.8319 10.5249 12.8442 10.6465C12.8925 11.1211 13.3154 11.4673 13.7902 11.4238L17.9834 11.4258L18.062 11.4316C18.5461 11.5078 18.7628 12.3032 18.6291 13.7837C18.5209 14.9834 18.1723 16.5044 17.8747 17.4038L17.8392 17.4922L17.7927 17.5752C17.55 17.9531 16.9421 18.1665 15.8854 18.1665L9.66631 18.1655L9.66631 11.1626L9.75037 11.0952C10.47 10.48 11.0358 9.75977 11.4445 8.93652C11.5691 8.68555 11.6672 8.41553 11.748 8.11572L11.8344 7.75732L11.894 7.45068L11.9894 6.86768L12.0449 6.54883L12.0978 6.29883L12.1272 6.18457C12.1855 5.97461 12.2411 5.87891 12.2989 5.85303ZM8.66598 11.499L6.93491 11.5C6.66911 11.5 6.44357 11.6724 6.36398 11.9111L6.34119 12.0039L6.33331 12.1016L6.33331 17.5649C6.33331 17.8638 6.55148 18.1118 6.83733 18.1587L6.93491 18.1665L8.66598 18.166L8.66598 11.499Z" clip-rule="evenodd" fill="" fill-opacity="1.000000" fill-rule="evenodd"/>
+	<mask id="mask_69_3480" fill="white">
+		<path id="减去顶层" d="M6.93491 19.1665C6.09951 19.1665 5.4135 18.5269 5.33986 17.7109L5.33331 17.5649L5.33331 12.1016C5.33331 11.2661 5.97291 10.5801 6.78913 10.5063L6.93491 10.5L8.7002 10.5005L8.7002 19.1665L6.93491 19.1665ZM9.7002 19.1665L15.8854 19.1665L16.1195 19.1631C17.5754 19.1196 18.5126 18.6587 18.824 17.7178C19.144 16.751 19.5092 15.1572 19.6251 13.8735L19.643 13.6519L19.664 13.2412L19.6677 13.0366C19.677 11.4253 19.1972 10.4258 17.9834 10.4258L13.8893 10.4248L13.9344 10.2856C14.3534 8.94873 14.519 7.91895 14.4203 7.17432C14.2314 5.74707 13.0866 4.5332 12.0097 4.89355L11.8904 4.94043L11.7907 4.98926C11.3464 5.229 11.1867 5.6333 11.0346 6.51318L10.8782 7.44482L10.8311 7.66016L10.7719 7.89355C10.7095 8.11816 10.6367 8.31494 10.5488 8.4917C10.3226 8.94727 10.0401 9.36621 9.7002 9.74854L9.7002 19.1665Z" clip-rule="evenodd" fill="" fill-opacity="1.000000" fill-rule="evenodd"/>
 	</mask>
-	<path id="形状" d="M5.33986 17.7109C5.41351 18.5269 6.09951 19.1665 6.93491 19.1665L15.8854 19.1665L16.1195 19.1631C17.5754 19.1196 18.5126 18.6587 18.824 17.7178C19.144 16.751 19.5092 15.1572 19.6251 13.8735L19.643 13.6519L19.664 13.2412L19.6677 13.0366C19.677 11.4253 19.1972 10.4258 17.9834 10.4258L13.8893 10.4248L13.9344 10.2856C14.3534 8.94873 14.519 7.91895 14.4203 7.17432C14.2314 5.74707 13.0866 4.5332 12.0097 4.89355L11.8904 4.94043L11.7907 4.98926C11.3464 5.229 11.1867 5.6333 11.0346 6.51318L10.8782 7.44482L10.8311 7.66016L10.7719 7.89355C10.7095 8.11816 10.6367 8.31494 10.5488 8.4917C10.1638 9.26758 9.61519 9.93604 8.89882 10.5005L6.93491 10.5L6.78913 10.5063C5.97292 10.5801 5.33331 11.2661 5.33331 12.1016L5.33331 17.5649L5.33986 17.7109ZM12.2989 5.85303C12.6348 5.70264 13.3079 6.39062 13.429 7.30518C13.5108 7.92334 13.3335 8.92627 12.8837 10.2861C12.8453 10.4023 12.8319 10.5249 12.8442 10.6465C12.8925 11.1211 13.3154 11.4673 13.7902 11.4238L17.9834 11.4258L18.062 11.4316C18.5461 11.5078 18.7628 12.3032 18.6291 13.7837C18.5209 14.9834 18.1723 16.5044 17.8747 17.4038L17.8392 17.4922L17.7927 17.5752C17.55 17.9531 16.9421 18.1665 15.8854 18.1665L9.66631 18.1655L9.66631 11.1626L9.75037 11.0952C10.47 10.48 11.0358 9.75977 11.4445 8.93652C11.5691 8.68555 11.6672 8.41553 11.748 8.11572L11.8344 7.75732L11.894 7.45068L11.9894 6.86768L12.0449 6.54883L12.0978 6.29883L12.1272 6.18457C12.1855 5.97461 12.2411 5.87891 12.2989 5.85303ZM8.66598 11.499L6.93491 11.5C6.66911 11.5 6.44357 11.6724 6.36398 11.9111L6.34119 12.0039L6.33331 12.1016L6.33331 17.5649C6.33331 17.8638 6.55148 18.1118 6.83733 18.1587L6.93491 18.1665L8.66598 18.166L8.66598 11.499Z" clip-rule="evenodd" fill="#6395FD" fill-opacity="1.000000" fill-rule="evenodd" mask="url(#mask_11_4016)"/>
-	<path id="形状" d="" fill="#000000" fill-opacity="0.000000" fill-rule="nonzero"/>
-	<path id="矢量 365 (边框)" d="M9.7 9.5L9.7 19.2L8.7 19.2L8.7 9.5L9.7 9.5Z" fill="#FFFFFF" fill-opacity="1.000000" fill-rule="evenodd"/>
+	<path id="减去顶层" d="M6.93491 19.1665C6.09951 19.1665 5.4135 18.5269 5.33986 17.7109L5.33331 17.5649L5.33331 12.1016C5.33331 11.2661 5.97291 10.5801 6.78913 10.5063L6.93491 10.5L8.7002 10.5005L8.7002 19.1665L6.93491 19.1665ZM9.7002 19.1665L15.8854 19.1665L16.1195 19.1631C17.5754 19.1196 18.5126 18.6587 18.824 17.7178C19.144 16.751 19.5092 15.1572 19.6251 13.8735L19.643 13.6519L19.664 13.2412L19.6677 13.0366C19.677 11.4253 19.1972 10.4258 17.9834 10.4258L13.8893 10.4248L13.9344 10.2856C14.3534 8.94873 14.519 7.91895 14.4203 7.17432C14.2314 5.74707 13.0866 4.5332 12.0097 4.89355L11.8904 4.94043L11.7907 4.98926C11.3464 5.229 11.1867 5.6333 11.0346 6.51318L10.8782 7.44482L10.8311 7.66016L10.7719 7.89355C10.7095 8.11816 10.6367 8.31494 10.5488 8.4917C10.3226 8.94727 10.0401 9.36621 9.7002 9.74854L9.7002 19.1665Z" clip-rule="evenodd" fill="#6395FD" fill-opacity="1.000000" fill-rule="evenodd" mask="url(#mask_69_3480)"/>
+	<path id="减去顶层" d="" fill="#000000" fill-opacity="0.000000" fill-rule="nonzero"/>
 </svg>
diff --git a/src/components/dialoguePanel/DialoguePanel.vue b/src/components/dialoguePanel/DialoguePanel.vue
index 8b2cc4f..9969fc1 100644
--- a/src/components/dialoguePanel/DialoguePanel.vue
+++ b/src/components/dialoguePanel/DialoguePanel.vue
@@ -433,7 +433,6 @@ const searchAppName = (appId) => {
   }
   return '';
 };
-
 </script>
 <template>
   <div
@@ -546,14 +545,14 @@ const searchAppName = (appId) => {
               {{ Number(props.metadata?.timeCost).toFixed(2) }}
             </div>
             <img
-              class="pagenation-arror"
+              class="pagenation-arror mr-8"
               @click="prePageHandle(Number(cid))"
               src="@/assets/svgs/arror_left.svg"
             />
             <span class="pagenation-cur">{{ currentSelected! + 1 }}</span>
             <span class="pagenation-total">{{ `/${content?.length}` }}</span>
             <img
-              class="pagenation-arror"
+              class="pagenation-arror ml-8"
               @click="nextPageHandle(Number(cid))"
               src="@/assets/svgs/arror_right.svg"
             />
@@ -621,42 +620,41 @@ const searchAppName = (appId) => {
               effect="light"
               ref="tooltip"
             >
-              <div class="against-button">
-                <el-popover
-                  placement="bottom-end"
-                  :visible="isAgainstVisible"
-                  width="328"
-                  height="328"
-                  @after-enter="bindDocumentClick"
-                  @after-leave="unbindDocumentClick"
-                >
-                  <template #reference>
-                    <img
-                      class="button-icon"
-                      v-if="!isAgainst && themeStore.theme === 'dark'"
-                      src="@/assets/svgs/dark_against.svg"
-                      @click="handleSupport('against')"
-                    />
-                    <img
-                      class="button-icon"
-                      v-if="!isAgainst && themeStore.theme === 'light'"
-                      src="@/assets/svgs/light_against.svg"
-                      @click="handleSupport('against')"
-                    />
-                    <img
-                      class="button-icon"
-                      v-if="isAgainst"
-                      src="@/assets/svgs/against_active.svg"
-                      @click="handleSupport('against')"
-                    />
-                  </template>
-                  <AgainstPopover
-                    @click.stop
-                    @close="isAgainstVisible = false"
-                    @submit="handleAgainst"
+              <el-popover
+                placement="bottom-end"
+                class="against-button"
+                :visible="isAgainstVisible"
+                width="328"
+                height="328"
+                @after-enter="bindDocumentClick"
+                @after-leave="unbindDocumentClick"
+              >
+                <template #reference>
+                  <img
+                    class="button-icon"
+                    v-if="!isAgainst && themeStore.theme === 'dark'"
+                    src="@/assets/svgs/dark_against.svg"
+                    @click="handleSupport('against')"
+                  />
+                  <img
+                    class="button-icon"
+                    v-if="!isAgainst && themeStore.theme === 'light'"
+                    src="@/assets/svgs/light_against.svg"
+                    @click="handleSupport('against')"
+                  />
+                  <img
+                    class="button-icon"
+                    v-if="isAgainst"
+                    src="@/assets/svgs/against_active.svg"
+                    @click="handleSupport('against')"
                   />
-                </el-popover>
-              </div>
+                </template>
+                <AgainstPopover
+                  @click.stop
+                  @close="isAgainstVisible = false"
+                  @submit="handleAgainst"
+                />
+              </el-popover>
             </el-tooltip>
             <el-tooltip
               placement="top"
@@ -664,36 +662,35 @@ const searchAppName = (appId) => {
               effect="light"
               ref="tooltip"
             >
-              <div class="against-button">
-                <el-popover
-                  placement="bottom-end"
-                  :visible="isReportVisible"
-                  :width="size.width"
-                  :height="size.height"
-                  @after-enter="bindReportClick"
-                  @after-leave="unbindReportClick"
-                >
-                  <template #reference>
-                    <img
-                      v-if="themeStore.theme === 'dark'"
-                      class="button-icon"
-                      src="@/assets/svgs/dark_report.svg"
-                      @click="handleSupport('report')"
-                    />
-                    <img
-                      v-if="themeStore.theme === 'light'"
-                      class="button-icon"
-                      src="@/assets/svgs/light_report.svg"
-                      @click="handleSupport('report')"
-                    />
-                  </template>
-                  <ReportPopover
-                    @click.stop
-                    @close="isReportVisible = false"
-                    @report="handleReport"
+              <el-popover
+                placement="bottom-end"
+                class="against-button"
+                :visible="isReportVisible"
+                :width="size.width"
+                :height="size.height"
+                @after-enter="bindReportClick"
+                @after-leave="unbindReportClick"
+              >
+                <template #reference>
+                  <img
+                    v-if="themeStore.theme === 'dark'"
+                    class="button-icon"
+                    src="@/assets/svgs/dark_report.svg"
+                    @click="handleSupport('report')"
                   />
-                </el-popover>
-              </div>
+                  <img
+                    v-if="themeStore.theme === 'light'"
+                    class="button-icon"
+                    src="@/assets/svgs/light_report.svg"
+                    @click="handleSupport('report')"
+                  />
+                </template>
+                <ReportPopover
+                  @click.stop
+                  @close="isReportVisible = false"
+                  @report="handleReport"
+                />
+              </el-popover>
             </el-tooltip>
           </div>
         </div>
@@ -869,7 +866,7 @@ const searchAppName = (appId) => {
 .against-button {
   height: 16px;
   width: auto;
-  margin-left: 16px;
+  margin-left: 12px;
   color: var(--o-text-color-secondary);
 
   svg {
@@ -1100,7 +1097,7 @@ const searchAppName = (appId) => {
             margin-right: 8px;
             border-radius: 4px;
             font-size: 12px;
-            line-height: 18px;
+            line-height: 16px;
             color: var(--o-text-color-tertiary) !important;
             letter-spacing: 0px;
           }
@@ -1114,6 +1111,12 @@ const searchAppName = (appId) => {
             margin: 0;
             cursor: pointer;
           }
+          .ml-8 {
+            margin-left: 8px;
+          }
+          .mr-8 {
+            margin-right: 8px;
+          }
 
           .pagenation-cur {
             font-size: 12px;
@@ -1157,13 +1160,14 @@ const searchAppName = (appId) => {
           font-size: 12px;
 
           .button-icon {
-            width: 20px;
-            height: 20px;
+            width: 24px;
+            height: 24px;
+            margin-left: 4px;
           }
 
           .copy {
-            width: 20px;
-            height: 20px;
+            width: 24px;
+            height: 24px;
           }
 
           .copy:hover {
@@ -1183,10 +1187,6 @@ const searchAppName = (appId) => {
             width: 16px;
             height: 16px;
           }
-
-          .simg {
-            margin-left: 16px;
-          }
         }
       }
     }
diff --git a/src/components/sessionCard/SessionCard.vue b/src/components/sessionCard/SessionCard.vue
index eef5d41..388fbf5 100644
--- a/src/components/sessionCard/SessionCard.vue
+++ b/src/components/sessionCard/SessionCard.vue
@@ -268,6 +268,9 @@ const deleteOne = (name: string, list: string[]) => {
 
 .conversation-card {
   width: calc(100% - 18px);
+  &:last-child .conversation-card-item {
+    margin-bottom: 0px;
+  }
   &-item {
     margin-bottom: 8px;
     display: flex;
diff --git a/src/i18n/lang/en.ts b/src/i18n/lang/en.ts
index bf3ed14..d34d87a 100644
--- a/src/i18n/lang/en.ts
+++ b/src/i18n/lang/en.ts
@@ -113,7 +113,8 @@ export default {
     delete_content1: 'This chat',
     delete_content2: 'will be deleted.',
     ok: 'OK',
-    chat_history_limit: 'You can view up to 200 of your most recent chats.',
+    chat_history_limit1: 'You can view up to',
+    chat_history_limit2: 'of your most recent chats.',
     time_filter_today: 'Today',
     time_filter_last_7_days: 'Last 7 days',
     time_filter_last_30_days: 'Last 30 days',
diff --git a/src/i18n/lang/zh-cn.ts b/src/i18n/lang/zh-cn.ts
index 19671c8..59edb44 100644
--- a/src/i18n/lang/zh-cn.ts
+++ b/src/i18n/lang/zh-cn.ts
@@ -115,7 +115,8 @@ export default {
     delete_content1: '确定删除',
     delete_content2: '吗？',
     ok: '确定',
-    chat_history_limit: '仅展示最近200条对话',
+    chat_history_limit1: '仅展示最近',
+    chat_history_limit2: '条对话',
     time_filter_today: '今天',
     time_filter_last_7_days: '最近7天',
     time_filter_last_30_days: '最近30天',
diff --git a/src/views/dialogue/components/DialogueAside.vue b/src/views/dialogue/components/DialogueAside.vue
index ee47544..5eb8e93 100644
--- a/src/views/dialogue/components/DialogueAside.vue
+++ b/src/views/dialogue/components/DialogueAside.vue
@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { CaretRight, CaretBottom } from '@element-plus/icons-vue';
 import {
   ElButton,
   ElInput,
@@ -269,7 +270,7 @@ function ensureAppAtFirstPosition() {
 const getAppsValue = async () => {
   //获取 top5 list
   const [_, res] = await api.getTopFiveApp(5);
-  if (!_&&res?.result) {
+  if (!_ && res?.result) {
     appList.value = res.result.applications;
     apps.value = res.result.applications;
   }
@@ -316,7 +317,11 @@ watch(
         isCopilotAsideVisible ? t('history.collapse') : t('history.expand')
       "
     >
-      <div class="trapezoid" :class="{isExpandIcon: isCopilotAsideVisible}" @click="hanleAsideVisible" />
+      <div
+        class="trapezoid"
+        :class="{ isExpandIcon: isCopilotAsideVisible }"
+        @click="hanleAsideVisible"
+      />
     </ElTooltip>
     <transition name="transition-fade">
       <div class="copilot-aside" v-if="isCopilotAsideVisible">
@@ -387,7 +392,9 @@ watch(
               </template>
             </ElInput>
             <p class="history-record-tips">
-              {{ $t('history.chat_history_limit') }}
+              {{ $t('history.chat_history_limit1') }}
+              <span>200</span>
+              {{ $t('history.chat_history_limit2') }}
             </p>
           </div>
 
@@ -400,10 +407,21 @@ watch(
               @change="selectAllSession"
             />
           </div>
-          <ul class="history-record-list" v-if="filteredHistorySessions.length">
+          <ul v-if="filteredHistorySessions.length">
             <ElCollapse v-model="activeNames">
               <template v-for="item in filteredHistorySessions" :key="item.key">
-                <ElCollapseItem :title="item.title" :name="item.key">
+                <ElCollapseItem :name="item.key">
+                  <template #title>
+                    {{ item.title }}
+                  </template>
+                  <template #icon="{ isActive }">
+                    <el-icon v-if="isActive" :size="16">
+                      <CaretBottom />
+                    </el-icon>
+                    <el-icon v-else :size="16">
+                      <CaretRight />
+                    </el-icon>
+                  </template>
                   <template
                     v-for="session in item.list"
                     :key="session.conversationId"
@@ -484,13 +502,20 @@ watch(
 }
 
 :deep(.el-collapse-item__header) {
-  height: 24px;
+  display: flex;
+  flex-direction: row-reverse;
+  justify-content: flex-end;
+  align-items: center;
+  height: 16px;
   margin-bottom: 8px;
   color: #8d98aa;
   font-size: 12px;
   border-top: none;
   border-bottom: none;
   padding: 0px;
+  & i {
+    margin-right: 4px;
+  }
 }
 
 :deep(.el-collapse-item__arrow) {
@@ -818,7 +843,7 @@ watch(
       width: calc(100% - 18px);
       font-size: 12px;
       border-radius: 4px;
-      border: 1px solid var(--o-border-color-lighter);
+      border-color: var(--o-border-color-lighter);
 
       &__icon {
         width: 16px;
@@ -852,14 +877,11 @@ watch(
     }
 
     .history-record-tips {
-      color: var(--o-text-color-secondary);
+      color: var(--o-text-color-tertiary);
       margin-top: 8px;
       margin-bottom: 8px;
-    }
-
-    .history-record-list {
-      button {
-        // margin: 5px;
+      & span {
+        color: var(--o-text-color-secondary);
       }
     }
   }
diff --git a/src/views/dialogue/components/DialogueSession.vue b/src/views/dialogue/components/DialogueSession.vue
index 24cd79e..1eff8eb 100644
--- a/src/views/dialogue/components/DialogueSession.vue
+++ b/src/views/dialogue/components/DialogueSession.vue
@@ -956,6 +956,7 @@ watch(
   margin-top: 38px;
   margin-left: auto;
   margin-right: auto;
+  margin-bottom: 16px;
   cursor: pointer;
   position: relative;
   img {
@@ -1153,6 +1154,7 @@ button[disabled]:hover {
 
         .upload-wrapper {
           position: relative;
+          top: 3px;
 
           input {
             width: 32px;
@@ -1176,6 +1178,10 @@ button[disabled]:hover {
 
       &__icon {
         text-align: right;
+        & img {
+          position: relative;
+          bottom: 5px;
+        }
       }
     }
   }
diff --git a/src/views/dialogue/components/InitalPanel.vue b/src/views/dialogue/components/InitalPanel.vue
index 6651c74..f5a9fbb 100644
--- a/src/views/dialogue/components/InitalPanel.vue
+++ b/src/views/dialogue/components/InitalPanel.vue
@@ -1,6 +1,7 @@
 <script lang="ts" setup>
 import { onMounted, ref } from 'vue';
 import { EG_LIST } from '../constants';
+import { IconLoad } from '@computing/opendesign-icons';
 import { useChangeThemeStore } from 'src/store';
 import 'xterm/css/xterm.css';
 import router from 'src/router';
@@ -107,7 +108,13 @@ onMounted(() => {
           </div>
         </div>
         <div class="question">
-          <p class="title">{{ $t('main.question') }}</p>
+          <div class="question-title">
+            <p class="title">{{ $t('main.question') }}</p>
+            <div class="change">
+              <el-icon><IconLoad /></el-icon>
+              {{ $t('main.refresh') }}
+            </div>
+          </div>
           <ul class="question-list">
             <li class="question-item" v-for="item in questions" :key="item.id">
               <span class="question-number" :class="{ blue: item.id <= 3 }">
@@ -208,19 +215,37 @@ onMounted(() => {
     height: auto;
     box-shadow: 0px 5.18px 20.72px 0px var(--question-shadow);
     background: var(--question-bg);
+    background-blend-mode: overlay;
     // opacity: 0.5;
     border-radius: 8px;
     background-size: 100% 100%;
-    margin-left: 12px;
+    margin-left: 16px;
     padding: 24px;
     flex-direction: column;
     justify-content: space-between;
-
-    .title {
-      width: 263px;
-      font-size: 18px;
-      color: var(--o-text-color-primary);
-      font-weight: bold;
+    .question-title {
+      display: flex;
+      justify-content: space-between;
+      .title {
+        width: 263px;
+        font-size: 18px;
+        color: var(--o-text-color-primary);
+        font-weight: bold;
+      }
+      .change {
+        display: flex;
+        align-items: center;
+        color: var(--o-text-color-secondary);
+        font-family: HarmonyOS_Sans_SC_Medium;
+        font-size: 12px;
+        line-height: 16px;
+        cursor: pointer;
+        & .el-icon {
+          margin-right: 4px;
+          height: 14px;
+          width: 14px;
+        }
+      }
     }
 
     .dse {
@@ -235,7 +260,7 @@ onMounted(() => {
   // background-color: var(--o-bg-color-base);
   background-color: transparent;
   border-radius: 8px;
-  padding-top: 64px;
+  padding-top: 48px;
   display: block;
   width: 1000px;
 
@@ -254,7 +279,7 @@ onMounted(() => {
   }
 
   &-tips {
-    margin-top: 24px;
+    margin-top: 32px;
     color: var(--o-text-color-secondary);
     font-size: 20px;
     line-height: 28px;
@@ -277,7 +302,8 @@ onMounted(() => {
     &-btn {
       display: flex;
       position: relative;
-      top: 50px;
+      top: 53px;
+      cursor: pointer;
       p {
         display: block;
         align-self: center;
@@ -294,79 +320,64 @@ onMounted(() => {
         font-size: 14px;
       }
     }
-  }
-
-  .eg-list {
-    display: flex;
-    width: auto;
-    background-color: var(--o-bg-color-base);
-    flex-direction: row;
-    flex-wrap: wrap;
-    row-gap: 6px;
-    justify-content: space-between;
-    align-items: center;
-    margin-top: 8px;
-    li {
-      cursor: text;
-      background: var(--o-bg-color-light);
-      &:hover {
-        background: var(--o-bg-color-base);
-        box-shadow: 0px 5.18px 20.72px 0px var(--o-bg-color-dark);
-      }
-    }
-    &-item {
+    .eg-list {
       display: flex;
+      width: auto;
+      background-color: var(--o-bg-color-base);
+      flex-direction: row;
+      flex-wrap: wrap;
+      gap: 8px;
       align-items: center;
-      width: calc(50% - 8px);
-      height: 80px;
-      background: var(--o-bg-color-base);
-      margin-top: 8px;
-      overflow: hidden;
-      border-radius: 8px;
-      @media screen and (max-width: 1368px) {
-        width: calc(50% - 4px);
-        padding: 10px;
-      }
-
-      @media screen and (max-height: 768px) {
-        width: calc(50% - 4px);
-        padding: 10px;
+      margin-top: 16px;
+      li {
+        cursor: text;
+        background: var(--o-bg-color-light);
+        &:hover {
+          background: var(--o-bg-color-base);
+          box-shadow: 0px 5.18px 20.72px 0px var(--o-bg-color-dark);
+        }
       }
+      &-item {
+        display: flex;
+        align-items: center;
+        width: calc(50% - 8px);
+        height: 80px;
+        background: var(--o-bg-color-base);
+        overflow: hidden;
+        border-radius: 8px;
 
-      &:hover {
-        cursor: pointer;
-      }
+        &:hover {
+          cursor: pointer;
+        }
 
-      img {
-        width: 37px;
-        height: 37px;
-        margin: 0 6px 0 8px;
-      }
+        img {
+          width: 37px;
+          height: 37px;
+          margin: 0 6px 0 8px;
+        }
 
-      &__text {
-        width: 100%;
-        display: flex;
-        flex-direction: column;
-        font-size: 16px;
-        font-weight: 700;
-        color: var(--o-text-color-primary);
-        line-height: 24px;
+        &__text {
+          width: 100%;
+          display: flex;
+          flex-direction: column;
+          font-size: 16px;
+          font-weight: 700;
+          color: var(--o-text-color-primary);
+          line-height: 24px;
 
-        &-desc {
-          font-size: 12px;
-          color: var(--o-text-color-secondary);
-          font-weight: 400;
+          &-desc {
+            font-size: 12px;
+            color: var(--o-text-color-secondary);
+            font-weight: 400;
+          }
         }
-      }
 
-      p {
-        font-size: 16px;
-        color: var(--o-text-color-primary);
+        p {
+          font-size: 16px;
+          color: var(--o-text-color-primary);
+        }
       }
     }
   }
-  .eg-btn {
-    cursor: pointer;
-  }
 }
 </style>
-- 
Gitee