ui: dialogs vertically centered (my-auto, no top-clipping), record title promoted as emphasized heading in detail

app/src/components/records/RecordDetailDialog.tsx

@@ -112,7 +112,7 @@ export function RecordDetailDialog({ open, onClose, footprintId, onEdit }: {
       open={open}
       onClose={onClose}
       width={680}
-      title={d ? d.title : '记录详情'}
+      title="记录详情"
       footer={
         d ? (
           <>
@@ -131,8 +131,10 @@ export function RecordDetailDialog({ open, onClose, footprintId, onEdit }: {
         <div className="py-10 text-center text-[13px] text-ink-3">加载中…</div>
       ) : (
         <div className="flex flex-col gap-4">
-          {/* 徽章行：类型 · 级别 · 奖等 · 角色 · 状态 · 名次 */}
-          <div className="flex flex-wrap items-center gap-1.5">
+          {/* 标题强调 */}
+          <div>
+            <h2 className="text-[20px] font-bold leading-tight tracking-tight text-ink-1" style={{ textWrap: 'balance' }}>{d.title}</h2>
+            <div className="mt-2.5 flex flex-wrap items-center gap-1.5">
             <Badge color={d.type_color}>{d.type_name}</Badge>
             <LevelBadge level={d.level} />
             <GradeBadge grade={d.award_grade} />
@@ -140,6 +142,7 @@ export function RecordDetailDialog({ open, onClose, footprintId, onEdit }: {
             <StatusBadge status={d.status} />
             {d.polarity === 'negative' && <NegativeBadge />}
             {d.rank != null && <Badge color="var(--text-3)">第 {d.rank} 名</Badge>}
+            </div>
           </div>
 
           {/* 事项要素：时间/组织方 + 类型专属字段（按模板定义顺序 = 重要性顺序） */}