/* ============================================================
   品牌 SVG 图标库（2026-10-05）
   为什么不用 emoji：🍜🥤🥡 在不同手机/系统上渲染风格随机、五彩斑斓，
   与品牌色不统一。改为单色线性 SVG，跟随 currentColor 自动适配主色。
   风格：24×24 网格、2px 描边、圆头圆角，风格统一。
   ============================================================ */

/* 图标统一规格（所有图标都用这个类控制尺寸） */
.jh-icon {
  width: 1em;
  height: 1em;
  display: inline-block;
  vertical-align: -0.125em;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
  flex-shrink: 0;
}

/* 分类卡片图标容器：改成品牌绿圆形底，比裸emoji 稳重 */
.cat-icon-svg {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 30px;
  background: #2E7D53;
  color: #fff;
  box-shadow: 0 2px 10px rgba(46, 125, 83, 0.22);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* 占位图（产品无图时）：线框风格，跟随主色 */
.img-placeholder-svg {
  width: 100%;
  height: 100%;
  min-height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #E7F1EC 0%, #F4F9F6 100%);
  color: #5FAE87;
  font-size: 40px;
}