feat 首页

src/views/cases/index.vue

@@ -119,8 +119,12 @@ onMounted(() => {
     background: @white;
   }
 
+  // 设计稿 #31：hero 标题 x=112、副标题 x=112；
+  // 主体筛选栏 x=70、右侧操作区右边界 1850。两套留白并存，
+  // 所以 hero 内容单独内缩，不动全局 .container 的 70px 留白。
   &__hero-inner {
-    padding-left: 42px;
+    padding-left: 112px;
+    padding-right: 112px;
   }
 
   &__title {
@@ -146,7 +150,10 @@ onMounted(() => {
   }
 
   &__main {
-    .flex(column, flex-start);
+    // 设计稿：右侧操作区 x=606 w=1244（右边界 1850，与筛选栏区留白 70 对称）。
+    // mixin 签名是 .flex(direction; justify; align)，第三参才是 align-items。
+// 纵向排列时 justify 无意义，align 用 stretch 让子项撑满 1244。
+    .flex(column, flex-start, stretch);
     flex: 1;
     min-width: 0;
     gap: 24px;