版本卡三处对细节:题头成对 · 按钮同款 · 底线与图框平齐

① 题头成对:左卡「流程包 · 版本」对右图「流程图 · 顺序」—— 同字型同字距,
   左右两卡说同一句话的两半。
② 「新建」按钮换成图上「编辑」芯片(dc2-addbtn)完全同款 —— 计算样式逐项比对
   (背景/边框/颜色/字号/圆角/内距)全同:一对动作一种长相。
③ 题头栏的底边界线与右图 hero 框的上边对齐:补 23px 对齐量,
   实测两线同落 y=321,差 0 —— 两卡横线一条平线。

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01KeDBx2PHLavbURXB8LJJ7m

apps/web/src/app/styles/console.css

@@ -525,11 +525,15 @@
   display: flex; flex-direction: column; min-height: 0;
   background: #fff; border-radius: 10px; box-shadow: var(--cshadow); overflow: hidden;
 }
-.g-vercard-h { flex: none; display: flex; align-items: center; gap: 10px; padding: 13px 16px 11px; border-bottom: 1px solid var(--sh-line); font-family: var(--sh-mono); font-size: 9.5px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--sh-steel); }
+/* 题头 = 图纸的 view-lbl 同款(字型/字距/颜色逐项一致),左右两卡说同一句话的两半。
+   padding-bottom 31px 是**对齐量**:让题头的底边界线正落在右图 hero 框的上边
+   (纸顶 14 + 图题行高 + hero 的 margin-top 16,实测差 23px 补进来)—— 两卡横线一条平线。 */
+.g-vercard-h { flex: none; display: flex; align-items: center; gap: 8px; padding: 14px 18px 31px; border-bottom: 1px solid var(--sh-line); font-family: var(--sh-mono); font-size: 9.5px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--sh-steel); }
 .g-vercard-h .n { color: var(--sh-muted); letter-spacing: .08em; }
-.g-ver-new { margin-left: auto; font: inherit; letter-spacing: .1em; border: 1px solid var(--sh-line); border-left: 3px solid var(--sh-steel); background: #fff; color: var(--sh-steel); padding: 3px 9px; cursor: pointer; white-space: nowrap; }
-.g-ver-new:hover { border-color: var(--sh-steel); }
-.g-ver-new:disabled { opacity: .5; cursor: default; }
+/* 新建按钮 = 图上「编辑」芯片(dc2-addbtn)完全同款 —— 一对动作一种长相 */
+.g-ver-new { margin-left: auto; display: inline-flex; align-items: center; gap: 4px; border: 1px solid #b9cfe8; border-radius: 6px; background: #edf4fc; color: #23507e; font-size: 11px; line-height: 1; letter-spacing: normal; text-transform: none; padding: 3px 8px; cursor: pointer; transition: border-color .12s, box-shadow .12s; }
+.g-ver-new:hover { border-color: #4e7daf; box-shadow: 0 0 0 2px rgba(78, 125, 175, .14); }
+.g-ver-new:disabled { opacity: .5; cursor: default; box-shadow: none; }
 .g-vercard-list { flex: 1; min-height: 0; overflow-y: auto; padding: 12px 14px; display: flex; flex-direction: column; gap: 8px; }
 .g-ver { display: flex; align-items: center; gap: 9px; padding: 9px 11px; border: 1px solid var(--sh-line); border-left: 3px solid var(--sh-steel); background: #fff; cursor: pointer; font-family: var(--sh-mono); font-size: 11px; color: #3a4452; }
 .g-ver:hover { border-color: #aeb9c6; }

apps/web/src/features/gov-process/internal/panel.tsx

@@ -631,11 +631,12 @@ function FlowLab({
       >
         <div className="g-flowlab">
           <aside className="g-vercard">
+            {/* 题头与右侧图题成对:「流程包 · 版本」对「流程图 · 顺序」;新建与编辑同款芯片 */}
             <div className="g-vercard-h">
-              <span className="t">VER — 版本记录</span>
+              流程包 · 版本
               <span className="n">{versions.length} 版</span>
               <button className="g-ver-new" onClick={askClone} disabled={cloneVersion.isPending}>
-                + 新建版本
+                <Ico name="plus" s={11} /> 新建
               </button>
             </div>
             <div className="g-vercard-list">