/* ==========================================================================
   utilities.css — 排版微调的原子类
   只放「间距 / 字号 / 对齐 / 底色」这类一次性微调；有语义的结构一律回到
   components.css 里做组件（比如 .sec-head、.err-row、.link-line）。
   命名即取值：.u-mt-26 就是 margin-top: 26px。
   ========================================================================== */

/* ---------- 外边距 ---------- */
.u-m-0 { margin: 0; }
.u-mx-auto { margin-inline: auto; }

.u-mt-0 { margin-top: 0; }
.u-mt-2 { margin-top: 2px; }
.u-mt-4 { margin-top: 4px; }
.u-mt-12 { margin-top: 12px; }
.u-mt-14 { margin-top: 14px; }
.u-mt-16 { margin-top: 16px; }
.u-mt-18 { margin-top: 18px; }
.u-mt-22 { margin-top: 22px; }
.u-mt-24 { margin-top: 24px; }
.u-mt-26 { margin-top: 26px; }
.u-mt-28 { margin-top: 28px; }
.u-mt-32 { margin-top: 32px; }
.u-mt-36 { margin-top: 36px; }
.u-mt-44 { margin-top: 44px; }
.u-mt-gap { margin-top: var(--gap); }

.u-mb-12 { margin-bottom: 12px; }
.u-mb-14 { margin-bottom: 14px; }
.u-mb-16 { margin-bottom: 16px; }
.u-mb-18 { margin-bottom: 18px; }
.u-mb-20 { margin-bottom: 20px; }
.u-mb-24 { margin-bottom: 24px; }
.u-mb-26 { margin-bottom: 26px; }
.u-mb-28 { margin-bottom: 28px; }
.u-mb-gap { margin-bottom: var(--gap); }

/* ---------- 字号 / 字重 ---------- */
.u-fs-125 { font-size: 12.5px; }
.u-fs-13 { font-size: 13px; }
.u-fs-145 { font-size: 14.5px; }
.u-fs-15 { font-size: 15.5px; }
.u-fs-16 { font-size: 16px; }
.u-fw-600 { font-weight: 600; }

/* ---------- 颜色 ---------- */
.u-ink { color: var(--ink); }
.u-ink-2 { color: var(--ink-2); }
.u-accent { color: var(--accent); }

/* ---------- 底色 / 描边 ---------- */
.u-bg-2 { background: var(--paper-2); }
.u-bg-3 { background: var(--paper-3); }
.u-bd { border: 1px solid var(--line); }

/* ---------- 布局 ---------- */
.u-flex { display: flex; }
.u-jc-center { justify-content: center; }
.u-ai-start { align-items: flex-start; }
.u-gap-10 { gap: 10px; }
.u-gap-fluid { gap: clamp(24px, 4vw, 56px); }

/* ---------- 换行控制 ---------- */
.u-nowrap { white-space: nowrap; }

/* ---------- 尺寸 / 对齐 ---------- */
.u-w-132 { width: 132px; }
.u-mw-40 { max-width: 40ch; }
.u-mw-74 { max-width: 74ch; }
.u-ta-left { text-align: left; }