feat ui设计稿

src/views/cases/index.vue

@@ -111,23 +111,24 @@ onMounted(() => {
 
 <style lang="less" scoped>
 .cases {
-  padding-bottom: @spacing-xxl;
+  padding-bottom: 60px; // 设计04 正文 → 页脚 78 × 0.77
 
   &__hero {
-    padding: @spacing-lg 0;
+    padding: 25px 0 33px; // 标题上 32 / 标语下 43 × 0.77
     background: @white;
   }
 
   &__title {
-    font-size: @font-size-xxl;
-    font-weight: 600;
-    color: @heading-color;
+    font-size: @font-size-xxl; // 设计 36 × 0.77 ≈ 28
+    font-weight: 700;
+    color: @cases-hero-title;
   }
 
   &__slogan {
-    margin-top: @spacing-xs;
-    font-size: @font-size-base;
-    color: @text-color-secondary;
+    margin-top: 12px; // 设计 15 × 0.77
+    font-size: 18.5px; // 设计 24 × 0.77
+    font-weight: 500;
+    color: @cases-muted;
   }
 
   &__body {
@@ -139,7 +140,7 @@ onMounted(() => {
   &__main {
     .flex(column, flex-start);
     flex: 1;
-    gap: @spacing-base;
+    gap: 18px; // 设计04 搜索卡 → 卡片网格 23 × 0.77
     min-width: 0;
   }