chore: speech to text

src/pages/playground/style/audio-input.less

@@ -0,0 +1,20 @@
+.audio-input {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  background-color: var(--ant-color-fill-quaternary);
+  border-radius: 4px;
+  padding: 16px;
+
+  .ant-upload {
+    border: none;
+    background-color: transparent !important;
+  }
+
+  .btns {
+    .anticon {
+      font-size: 24px;
+    }
+  }
+}

src/pages/playground/style/input-list.less

@@ -4,6 +4,7 @@
   gap: 12px;
 
   .input-item {
+    position: relative;
     display: flex;
     align-items: center;
     justify-content: space-between;
@@ -13,28 +14,42 @@
     transition: background-color 0.3s ease;
     border-radius: var(--border-radius-base);
     border: 1px solid var(--ant-color-border);
-    // &:focus-within {
-    //   border-color: var(--ant-input-active-border-color);
-    //   box-shadow: var(--ant-input-active-shadow);
-    //   outline: 0;
-    //   background-color: var(--ant-input-active-bg);
-    // }
 
     .btn-group {
       display: none;
     }
 
     &:hover {
-      background-color: var(--ant-color-fill-tertiary);
+      //background-color: var(--ant-color-fill-tertiary);
+      &::before {
+        content: '';
+        display: flex;
+        position: absolute;
+        left: 0;
+        bottom: 0;
+        right: 0;
+        top: 0;
+        background-color: var(--ant-color-fill-tertiary);
+        z-index: 5;
+        pointer-events: none;
+      }
 
       .btn-group {
         display: flex;
         gap: 8px;
       }
+
+      .hover-hidden {
+        display: none;
+      }
     }
 
     &:focus-within {
-      background-color: transparent;
+      //background-color: transparent;
+
+      &::before {
+        background-color: transparent;
+      }
     }
 
     .input-wrap {

src/pages/playground/style/rerank-message.less

@@ -31,6 +31,7 @@
   }
 
   .content-item-text {
+    position: relative;
     margin-bottom: 0;
     display: flex;
     align-items: center;

src/pages/playground/style/speech-to-text.less

@@ -0,0 +1,42 @@
+.speech-to-text {
+  padding: 32px;
+  height: 100%;
+  display: flex;
+  gap: 30px;
+  flex-direction: column;
+
+  .tips-text {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    font-size: var(--font-size-large);
+    height: 66px;
+    padding: 0;
+    gap: 10px;
+  }
+
+  .speech-box {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    gap: 120px;
+    flex: 1;
+    min-height: 160px;
+
+    .ant-upload {
+      border: none;
+      background-color: transparent !important;
+    }
+
+    .ant-btn {
+      width: 60px;
+      height: 60px;
+    }
+
+    .btns {
+      .anticon {
+        font-size: 24px;
+      }
+    }
+  }
+}