feat ui设计稿

src/views/profile/favorites.vue

@@ -96,6 +96,7 @@ onMounted(() => {
 </template>
 
 <style lang="less" scoped>
+// 收藏列表无独立设计稿：与个人中心面板一致 —— 分类条平铺在白面板上，选中态用主色 token
 .favorites-page {
   .flex(column, flex-start);
   gap: @spacing-base;
@@ -106,33 +107,42 @@ onMounted(() => {
     flex-wrap: wrap;
     gap: @spacing-sm;
     width: 100%;
-    padding: @spacing-base @spacing-lg;
-    border-radius: @radius-lg;
-    background: @white;
-    box-shadow: @shadow-base;
+    padding: 0;
   }
 
   &__cat {
-    height: 32px;
+    height: 28px;
     padding: 0 @spacing-base;
-    border: 1px solid @border-color;
+    border: 1px solid @profile-line;
     border-radius: @radius-round;
     background: @white;
     color: @text-color;
-    font-size: @font-size-sm;
+    font-size: 11px;
     transition: all 0.2s;
 
     &:hover {
-      border-color: @primary-color;
-      color: @primary-color;
+      border-color: @primary-strong;
+      color: @primary-strong;
     }
 
     &.is-active {
-      border-color: @primary-color;
-      background: @primary-light;
-      color: @primary-color;
+      border-color: @primary-strong;
+      background: @profile-nav-active-bg;
+      color: @primary-strong;
       font-weight: 600;
     }
   }
+
+  // 分页与地址/资质页保持同一激活态（设计 20 实取 #D1E0FE + #024FFF 字）
+  :deep(.pagination) {
+    justify-content: flex-end;
+    padding: 0;
+  }
+
+  :deep(.pagination__btn.is-active) {
+    border-color: @profile-page-active-bg;
+    background: @profile-page-active-bg;
+    color: @primary-strong;
+  }
 }
 </style>