fix: 修复ResultModal数据提取时的agent调用错误

详细说明:
- 修复getProjectInfo函数中seq.agent()的类型错误
- 添加兼容性处理，支持函数和对象两种数据格式
- 解决选择订单班后点击按钮导致页面崩溃的问题
- 修改文件: WorkflowPageV4.tsx (第934行)
- 影响模块: ResultModal数据显示系统

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

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

@@ -959,3 +959,133 @@ body.dark-theme .theme-icon-dark {
 body.dark-theme .theme-icon-light {
     opacity: 0.5;
 }
+
+/* ========== Alternating Layout 图文交错布局 ========== */
+.alternating-layout {
+    display: flex;
+    gap: var(--spacing-2xl);
+    align-items: center;
+    margin-bottom: var(--spacing-3xl);
+}
+
+.alternating-layout:nth-child(even) {
+    flex-direction: row-reverse;  /* 偶数项自动反向 */
+}
+
+.alternating-layout .image-container {
+    flex: 0 0 45%;  /* 图片占45% */
+    aspect-ratio: 16/9;
+}
+
+.alternating-layout .content {
+    flex: 1;  /* 内容占剩余空间 */
+}
+
+/* ========== Featured Item 特色卡片 ========== */
+.featured-item {
+    display: flex;
+    flex-direction: column;
+}
+
+.featured-item .image-container {
+    margin-bottom: var(--spacing-md);
+    aspect-ratio: 16/9;
+}
+
+.featured-item .image-container img {
+    aspect-ratio: 16/9;
+    width: 100%;
+    object-fit: cover;
+}
+
+/* ========== Progress Stats 进度条数据展示 ========== */
+.progress-stats {
+    display: flex;
+    flex-direction: column;
+    gap: var(--spacing-lg);
+    padding: var(--spacing-xl);
+    background: var(--bg-card);
+    border-radius: var(--radius-lg);
+    border: 1px solid var(--border);
+}
+
+.progress-item {
+    display: flex;
+    flex-direction: column;
+    gap: var(--spacing-xs);
+}
+
+.progress-label {
+    font-size: 14px;
+    color: var(--text-secondary);
+    font-weight: 500;
+}
+
+.progress-bar {
+    height: 8px;
+    background: var(--bg-semi-dark);
+    border-radius: var(--radius-full);
+    overflow: hidden;
+}
+
+.progress-fill {
+    height: 100%;
+    background: linear-gradient(90deg, var(--accent-primary), var(--primary-purple));
+    border-radius: var(--radius-full);
+    transition: width 0.6s ease;
+}
+
+.progress-value {
+    font-size: 16px;
+    font-weight: 600;
+    color: var(--text-primary);
+}
+
+/* ========== Icon Grid 图标网格 ========== */
+.icon-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+    gap: var(--spacing-lg);
+}
+
+.icon-card {
+    padding: var(--spacing-lg);
+    background: var(--bg-card);
+    border-radius: var(--radius-md);
+    border: 1px solid var(--border);
+    text-align: center;
+    transition: all var(--transition-base);
+}
+
+.icon-card:hover {
+    transform: translateY(-4px);
+    box-shadow: var(--shadow-lg);
+}
+
+.icon-card-icon {
+    font-size: 48px;
+    margin-bottom: var(--spacing-md);
+}
+
+.icon-card-title {
+    font-size: 16px;
+    font-weight: 600;
+    margin-bottom: var(--spacing-xs);
+    color: var(--text-primary);
+}
+
+.icon-card-value {
+    font-size: 14px;
+    color: var(--text-secondary);
+}
+
+/* ========== 响应式布局 ========== */
+@media (max-width: 768px) {
+    .alternating-layout {
+        flex-direction: column !important;
+    }
+
+    .alternating-layout .image-container {
+        flex: 1 1 100%;
+    }
+}