/* ============================================================================
   中央食谱库的补充样式
   —— 列表里的小缩略图 + 同名折叠
   ============================================================================ */

/* 列表「图片」列：54×36 的小图，3:2 跟原图比例一致，裁切不变形 */
.recipe-row .row-thumb {
  display: block;
  width: 54px;
  height: 36px;
  object-fit: cover;
  border-radius: 6px;
  background: #f2efe9;      /* 图没加载出来时先占个位，不会跳 */
}

/* ---- 同名折叠 ----
   同一道菜有好几个做法时，列表里收成一行，点开才铺开各做法。
   组头底色稍深一点，展开出来的做法缩进 + 加个 ↳ 前缀，一眼能看出从属关系。 */
.recipe-group-row { background: #f7f5f0; }
.recipe-group-row b { font-size: 13px; }
.recipe-group-row small { display: block; font-weight: 400; color: var(--soft, #70848a); font-size: 11px; margin-top: 3px; }
.recipe-variants { border-left: 3px solid #e8dfd0; margin-left: 14px; }
.recipe-variants .recipe-row { background: #fff; }
.recipe-variants .recipe-row b::before { content: "↳ "; color: #c3b8a6; font-weight: 400; }