@charset "UTF-8";
/* ============================================================================
   utilities.css — 受控工具类
   ----------------------------------------------------------------------------
   仅用于替代原型中大量散落的内联 style。全部取值引用 variables.css 的令牌，
   不允许在此新增魔法数字。新增工具类需先在变量层找到对应令牌。
   ========================================================================== */

/* ---------------- 文字颜色 ---------------- */
.u-deep { color: var(--deep); }
.u-red { color: var(--red); }
.u-cyan { color: var(--cyan-deep); }
.u-sub { color: var(--sub); }
.u-muted { color: var(--muted); }
.u-white { color: #fff; }

/* ---------------- 字号 / 字重 ---------------- */
.u-fs-xs { font-size: var(--fs-xs); }
.u-fs-sm { font-size: var(--fs-sm); }
.u-fs-lg { font-size: var(--fs-lg); }
.u-fs-xl { font-size: var(--fs-xl); }
.u-fs-2xl { font-size: var(--fs-2xl); }
.u-bold { font-weight: 700; }

/* ---------------- 文本对齐 ---------------- */
.u-center { text-align: center; }
.u-right { text-align: right; }

/* ---------------- 外边距（对齐间距令牌） ---------------- */
.u-mt-1 { margin-top: var(--sp-1); }
.u-mt-2 { margin-top: var(--sp-2); }
.u-mt-3 { margin-top: var(--sp-3); }
.u-mt-4 { margin-top: var(--sp-4); }
.u-mt-5 { margin-top: var(--sp-5); }
.u-mt-6 { margin-top: var(--sp-6); }
.u-mt-8 { margin-top: var(--sp-8); }

.u-mb-1 { margin-bottom: var(--sp-1); }
.u-mb-2 { margin-bottom: var(--sp-2); }
.u-mb-3 { margin-bottom: var(--sp-3); }
.u-mb-4 { margin-bottom: var(--sp-4); }
.u-mb-5 { margin-bottom: var(--sp-5); }
.u-mb-6 { margin-bottom: var(--sp-6); }
.u-mb-8 { margin-bottom: var(--sp-8); }

.u-m-0 { margin: 0; }
.u-mb-0 { margin-bottom: 0; }

/* ---------------- 弹性布局 ---------------- */
.u-flex { display: flex; }
.u-inline-flex { display: inline-flex; }
.u-between { justify-content: space-between; }
.u-around { justify-content: space-around; }
.u-items-center { align-items: center; }
.u-items-start { align-items: flex-start; }
.u-column { flex-direction: column; }
.u-wrap { flex-wrap: wrap; }
.u-gap-1 { gap: var(--sp-1); }
.u-gap-2 { gap: var(--sp-2); }
.u-gap-3 { gap: var(--sp-3); }
.u-gap-4 { gap: var(--sp-4); }
.u-gap-5 { gap: var(--sp-5); }

/* ---------------- 其它 ---------------- */
.u-block { display: block; }
.u-relative { position: relative; }
.u-full { width: 100%; }
.u-nowrap { white-space: nowrap; }
.u-shrink-0 { flex-shrink: 0; }
.u-ml-auto { margin-left: auto; }

/* 图片铺满容器且不变形 */
.u-img-cover {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* 常规自适应图片 */
.u-img-fluid {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 8px;
}

/* 长文本安全换行（英文/数字连续字符不撑破容器） */
.u-break {
  overflow-wrap: anywhere;
  word-break: break-word;
}