From 987467a8081dfcd0199684888991842f24e847a0 Mon Sep 17 00:00:00 2001
From: dekun <dekun@local>
Date: Sun, 2 Aug 2026 10:14:46 +0800
Subject: [PATCH] Make strategy detail overlay fill the entire viewport.

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 control/frontend/src/styles.css | 34 ++++++++++++++++-----------------
 1 file changed, 16 insertions(+), 18 deletions(-)

diff --git a/control/frontend/src/styles.css b/control/frontend/src/styles.css
index af1abc2..822144c 100644
--- a/control/frontend/src/styles.css
+++ b/control/frontend/src/styles.css
@@ -451,41 +451,39 @@ td {
   transform: translateX(20px);
 }
 
-/* 全屏遮罩；带鱼屏两侧留黑，内容始终水平垂直居中 */
+/* 点击卡片后铺满视口（含带鱼屏） */
 .modal-backdrop {
   position: fixed;
   inset: 0;
   width: 100vw;
-  height: 100vh;
-  background: rgba(4, 8, 14, 0.9);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 24px 16px;
+  height: 100dvh;
+  background: var(--bg, #04080e);
+  display: block;
+  padding: 0;
+  margin: 0;
   z-index: 50;
-  overflow: auto;
+  overflow: hidden;
   box-sizing: border-box;
 }
 
 .modal-panel {
-  width: min(920px, 100%);
-  max-width: 920px;
-  max-height: calc(100vh - 48px);
+  width: 100%;
+  height: 100%;
+  max-width: none;
+  max-height: none;
   overflow: auto;
   background: var(--panel);
-  border: 1px solid var(--line);
-  border-radius: 12px;
-  padding: 16px 18px 18px;
+  border: none;
+  border-radius: 0;
+  padding: 20px 28px 24px;
   display: flex;
   flex-direction: column;
-  gap: 12px;
-  flex-shrink: 0;
+  gap: 14px;
   box-sizing: border-box;
 }
 
 .modal-panel.running {
-  border-color: rgba(60, 179, 113, 0.65);
-  box-shadow: 0 0 0 1px rgba(60, 179, 113, 0.2);
+  box-shadow: inset 0 0 0 2px rgba(60, 179, 113, 0.45);
 }
 
 .pager {