.recipe-header { margin-bottom: 20rpx; }
.detail-name { font-size: 44rpx; font-weight: bold; display: block; color: #3D3D3D; }
.detail-desc { font-size: 28rpx; color: #8D8D8D; margin-top: 10rpx; display: block; }
.detail-meta { margin-top: 16rpx; display: flex; flex-wrap: wrap; gap: 8rpx; }

.card-title { font-size: 30rpx; font-weight: bold; margin-bottom: 16rpx; display: block; color: #3D3D3D; }

.ing-list { display: flex; flex-wrap: wrap; gap: 12rpx; }
.ing-item {
  background: #F8F6F3;
  padding: 12rpx 22rpx;
  border-radius: 14rpx;
  font-size: 26rpx;
  width: 45%;
  color: #3D3D3D;
}

.step-item { display: flex; margin-bottom: 20rpx; }
.step-num {
  width: 48rpx; height: 48rpx;
  background: #FF7E67;
  color: #fff;
  border-radius: 50%;
  text-align: center;
  line-height: 48rpx;
  font-size: 24rpx;
  margin-right: 16rpx;
  flex-shrink: 0;
}
.step-text { font-size: 28rpx; line-height: 1.7; flex: 1; color: #3D3D3D; }

.conflict-card { background: #FFF5F3; }
.conflict-item { display: flex; flex-direction: column; margin-bottom: 10rpx; }