.page-title { font-size: 36rpx; font-weight: bold; margin-bottom: 20rpx; color: #3D3D3D; }

.ingredient-bar { display: flex; flex-wrap: wrap; gap: 10rpx; margin-bottom: 20rpx; }
.ing-tag {
  background: #FFEDE8;
  color: #FF7E67;
  padding: 6rpx 18rpx;
  border-radius: 20rpx;
  font-size: 24rpx;
}

.conflict-bar {
  background: #FFF5F3;
  border-radius: 14rpx;
  padding: 20rpx;
  margin-bottom: 20rpx;
  border-left: 6rpx solid #E17055;
}
.conflict-title { font-weight: bold; display: block; margin-bottom: 10rpx; color: #3D3D3D; }
.conflict-item { margin-top: 6rpx; font-size: 24rpx; }

.recipe-card {
  background: #fff;
  border-radius: 18rpx;
  padding: 24rpx;
  margin-bottom: 16rpx;
  display: block;
  text-decoration: none;
  color: inherit;
  box-shadow: 0 2rpx 12rpx rgba(0,0,0,0.03);
}
.recipe-info { flex: 1; }
.recipe-name { font-size: 32rpx; font-weight: 500; display: block; color: #3D3D3D; }
.recipe-desc { font-size: 24rpx; color: #B2BEC3; margin-top: 4rpx; display: block; }
.recipe-tags { margin-top: 8rpx; display: flex; align-items: center; flex-wrap: wrap; }
.recipe-match { text-align: center; min-width: 80rpx; }
.match-num { font-size: 36rpx; font-weight: bold; display: block; }

.missing-bar { margin-top: 12rpx; display: flex; flex-wrap: wrap; align-items: center; gap: 8rpx; }
.missing-tag {
  background: #FFF5F3;
  color: #E17055;
  padding: 4rpx 14rpx;
  border-radius: 12rpx;
  font-size: 22rpx;
}
.conflict-mini { margin-top: 8rpx; font-size: 22rpx; display: flex; gap: 8rpx; }