feat ui设计稿

src/views/profile/cpns/QualificationCard.vue

@@ -59,13 +59,14 @@ const STATUS_VARIANTS: Record<QualificationStatus, 'success' | 'warning' | 'dang
 </template>
 
 <style lang="less" scoped>
+// 设计 17（资质列表行）：白卡灰描边、字段标签灰/值深 w600、状态为纯文字、白底描边操作按钮
 .qual-card {
   .flex(column, flex-start);
   gap: @spacing-sm;
   padding: @spacing-base;
-  border-radius: @radius-lg;
+  border: 1px solid @profile-card-border;
+  border-radius: @radius-base;
   background: @white;
-  box-shadow: @shadow-base;
 
   &__head {
     .flex(row, space-between, flex-start);
@@ -73,7 +74,7 @@ const STATUS_VARIANTS: Record<QualificationStatus, 'success' | 'warning' | 'dang
   }
 
   &__name {
-    font-size: @font-size-lg;
+    font-size: 11px; // 设计 13 → 11
     font-weight: 600;
     color: @heading-color;
     .multi-ellipsis(2);
@@ -83,42 +84,77 @@ const STATUS_VARIANTS: Record<QualificationStatus, 'success' | 'warning' | 'dang
     .flex(column, flex-start);
     gap: @spacing-xs;
     list-style: none;
-    font-size: @font-size-base;
-    color: @text-color;
+    font-size: 11px;
+    color: @heading-color;
 
     li {
       .ellipsis();
+      font-weight: 600;
     }
 
     span {
       color: @text-color-secondary;
+      font-weight: 400;
     }
   }
 
   &__actions {
     .flex(row, center);
-    gap: @spacing-base;
+    gap: @spacing-sm;
     margin-top: auto;
     padding-top: @spacing-sm;
-    border-top: 1px solid @border-color;
+    border-top: 1px solid @profile-card-border;
+    width: 100%;
   }
 
+  // 设计 17：操作按钮 = 白底灰描边、12 设计px w500 灰字
   &__btn {
-    font-size: @font-size-base;
-    color: @primary-color;
-    transition: opacity 0.2s;
+    height: 24px;
+    padding: 0 10px;
+    border: 1px solid @profile-line;
+    border-radius: @profile-radius;
+    background: @white;
+    color: @text-color;
+    font-size: 11px;
+    font-weight: 500;
+    transition: all 0.2s;
 
     &:hover {
-      opacity: 0.75;
+      border-color: @primary-strong;
+      color: @primary-strong;
+      opacity: 1;
     }
 
     &--danger {
-      color: @danger-color;
+      color: @text-color;
     }
 
     &--warning {
-      color: @warning-color;
+      color: @text-color;
     }
   }
 }
+
+// 设计 17：状态为纯文字（已认证/审核中深灰、未通过红），无底色胶囊
+.qual-card .status-tag {
+  padding: 0;
+  background: transparent;
+  font-size: 12px; // 设计 15 → 12
+  font-weight: 700;
+
+  &--success {
+    background: transparent;
+    color: @heading-color;
+  }
+
+  &--warning {
+    background: transparent;
+    color: @heading-color;
+  }
+
+  &--danger {
+    background: transparent;
+    color: @danger-color;
+  }
+}
 </style>