服务器录屏1

client/public/styles/style.css

@@ -448,6 +448,7 @@ body {
     display: grid;
     grid-template-columns: 280px minmax(420px, 1fr) 360px;
     gap: 16px;
+    overflow: hidden;
 }
 
 .recordings-upload,
@@ -612,7 +613,33 @@ body {
 .recordings-table-wrap {
     flex: 1;
     min-height: 0;
-    overflow: auto;
+    max-height: 100%;
+    overflow-x: auto;
+    overflow-y: auto;
+    overscroll-behavior: contain;
+    scrollbar-gutter: stable;
+}
+
+.recordings-table-wrap::-webkit-scrollbar,
+.recordings-preview-meta::-webkit-scrollbar {
+    width: 8px;
+    height: 8px;
+}
+
+.recordings-table-wrap::-webkit-scrollbar-track,
+.recordings-preview-meta::-webkit-scrollbar-track {
+    background: rgba(15, 23, 42, 0.58);
+}
+
+.recordings-table-wrap::-webkit-scrollbar-thumb,
+.recordings-preview-meta::-webkit-scrollbar-thumb {
+    background: rgba(148, 163, 184, 0.32);
+    border-radius: 999px;
+}
+
+.recordings-table-wrap::-webkit-scrollbar-thumb:hover,
+.recordings-preview-meta::-webkit-scrollbar-thumb:hover {
+    background: rgba(165, 180, 252, 0.52);
 }
 
 .recordings-table {
@@ -900,6 +927,7 @@ body {
     .recordings-preview {
         display: flex;
         flex-direction: column;
+        overflow: visible;
     }
 
     .recordings-list,