From 08b74314c432d51ff3e20b4f31ad97354273c305 Mon Sep 17 00:00:00 2001
From: MT-Mint <798521692@qq.com>
Date: Tue, 21 Apr 2026 09:22:48 +0800
Subject: [PATCH] =?UTF-8?q?feat(ui):=20=E6=BC=AB=E6=B8=B8=E5=AF=BC?=
 =?UTF-8?q?=E8=88=AA=E6=A0=B7=E5=BC=8F=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/workspace/input-box.tsx    |   3 +-
 frontend/src/styles/globals.css               | 108 +++++++++++++-----
 2 files changed, 83 insertions(+), 28 deletions(-)

diff --git a/frontend/src/components/workspace/input-box.tsx b/frontend/src/components/workspace/input-box.tsx
index 67a40ec5..e58d12fb 100644
--- a/frontend/src/components/workspace/input-box.tsx
+++ b/frontend/src/components/workspace/input-box.tsx
@@ -734,6 +734,7 @@ export function InputBox({
         open={isInputToolsTourOpen}
         onClose={closeInputToolsTour}
         onFinish={finishInputToolsTour}
+        rootClassName="workspace-input-tools-tour"
         gap={
           { offset: 3 , radius:10 }
         }
@@ -1162,7 +1163,7 @@ function SuggestionList({
   );
   return (
     <Suggestions
-      className="min-h-16 w-fit items-start"
+      className="w-fit items-start"
       data-testid="welcome-suggestions"
     >
       {promptSuggestions.map((suggestion) => (
diff --git a/frontend/src/styles/globals.css b/frontend/src/styles/globals.css
index c4b1cd00..cb5211c0 100644
--- a/frontend/src/styles/globals.css
+++ b/frontend/src/styles/globals.css
@@ -141,6 +141,7 @@
   --animate-wave: wave 0.6s ease-in-out 2;
 
   @keyframes wave {
+
     0%,
     100% {
       transform: rotate(0deg);
@@ -368,19 +369,17 @@
     position: absolute;
     left: 0;
     top: 0;
-    background: linear-gradient(
-      45deg,
-      #fb0094,
-      #0000ff,
-      #00ff00,
-      #ffff00,
-      #ff0000,
-      #fb0094,
-      #0000ff,
-      #00ff00,
-      #ffff00,
-      #ff0000
-    );
+    background: linear-gradient(45deg,
+        #fb0094,
+        #0000ff,
+        #00ff00,
+        #ffff00,
+        #ff0000,
+        #fb0094,
+        #0000ff,
+        #00ff00,
+        #ffff00,
+        #ff0000);
     background-size: 400%;
     width: 100%;
     height: 100%;
@@ -534,15 +533,11 @@ code {
 }
 
 /* 表格四角圆角：由四个角单元格承担视觉圆角 */
-[data-streamdown="table-header"]
-  tr:first-child
-  > [data-streamdown="table-header-cell"]:first-child {
+[data-streamdown="table-header"] tr:first-child>[data-streamdown="table-header-cell"]:first-child {
   border-top-left-radius: 5px;
 }
 
-[data-streamdown="table-header"]
-  tr:first-child
-  > [data-streamdown="table-header-cell"]:last-child {
+[data-streamdown="table-header"] tr:first-child>[data-streamdown="table-header-cell"]:last-child {
   border-top-right-radius: 5px;
 }
 
@@ -556,15 +551,11 @@ code {
   border-bottom: 1px solid black;
 } */
 
-[data-streamdown="table-body"]
-  tr:last-child
-  > [data-streamdown="table-cell"]:first-child {
+[data-streamdown="table-body"] tr:last-child>[data-streamdown="table-cell"]:first-child {
   border-bottom-left-radius: 5px;
 }
 
-[data-streamdown="table-body"]
-  tr:last-child
-  > [data-streamdown="table-cell"]:last-child {
+[data-streamdown="table-body"] tr:last-child>[data-streamdown="table-cell"]:last-child {
   border-bottom-right-radius: 5px;
 }
 
@@ -573,7 +564,7 @@ code {
   padding-bottom: calc(20px * var(--zoom-scale));
 }
 
-[data-streamdown="table-row"] > [data-streamdown="table-cell"] {
+[data-streamdown="table-row"]>[data-streamdown="table-cell"] {
   line-height: calc(42px * var(--zoom-scale));
   vertical-align: top;
   text-align: center;
@@ -616,6 +607,69 @@ code {
   height: 100% !important;
 }
 
-.ticker-char{
+.ticker-char {
   overflow: hidden;
 }
+
+.ant-tour-panel {
+  border-radius: 10px;
+  border: 1px solid #000000;
+  font-family:
+    "Microsoft YaHei",
+    "PingFang SC",
+    "Hiragino Sans GB",
+    "Noto Sans CJK SC",
+    "Segoe UI",
+    sans-serif;
+}
+
+.ant-tour .ant-tour-arrow:before {
+  background: #000;
+}
+.workspace-input-tools-tour.ant-tour .ant-tour-section .ant-tour-close {
+  top: 20px;
+}
+
+.workspace-input-tools-tour .ant-tour-next-btn.ant-btn-primary,
+.workspace-input-tools-tour .ant-tour-next-btn.ant-btn-primary:hover,
+.workspace-input-tools-tour .ant-tour-next-btn.ant-btn-primary:focus,
+.workspace-input-tools-tour .ant-tour-next-btn.ant-btn-primary:active {
+  height: 28px;
+  width: 80px;
+  font-size: 12px;
+  background: #150055 !important;
+  border-color: #150055 !important;
+  color: #fff !important;
+}
+
+.workspace-input-tools-tour .ant-tour-prev-btn.ant-btn-default,
+.workspace-input-tools-tour .ant-tour-prev-btn.ant-btn-default:hover,
+.workspace-input-tools-tour .ant-tour-prev-btn.ant-btn-default:focus,
+.workspace-input-tools-tour .ant-tour-prev-btn.ant-btn-default:active {
+  /* background: #8d44ee !important; */
+  height: 28px;
+  width: 80px;
+  font-size: 12px;
+  border-color: #150055 !important;
+  color: #000 !important;
+}
+
+.workspace-input-tools-tour.ant-tour .ant-tour-section .ant-tour-header {
+  padding: 20px 20px 15px !important;
+
+}
+
+.workspace-input-tools-tour.ant-tour .ant-tour-section .ant-tour-description {
+  padding: 0 20px !important;
+  font-size: 13px;
+
+}
+
+.ant-tour-footer {
+  padding: 25px 20px 20px !important;
+  min-width: 300px;
+}
+
+.ant-tour .ant-tour-section .ant-tour-footer .ant-tour-indicators .ant-tour-indicator-active {
+  background: #150055 !important;
+}
\ No newline at end of file