feat: enhance article editor and detail components with improved link handling and UI updates

apps/admin-web/src/components/MarkdownPreview.vue

@@ -108,24 +108,36 @@ const html = computed(() => renderer.render(props.content || ""));
 
 .markdown-preview :deep(table) {
   width: 100%;
-  margin: 0 0 1em;
-  border-collapse: collapse;
-  overflow: hidden;
+  margin: 1em 0;
+  border-collapse: separate;
+  border-spacing: 0;
   border: 1px solid #e5e7eb;
-  border-radius: 12px;
+  border-radius: 8px;
+  overflow: hidden;
 }
 
 .markdown-preview :deep(th),
 .markdown-preview :deep(td) {
-  padding: 10px 12px;
-  border: 1px solid #e5e7eb;
+  padding: 12px 16px;
+  border-bottom: 1px solid #e5e7eb;
+  border-right: 1px solid #e5e7eb;
   text-align: left;
   vertical-align: top;
 }
 
+.markdown-preview :deep(th:last-child),
+.markdown-preview :deep(td:last-child) {
+  border-right: none;
+}
+
+.markdown-preview :deep(tr:last-child td) {
+  border-bottom: none;
+}
+
 .markdown-preview :deep(th) {
   background: #f9fafb;
   font-weight: 600;
+  color: #374151;
 }
 
 .markdown-preview :deep(hr) {