/* ============================================================
   商家创作台 · 第 3 批：图标系统 (Icons)
   ------------------------------------------------------------
   与 layout.css 分开，原因：删掉 layout.css 回退布局时，
   图标尺寸样式必须仍在，否则 <svg> 会撑成默认 300x150。
   .ic 的 stroke 用 currentColor -> 图标自动跟随文字色/主题色。
   注意：回退图标要 git revert（换的是标签，不是纯 CSS）。
   ============================================================ */

/* ---------- 第3批·图标系统：SVG 图标（替换 emoji） ---------- */
.ic{
  width:1.05em;height:1.05em;flex:0 0 auto;display:inline-block;
  vertical-align:-0.16em;overflow:visible;
  fill:none;stroke:currentColor;stroke-width:1.75;
  stroke-linecap:round;stroke-linejoin:round;
}
.btn .ic{margin-right:6px;vertical-align:-0.18em}
.mdh-rail-i .ic{width:13px;height:13px}

/* ---------- 第3批·步骤序号（替换 1️⃣ 这类 keycap emoji） ---------- */
.step-num{
  display:inline-flex;align-items:center;justify-content:center;
  width:18px;height:18px;margin-right:7px;
  border-radius:var(--r-full,999px);
  background:var(--c-brand-soft,#E8F0FE);color:var(--c-brand-ink,#2563EB);
  font-size:11px;font-weight:700;line-height:1;vertical-align:-4px;
}