/* ============================================================
 * 哈气猫的AI小店 · 图标样式
 * 与 assets/icons.js 配套：<span class="ico">…</span>
 * ============================================================ */
.ico {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 1.15em;
  height: 1.15em;
  color: var(--red);          /* 浅底默认：主绯红 */
  vertical-align: -0.15em;
}
.ico svg { display: block; width: 100%; height: 100%; overflow: visible; }

/* 尺寸档位 */
.ico-14 { width: 14px; height: 14px; }
.ico-16 { width: 16px; height: 16px; }
.ico-18 { width: 18px; height: 18px; }
.ico-20 { width: 20px; height: 20px; }
.ico-24 { width: 24px; height: 24px; }
.ico-28 { width: 28px; height: 28px; }
.ico-32 { width: 32px; height: 32px; }

/* 语义配色 */
.ico-bright { color: var(--red-bright); }   /* 暗底：导航 / Hero / 页脚 */
.ico-ink    { color: #26262a; }
.ico-sub    { color: var(--sub); }
.ico-green  { color: var(--green); }         /* 库存充足 */
.ico-orange { color: var(--orange); }        /* 库存一般 */
.ico-gray   { color: #8b8b92; }              /* 售罄 */
.ico-white  { color: #fff; }                 /* 按钮 / 徽标内 */

/* 圆形浅底图标底盘（分类胶囊、保障卡片等） */
.ico-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 10px;
  background: var(--red-tint);
  color: var(--red);
  flex-shrink: 0;
}
.ico-chip.ico-chip-solid {
  background: linear-gradient(135deg, var(--red), var(--red-deep));
  color: #fff;
}
.ico-chip .ico { width: 19px; height: 19px; }