feat: 统一研究模块表格布局与详情交互

frontend/src/backtests/BacktestPage.tsx

@@ -318,7 +318,8 @@ export function BacktestPage({
             }}
           />
         )}
-        <div className="backtest-spacer" />
+      </div>
+      <div className="backtest-toolbar">
         <Button
           type="tertiary"
           onClick={() => {
@@ -438,7 +439,7 @@ export function BacktestPage({
       <SideSheet
         title={preview ? "确认回测输入" : "准备候选"}
         visible={editor && drawerVisible}
-        width={Math.min(880, window.innerWidth - chatOffset)}
+        width={`min(60vw, calc(100vw - ${chatOffset}px))`}
         style={{ right: chatOffset }}
         maskStyle={{ right: chatOffset }}
         onCancel={() => setEditor(false)}
@@ -730,7 +731,7 @@ export function BacktestPage({
       <SideSheet
         title={run?.name || "回测详情"}
         visible={!!runId && drawerVisible}
-        width={Math.min(1120, window.innerWidth - chatOffset)}
+        width={`min(60vw, calc(100vw - ${chatOffset}px))`}
         style={{ right: chatOffset }}
         maskStyle={{ right: chatOffset }}
         onCancel={() => {

frontend/src/backtests/style.css

@@ -7,6 +7,7 @@
   gap: 12px;
 }
 .backtest-toolbar {
+  flex-shrink: 0;
   display: flex;
   align-items: center;
   gap: 8px;
@@ -65,8 +66,12 @@
   margin: 0;
 }
 .backtest-page-view {
-  height: 100%;
+  display: flex;
+  flex-direction: column;
+  flex: 1;
   min-height: 0;
+  min-width: 0;
+  overflow: hidden;
 }
 .backtest-tool-summary {
   display: flex;