From c7b11b7f047dc47fa6055bcae6ff1e6e5b2fd0ef Mon Sep 17 00:00:00 2001
From: xfy <i@rua.plus>
Date: Fri, 3 Jul 2026 17:27:54 +0800
Subject: [PATCH] style(ui): redesign markdown tables to match modern aesthetic

---
 input.css | 44 ++++++++++++++++++++++++++++++++------------
 1 file changed, 32 insertions(+), 12 deletions(-)

diff --git a/input.css b/input.css
index 6636ae6..a4f48c6 100644
--- a/input.css
+++ b/input.css
@@ -393,21 +393,41 @@
   .md-content table {
     margin-bottom: var(--content-gap-paper);
     width: 100%;
-    border-collapse: collapse;
+    display: block;
+    overflow-x: auto;
+    border-collapse: separate;
+    border-spacing: 0;
+    border-radius: 16px;
+    box-shadow: 0 0 0 1px var(--color-paper-border);
   }
 
-  .md-content table th,
-  .md-content table td {
-    min-width: 80px;
-    padding: 6px 13px;
-    line-height: 1.5;
-    border: 1px solid var(--color-paper-border);
-  }
-
-  .md-content table th {
-    text-align: start;
+  .md-content table thead th {
+    background: var(--color-paper-code-block);
     font-weight: 600;
-    background: var(--color-paper-code-bg);
+    color: var(--color-paper-primary);
+    padding: 16px 24px;
+    text-align: left;
+    border-bottom: 1px solid var(--color-paper-border);
+    white-space: nowrap;
+  }
+
+  .md-content table tbody td {
+    padding: 16px 24px;
+    line-height: 1.6;
+    border-bottom: 1px solid var(--color-paper-border);
+    color: var(--color-paper-secondary);
+  }
+
+  .md-content table tbody tr:last-child td {
+    border-bottom: none;
+  }
+
+  .md-content table tbody tr {
+    transition: background-color 0.2s ease;
+  }
+
+  .md-content table tbody tr:hover {
+    background: var(--color-paper-entry);
   }
 
   .md-content img {