Restore strategy/positions height sync and shared market columns.

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

frontend/src/pages/Plan.tsx

@@ -171,8 +171,8 @@ export default function PlanPage() {
         {busy ? <span className="meta">{busy}…</span> : null}
       </div>
 
+      <div className="plan-shell">
         <div className="plan-board">
-        <div className="plan-col">
           <div className="card plan-strategy">
             <h3 className="plan-panel-title">策略</h3>
             <div className="plan-metrics">
@@ -251,24 +251,7 @@ export default function PlanPage() {
             </div>
           </div>
 
-          <div className="card">
+          <div className="plan-positions">
-            <h3 className="plan-panel-title">永续行情</h3>
-            <div className="kv">
-              <span>买一</span>
-              <span className="mono">{fmt(snap?.perp?.bid)}</span>
-            </div>
-            <div className="kv">
-              <span>卖一</span>
-              <span className="mono">{fmt(snap?.perp?.ask)}</span>
-            </div>
-            <div className="kv">
-              <span>指数</span>
-              <span className="mono">{fmt(snap?.index_px)}</span>
-            </div>
-          </div>
-        </div>
-
-        <div className="plan-col plan-positions">
             {open ? (
               <>
                 <div className="pos-card">
@@ -289,7 +272,9 @@ export default function PlanPage() {
                   <div className="pos-meta">
                     <span className="pos-meta-item">永续持仓</span>
                     <span className="pos-meta-item">组 {pos?.group_id}</span>
-                  <span className="pos-meta-item mono">数量 {fmt(pos?.perp_qty_eth, 2)} ETH</span>
+                    <span className="pos-meta-item mono">
+                      数量 {fmt(pos?.perp_qty_eth, 2)} ETH
+                    </span>
                     <span className="pos-meta-item mono">
                       {fmt(pos?.leverage ?? plan?.leverage, 0)}x
                     </span>
@@ -381,7 +366,25 @@ export default function PlanPage() {
                 <div className="pos-empty">期权持仓 · 暂无</div>
               </>
             )}
+          </div>
+        </div>
 
+        <div className="plan-market">
+          <div className="card">
+            <h3 className="plan-panel-title">永续行情</h3>
+            <div className="kv">
+              <span>买一</span>
+              <span className="mono">{fmt(snap?.perp?.bid)}</span>
+            </div>
+            <div className="kv">
+              <span>卖一</span>
+              <span className="mono">{fmt(snap?.perp?.ask)}</span>
+            </div>
+            <div className="kv">
+              <span>指数</span>
+              <span className="mono">{fmt(snap?.index_px)}</span>
+            </div>
+          </div>
           <div className="card">
             <h3 className="plan-panel-title">
               期权 ATM {snap?.pair ? `@ ${snap.pair.strike}` : ""}

frontend/src/styles/app.css

@@ -232,22 +232,28 @@ input {
   min-width: 0;
 }
 
-/* 计划页：左右两列对齐（策略+行情 | 持仓+ATM） */
+/* 计划页：上排策略|持仓顶底对齐；下排行情同列宽对齐 */
-.plan-board {
+.plan-shell {
-  display: grid;
+  --plan-cols: minmax(280px, 1fr) minmax(320px, 1.15fr);
-  grid-template-columns: minmax(280px, 1fr) minmax(320px, 1.15fr);
+  --plan-gap: 12px;
-  gap: 12px;
+  display: flex;
-  align-items: start;
+  flex-direction: column;
+  gap: var(--plan-gap);
   margin-bottom: 12px;
 }
 
-.plan-col {
+.plan-board,
-  display: flex;
+.plan-market {
-  flex-direction: column;
+  display: grid;
-  gap: 12px;
+  grid-template-columns: var(--plan-cols);
+  gap: var(--plan-gap);
   min-width: 0;
 }
 
+.plan-board {
+  align-items: stretch;
+}
+
 .plan-panel-title {
   margin: 0 0 10px;
   font-size: 14px;
@@ -258,12 +264,15 @@ input {
 .plan-strategy {
   display: flex;
   flex-direction: column;
+  height: 100%;
   min-height: 0;
+  box-sizing: border-box;
 }
 
 .plan-metrics {
   display: flex;
   flex-direction: column;
+  flex: 1;
   min-height: 0;
 }
 
@@ -271,11 +280,22 @@ input {
   min-width: 0;
 }
 
+.plan-positions {
+  display: flex;
+  flex-direction: column;
+  gap: var(--plan-gap);
+  height: 100%;
+  min-height: 0;
+  min-width: 0;
+}
+
 .plan-positions .pos-card,
 .plan-positions .pos-empty {
+  flex: 1 1 0;
   display: flex;
   flex-direction: column;
   min-height: 0;
+  box-sizing: border-box;
 }
 
 .pos-countdown {
@@ -288,8 +308,13 @@ input {
 }
 
 @media (max-width: 960px) {
-  .plan-board {
+  .plan-shell {
-    grid-template-columns: 1fr;
+    --plan-cols: 1fr;
+  }
+
+  .plan-positions .pos-card,
+  .plan-positions .pos-empty {
+    flex: 0 0 auto;
   }
 
   .pos-countdown {