Make strategy detail overlay fill the entire viewport.

Co-authored-by: Cursor <cursoragent@cursor.com>

control/frontend/src/styles.css

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