feat(codex): 账号卡片 UI 优化 — 模型映射固定高度、拖动按钮移位、延迟单位换算、路由策略区域可见、跨卡片 subgrid 对齐

- 模型映射区固定 h-[4.5rem] 默认展示前 2 条
- 拖动按钮移至 AttributionCard 左上角 (leadingAction prop)
- formatLatencyMetric: ≥1000ms 显示 X.X S，否则显示 XXX MS
- grid row 3 改 auto，customBody wrapper 加 shrink-0，确保路由策略区完整露出
- chart section: py-4→py-3, min-h-[8.5rem]→min-h-[6rem], h-[5.5rem]→h-[4rem], mb-2→mb-1
  卡片高度从 880px 降至 835px，路由策略按钮完整在视口内
- xl (≥1280px) 3 列布局使用 CSS Grid subgrid：
  auto-rows-auto + gap-x-4/gap-y-0 + row-span-6 + grid-rows-[subgrid]
  使 header/chart/stats/quota/evidence/customBody 六区域跨三卡片完美对齐

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>

Author: linhay

frontend/src/features/accounts/components/AttributionCard.tsx

@@ -147,8 +147,8 @@ export default function AttributionCard({
 
       {showAttribution ? (
         <>
-          <section className="grid grid-cols-[5.75rem_minmax(0,1fr)] gap-3 border-b border-dashed border-[var(--border-color)] px-4 py-4">
-            <div className="flex min-h-[8.5rem] flex-col justify-between">
+          <section className="grid grid-cols-[5.75rem_minmax(0,1fr)] gap-3 border-b border-dashed border-[var(--border-color)] px-4 py-3">
+            <div className="flex min-h-[6rem] flex-col justify-between">
               <div className="font-mono text-[0.5625rem] font-black uppercase tracking-[0.18em] text-[var(--text-muted)]">
                 {t('accounts.recent_requests')}
               </div>
@@ -161,13 +161,13 @@ export default function AttributionCard({
             </div>
 
             <div className="min-w-0 border-l-2 border-[var(--border-color)] pl-3">
-              <div className="mb-2 grid grid-cols-3 gap-2">
+              <div className="mb-1 grid grid-cols-3 gap-2">
                 <FlowHeadCell label={t('accounts.attribution_window')} value={formatTokenMetric(flow.windowTokens)} />
                 <FlowHeadCell label={t('accounts.attribution_peak')} value={formatTokenMetric(flow.peakTokens)} />
                 <FlowHeadCell label={t('accounts.attribution_now')} value={formatTokenMetric(flow.currentTokens)} />
               </div>
               <div
-                className="relative h-[5.5rem] overflow-hidden border border-[var(--border-color)] bg-[var(--bg-surface)]"
+                className="relative h-[4rem] overflow-hidden border border-[var(--border-color)] bg-[var(--bg-surface)]"
                 style={{
                   backgroundImage:
                     'linear-gradient(to right, color-mix(in srgb, var(--border-color) 12%, transparent) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in srgb, var(--border-color) 10%, transparent) 1px, transparent 1px)',

frontend/src/features/codex/components/CodexAccountOrderRow.tsx

@@ -130,7 +130,7 @@ export function AccountOrderRow({
       onDragOver={onDragOver}
       onDragEnter={() => onDragEnter(row.id)}
       onDrop={onDrop}
-      className={dragged ? 'opacity-40 grayscale' : probeHit ? 'outline outline-2 outline-offset-2 outline-[var(--text-primary)]' : ''}
+      className={`${density !== 'compact' ? 'xl:row-span-6 xl:grid xl:grid-rows-[subgrid]' : ''} ${dragged ? 'opacity-40 grayscale' : probeHit ? 'outline outline-2 outline-offset-2 outline-[var(--text-primary)]' : ''}`.trim()}
     >
       <AttributionCard
         t={t}
@@ -143,7 +143,7 @@ export function AccountOrderRow({
         evidenceRows={evidenceRows}
         tone={cardTone}
         density={density}
-        className={policyMuted && !probeHit ? 'opacity-75 grayscale' : ''}
+        className={`${density !== 'compact' ? 'xl:row-span-6 xl:grid xl:grid-rows-[subgrid] xl:h-auto' : ''} ${policyMuted && !probeHit ? 'opacity-75 grayscale' : ''}`.trim()}
         style={density === 'compact' ? { minHeight: '28rem' } : { minHeight: '48rem' }}
         leadingAction={
           <div

frontend/src/features/codex/components/CodexAccountOrderSection.tsx

@@ -162,7 +162,7 @@ export function CodexAccountOrderSection({
     content = <EmptyState>{emptyLabel}</EmptyState>;
   } else {
     content = (
-      <div className="grid auto-rows-fr gap-4 p-4 xl:grid-cols-3">
+      <div className="grid auto-rows-fr gap-4 p-4 xl:auto-rows-auto xl:grid-cols-3 xl:gap-x-4 xl:gap-y-0">
         {rows.map((row, index) => (
           <AccountOrderRow
             key={row.id}