fix: 修正环保订单班页面grid-3和grid-4的CSS列定义

详细说明:
- grid-3: 从错误的2列修正为正确的3列布局
- grid-4: 从错误的3列修正为正确的4列布局
- 修复了之前HTML修改后页面布局不变的问题
- 现在Section 2、3、7的3列布局将正确显示
- 影响文件: web_frontend/web_result/order-classes/environmental/css/styles.css

web_frontend/web_result/order-classes/environmental/css/styles.css

@@ -567,11 +567,11 @@ body.dark-theme tr:hover {
 }
 
 .grid-3 {
-    grid-template-columns: repeat(2, 1fr);
+    grid-template-columns: repeat(3, 1fr);
 }
 
 .grid-4 {
-    grid-template-columns: repeat(3, 1fr);
+    grid-template-columns: repeat(4, 1fr);
 }
 
 /* ========== 卡片 - 图片优先布局 ========== */