feat ui设计稿bug修复

src/views/cases/index.vue

@@ -56,7 +56,7 @@ onMounted(() => {
 <template>
   <div class="cases">
     <header class="cases__hero">
-      <div class="container">
+      <div class="container cases__hero-inner">
         <h1 class="cases__title">
           成功案例库
         </h1>
@@ -111,37 +111,50 @@ onMounted(() => {
 
 <style lang="less" scoped>
 .cases {
-  padding-bottom: 60px; // 设计04 正文 → 页脚 78 × 0.77
+  // 设计实测：页脚顶 y1811，正文最底约 y1733 → 底距 78
+  padding-bottom: 78px;
 
+  // 设计稿页头条 矩形 148284 @(0,73) 1920×179 白底通栏；文案左缩进 112
   &__hero {
-    padding: 25px 0 33px; // 标题上 32 / 标语下 43 × 0.77
+    height: 179px;
+    box-sizing: border-box;
+    padding-top: 32px;    // 标题 @(112,105) → 73+32
     background: @white;
   }
 
+  // 页头文案与内容区不对齐：设计实测文案在 x112（内容区 x70 + 42）
+  &__hero-inner {
+    padding-left: 42px;
+  }
+
   &__title {
-    font-size: @font-size-xxl; // 设计 36 × 0.77 ≈ 28
+    margin: 0;
+    font-size: 36px;      // 设计 @(112,105) 36/700 #121212
     font-weight: 700;
+    line-height: 52px;
     color: @cases-hero-title;
   }
 
   &__slogan {
-    margin-top: 12px; // 设计 15 × 0.77
-    font-size: 18.5px; // 设计 24 × 0.77
+    margin: 15px 0 0;     // 副标题 @(112,172)，标题底 105+52=157 → 间距 15
+    font-size: 24px;      // 设计 24/500 #666666
     font-weight: 500;
+    line-height: 37px;
     color: @cases-muted;
   }
 
+  // 设计稿：筛选面板 @(70,272) 516 宽，卡片区 @(606,423) 起 1244 宽，主区间距 20
   &__body {
     .flex(row, flex-start, flex-start);
-    gap: @spacing-base;
-    padding-top: @spacing-base;
+    gap: 20px;
+    padding-top: 20px;   // 筛选面板顶 272 − 页头条底(73+179) = 20
   }
 
   &__main {
     .flex(column, flex-start);
     flex: 1;
-    gap: 18px; // 设计04 搜索卡 → 卡片网格 23 × 0.77
     min-width: 0;
+    gap: 24px;
   }
 
   &__pager {