/* 间隔自适应填充（UI-4.5 第二手段，2026-08-09）
   适用面：宽度已顶满、无法再做区域几何缩放（fillPass）、但纵向仍有大片留白的页面。
   做法：只放大**纵向**间隔与卡内竖向 padding（倍率 --gapk 由 fit.js 计算），
   横向间隔与元素本身尺寸一律不动 —— 列数、换行点、字号全不变（UI-1.7 恒形）。
   回退：删除本文件的 <link> 即完全复原（不改 app.css）。 */
.outlet[data-gapk] .page-head{ margin-bottom: calc(var(--sp-4) * var(--gapk)); }
.outlet[data-gapk] .grid2,
.outlet[data-gapk] .grid3,
.outlet[data-gapk] .fgrid,
.outlet[data-gapk] .cards-page{ row-gap: calc(var(--sp-4) * var(--gapk)); }
.outlet[data-gapk] .metrics{ row-gap: calc(var(--sp-2) * var(--gapk)); }
.outlet[data-gapk] .form{
  row-gap: calc(var(--sp-4) * var(--gapk));
  padding-block: calc(var(--sp-5) * var(--gapk));
}
.outlet[data-gapk] .field{ row-gap: calc(var(--sp-2) * var(--gapk)); }
/* .page 直接子块之间的纵向间距（部分页用内联 margin-top，需同权重覆写） */
.outlet[data-gapk] > .page > * + *{ margin-top: calc(var(--sp-4) * var(--gapk)) !important; }