Align plan columns and put option countdown on title row.

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

frontend/src/styles/app.css

@@ -232,15 +232,22 @@ input {
   min-width: 0;
 }
 
-/* 计划页：左策略 + 右上下持仓，两侧顶底对齐 */
+/* 计划页：左右两列对齐（策略+行情 | 持仓+ATM） */
 .plan-board {
   display: grid;
-  grid-template-columns: minmax(280px, 0.95fr) minmax(320px, 1.15fr);
+  grid-template-columns: minmax(280px, 1fr) minmax(320px, 1.15fr);
   gap: 12px;
-  align-items: stretch;
+  align-items: start;
   margin-bottom: 12px;
 }
 
+.plan-col {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  min-width: 0;
+}
+
 .plan-panel-title {
   margin: 0 0 10px;
   font-size: 14px;
@@ -251,14 +258,12 @@ input {
 .plan-strategy {
   display: flex;
   flex-direction: column;
-  height: 100%;
   min-height: 0;
 }
 
 .plan-metrics {
   display: flex;
   flex-direction: column;
-  flex: 1;
   min-height: 0;
 }
 
@@ -266,24 +271,20 @@ input {
   min-width: 0;
 }
 
-.plan-positions {
-  display: flex;
-  flex-direction: column;
-  gap: 10px;
-  min-height: 0;
-  height: 100%;
-}
-
 .plan-positions .pos-card,
 .plan-positions .pos-empty {
-  flex: 1 1 0;
   display: flex;
   flex-direction: column;
   min-height: 0;
 }
 
-.plan-positions .pos-grid {
-  margin-top: auto;
+.pos-countdown {
+  flex: 0 0 auto;
+  font-size: 0.82rem;
+  font-weight: 600;
+  color: #e8ecf4;
+  white-space: nowrap;
+  margin-left: auto;
 }
 
 @media (max-width: 960px) {
@@ -291,9 +292,9 @@ input {
     grid-template-columns: 1fr;
   }
 
-  .plan-positions .pos-card,
-  .plan-positions .pos-empty {
-    flex: 0 0 auto;
+  .pos-countdown {
+    margin-left: 0;
+    width: 100%;
   }
 }