style(agent): 优化产品列表和工作流展示样式

-调整产品列表卡片样式，增加顶部外边距
- 修改工作流置顶逻辑显示文本
- 优化工作流输出内容的样式，添加 markdown 容器样式

src/views/agent/index/index.vue

@@ -13,8 +13,8 @@
       </template>
     </a-input>
     <div   v-for="(item, index) in list" :key="index">
-      <p class="span-title mb-16px">{{ item.name }}</p>
-      <a-row class="grid-demo " :gutter="24" v-if="item.agent_products.length > 0">
+      <p class="span-title ">{{ item.name }}</p>
+      <a-row class="grid-demo" :gutter="24" v-if="item.agent_products.length > 0">
         <a-col  :xs="24"
                 :sm="12"
                 :md="8"
@@ -22,7 +22,7 @@
                 :xl="6"
                 :xxl="4"
                 v-for="(product, k) in item.agent_products">
-          <div class="card-container cursor-pointer !h-252px" @click="goDetail(product?.type, product?.id)">
+          <div class="card-container cursor-pointer !h-252px mt-25px" @click="goDetail(product?.type, product?.id)">
             <div class="card-image h-120px w-100%  bg-cover bg-center bg-#E6E6E8" v-image-main-color="product.image_url">
               <img class="object-contain h-full w-100% mb-8px" :src="product?.image_url"/>
             </div>