fix: 分组视图添加col-包装器以正确显示网格布局

app/templates/goals.html

@@ -200,7 +200,7 @@ function applyFilters() {
                     </div>
                     <div class="card-body p-2">
                         <div class="row g-2">
-                            ${goals.map(g => renderGoalCard(g)).join('')}
+                            ${goals.map(g => `<div class="col-md-4 col-lg-3">${renderGoalCard(g)}</div>`).join('')}
                         </div>
                     </div>
                 </div>

app/templates/problems.html

@@ -228,7 +228,7 @@ function renderProblems(problems, groupBy) {
                     </div>
                     <div class="card-body p-2">
                         <div class="row g-2">
-                            ${items.map(p => renderProblemCard(p)).join('')}
+                            ${items.map(p => `<div class="col-md-4 col-sm-6">${renderProblemCard(p)}</div>`).join('')}
                         </div>
                     </div>
                 </div>