/* ══════════════════════════════════════════════════════════════════════
   v0892_icons.css — v0.8.9.2 · 统一图标（配合 js/icons.js，唯一真源）
   ⚠ 图标本身用 `stroke="currentColor"`，**颜色完全跟随文字色**，
     所以天然适配 7 套主题与深浅色，不需要在这里定义任何颜色。
   ══════════════════════════════════════════════════════════════════════ */

.v92-ic {
  display: inline-block;
  vertical-align: -0.15em;      /* 与文字基线对齐（emoji 原来是 -0.08em 左右） */
  flex: 0 0 auto;
  /* 用 em 跟随字号：图标永远和它所在的那行文字同尺度，避免"图标忽大忽小" */
  width: 1.15em;
  height: 1.15em;
}

/* 尺寸修饰（需要显式固定像素时用；不使用则跟随 1.15em） */
.v92-ic-sm { width: 14px; height: 14px; }
.v92-ic-md { width: 18px; height: 18px; }
.v92-ic-lg { width: 22px; height: 22px; }
.v92-ic-xl { width: 28px; height: 28px; }

/* 只在**图标按钮**里需要：让图标的可点击区域够大（≥32px），文字场景不受影响 */
.v92-ic-btn {
  display: inline-grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border-radius: var(--r-s);
  color: var(--text-sub);
  transition: background-color var(--dur-fast) ease, color var(--dur-fast) ease;
  cursor: pointer;
}
.v92-ic-btn:hover {
  background: color-mix(in srgb, var(--primary) 6%, transparent);
  color: var(--primary-ink);
}

/* 图标与文字并排时的统一间距（避免每个地方各写一个 margin） */
.v92-ic + span, .v92-ic + b, span + .v92-ic { margin-left: 4px; }