feat: refine business chat workflow

src/styles/globals.css

@@ -57,11 +57,19 @@
 
   body {
     @apply bg-background text-foreground antialiased;
+    font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Segoe UI", sans-serif;
     font-feature-settings: "rlig" 1, "calt" 1;
     background:
       linear-gradient(135deg, hsl(44 38% 96%) 0%, hsl(205 50% 97%) 46%, hsl(210 42% 96%) 100%);
   }
 
+  button,
+  input,
+  textarea,
+  select {
+    font-family: inherit;
+  }
+
   .dark body {
     background: hsl(var(--background));
   }
@@ -192,24 +200,43 @@
 
 .prose table {
   width: 100%;
-  border-collapse: collapse;
-  margin: 0.5em 0;
+  border-collapse: separate;
+  border-spacing: 0;
+  margin: 0.75em 0;
+  font-size: 13px;
+  line-height: 1.45;
+}
+
+.prose thead {
+  background: #f8fafc;
+}
+
+.dark .prose thead {
+  background: rgb(255 255 255 / 0.04);
 }
 
 .prose th,
 .prose td {
-  border: 1px solid hsl(var(--border));
-  padding: 0.5em;
+  border-right: 1px solid hsl(var(--border));
+  border-bottom: 1px solid hsl(var(--border));
+  padding: 0.5rem 0.75rem;
   text-align: left;
+  vertical-align: top;
+}
+
+.prose th:last-child,
+.prose td:last-child {
+  border-right: 0;
 }
 
 .prose th {
   background: transparent;
   font-weight: 700;
+  color: hsl(var(--foreground));
 }
 
 .dark .prose th {
-  background: hsl(var(--muted));
+  background: transparent;
 }
 
 /* Typing indicator animation */