From 864688c0fc6ce79edb3336af6ca39a4c984b2d11 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=82=93=E9=9B=A8=E9=B9=8F?= <846149189@qq.com>
Date: Tue, 9 Jun 2026 10:47:30 +0800
Subject: [PATCH] =?UTF-8?q?fix(graph):=20=E7=9C=9F=E6=AD=A3=E5=AF=B9?=
 =?UTF-8?q?=E9=BD=90=E8=BE=93=E5=87=BA=E7=AB=AF=E5=8F=A3=E4=B8=8E=E9=80=89?=
 =?UTF-8?q?=E9=A1=B9=E8=A1=8C=EF=BC=88flex=20=E5=88=97=E9=81=BF=E5=85=8D?=
 =?UTF-8?q?=E5=A4=96=E8=BE=B9=E8=B7=9D=E6=8A=98=E5=8F=A0=EF=BC=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

上版只加 margin:5px 0 无效：普通块流里相邻端口外边距折叠，行距仍 20px。
改 .outputs 为 flex 纵向列（flex 项目外边距不折叠），端口行距才真正变 25px，
与 .ch-opt 选项行逐行对齐。
---
 web/static/style.css | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/web/static/style.css b/web/static/style.css
index 3aef9cc..4973415 100644
--- a/web/static/style.css
+++ b/web/static/style.css
@@ -114,8 +114,10 @@ button.mini { padding:2px 8px; font-size:12px; }
 #drawflow .drawflow-node .input, #drawflow .drawflow-node .output {
     background:#e6c878; border:2px solid #161310; width:15px; height:15px; }
 #drawflow .drawflow-node .input:hover, #drawflow .drawflow-node .output:hover { background:#f0d68a; }
-/* 输出端口纵向行距=选项行距：默认 15px 圆点+5px 下边距=20px 行距，与 .ch-opt 的 25px 错位（越往下越偏）；
-   改 margin:5px 0 → 每端口格子 5+15+5=25px、圆点居中，与各选项行逐行平齐（任意选项数通用）。 */
+/* 输出端口纵向行距=选项行距：默认是普通块流，相邻端口 margin-bottom/margin-top 会“外边距折叠”→行距仍是 20px，
+   与 .ch-opt 的 25px 错位（越往下越偏）。把 .outputs 改成 flex 纵向列（flex 项目外边距不折叠），
+   再给每个端口 margin:5px 0 → 端口格子 5+15+5=25px、圆点居中，与各选项行逐行平齐（任意选项数通用）。 */
+#drawflow .drawflow-node .outputs { display:flex; flex-direction:column; }
 #drawflow .drawflow-node .output { margin:5px 0; }
 /* 连线 */
 #drawflow .connection .main-path { stroke:#7a96c8; stroke-width:2.4px; }