feat: 看板细节优化与设计走查补充

DashboardView 调整窄屏布局与卡片展示，回归脚本补充断言，新增窄屏看板设计截图并更新视觉走查记录。

frontend/src/views/dashboard/DashboardView.vue

@@ -428,7 +428,7 @@ function viewTask(task: DashboardTask) {
 
 .dashboard-middle {
   display: grid;
-  grid-template-columns: minmax(0, 1.65fr) minmax(330px, 0.95fr);
+  grid-template-columns: minmax(0, 1.9fr) minmax(300px, 0.82fr);
   flex: 1 1 auto;
   gap: 10px;
   min-height: 0;
@@ -546,13 +546,13 @@ function viewTask(task: DashboardTask) {
 }
 
 .tasks-section {
-  padding: 10px 0 0;
+  padding: 12px 0 0;
   overflow: hidden;
 }
 
 .tasks-heading {
-  min-height: 30px;
-  padding: 0 14px 8px;
+  min-height: 32px;
+  padding: 0 14px 10px;
 }
 
 .tasks-table-wrap {
@@ -569,7 +569,7 @@ function viewTask(task: DashboardTask) {
 
   th,
   td {
-    height: 38px;
+    height: 42px;
     padding: 6px 10px;
     border-top: 1px solid #eef2f7;
     text-align: left;
@@ -578,7 +578,7 @@ function viewTask(task: DashboardTask) {
   }
 
   th {
-    height: 34px;
+    height: 36px;
     background: #f8fafc;
     color: #475569;
     font-weight: 600;
@@ -703,23 +703,23 @@ function viewTask(task: DashboardTask) {
   }
 
   .tasks-section {
-    padding-top: 6px;
+    padding-top: 8px;
   }
 
   .tasks-heading {
-    min-height: 24px;
-    padding: 0 12px 6px;
+    min-height: 28px;
+    padding: 0 12px 8px;
   }
 
   .tasks-table {
     th,
     td {
-      height: 32px;
+      height: 36px;
       padding: 4px 8px;
     }
 
     th {
-      height: 30px;
+      height: 32px;
     }
   }
 }