refactor: playground rerank layout

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

@@ -1,7 +1,7 @@
 .input-list {
   display: flex;
   flex-direction: column;
-  gap: 8px;
+  gap: 12px;
 
   .input-item {
     display: flex;
@@ -11,7 +11,14 @@
     padding-right: 6px;
     cursor: pointer;
     transition: background-color 0.3s ease;
-    border-bottom: 1px solid var(--ant-color-split);
+    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;

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

@@ -53,8 +53,11 @@
   }
 
   .content-item-content {
+    position: relative;
     padding: 14px;
+    padding-left: 8px;
     border-radius: 0 0 var(--border-radius-base) var(--border-radius-base);
+    background-color: transparent;
   }
 
   .result-header {
@@ -62,9 +65,14 @@
     align-items: center;
     justify-content: space-between;
     border-radius: 4px 4px 0 0;
-    background: var(--ant-color-fill-tertiary);
-    padding: 0 14px;
+    min-height: 41px;
+    padding: 0 10px;
     border-bottom: 1px solid var(--ant-color-split);
+    padding-left: 10px;
+    position: sticky;
+    top: 0;
+    background: #fff;
+    z-index: 100;
 
     .title {
       font-weight: var(--font-weight-medium);

src/pages/playground/style/rerank.less

@@ -1,16 +1,44 @@
 .ground-left-wrapper.rerank {
   .center {
     display: flex;
+    flex-direction: column;
     height: 100%;
+    padding-inline: 32px;
+    padding-bottom: 16px;
 
     .documents {
-      width: 390px;
-      padding: 16px;
-      padding-left: 32px;
+      width: 100%;
+
+      .doc-header {
+        margin-bottom: 16px;
+        padding-top: 16px;
+        position: sticky;
+        top: 0;
+        background: var(--color-white-1);
+        z-index: 100;
+      }
     }
 
     .message-list-wrap {
       flex: 1;
     }
+
+    .result-header {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      border-radius: 4px 4px 0 0;
+      min-height: 41px;
+      padding: 0 10px;
+      margin-top: 16px;
+      position: sticky;
+      top: 0;
+      background: var(--color-white-1);
+      z-index: 100;
+
+      .title {
+        font-weight: var(--font-weight-medium);
+      }
+    }
   }
 }