Show each residual option on its own line.

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

frontend/src/pages/Plan.tsx

@@ -306,18 +306,22 @@ export default function PlanPage() {
                 <span>当前组</span>
                 <span className="mono">{pos?.group_id || "—"}</span>
               </div>
-              <div className="kv">
+              <div className="kv kv-residuals">
                 <span>残留期权(待到期)</span>
-                <span className="mono">
-                  {plan?.residuals && plan.residuals.length > 0
-                    ? plan.residuals
-                        .map(
-                          (r) =>
-                            `${r.group_id}:${r.option_inst_id || "?"}@${r.expiry_ymd || "?"}`
-                        )
-                        .join(" · ")
-                    : "无"}
-                </span>
+                {plan?.residuals && plan.residuals.length > 0 ? (
+                  <div className="residual-list mono">
+                    {plan.residuals.map((r) => (
+                      <div
+                        key={`${r.group_id}:${r.option_inst_id || ""}`}
+                        className="residual-item"
+                      >
+                        {r.group_id}:{r.option_inst_id || "?"}@{r.expiry_ymd || "?"}
+                      </div>
+                    ))}
+                  </div>
+                ) : (
+                  <span className="mono">无</span>
+                )}
               </div>
               <div className="kv">
                 <span>信号方向</span>