Update miniapp_leaderboard.py

miniapp_leaderboard.py

@@ -382,7 +382,6 @@ def submit(
     return "Submitted successfully.", render_lb(search_text, sort_col, sort_dir)
 
 
-# ✅ 强制覆盖成浅灰线：用 !important，避免被主题样式覆盖成黑线
 CSS = r"""
 .gradio-container { max-width: 100% !important; }
 #page { padding: 16px; }
@@ -400,7 +399,7 @@ CSS = r"""
 }
 #searchbox textarea::placeholder, #searchbox input::placeholder { color: #9ca3af; }
 
-/* table container */
+/* 容器 */
 .table-wrap{
   width: 100%;
   border: 1px solid #e5e7eb !important;
@@ -408,49 +407,50 @@ CSS = r"""
   background: #fff;
 }
 .table-scroll{ width: 100%; overflow-x: auto; }
-table.table{
-  width: 100%;
-  border-collapse: separate;
-  border-spacing: 0;
+
+/* ===== 关键：把所有黑边框强制变浅灰 ===== */
+#lb_table {
+  width: 100% !important;
   min-width: 1100px;
+  border-collapse: collapse !important;
+  border: 1px solid #e5e7eb !important;
+}
+#lb_table th,
+#lb_table td{
+  border: 1px solid #e5e7eb !important;   /* 覆盖所有黑线来源 */
+  border-color: #e5e7eb !important;
 }
 
-/* header */
-th.th{
+/* 表头 */
+#lb_table thead th.th{
   font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial !important;
   font-weight: 600;
   font-size: 13px;
   color: #111827;
   padding: 10px 12px;
   text-align: center;
-  background: #f9fafb;
-  border-bottom: 1px solid #e5e7eb !important;
-  border-right: 1px solid #e5e7eb !important;
+  background: #f9fafb !important;
   white-space: nowrap;
 }
-thead tr.r3 th.th { background: #ffffff; }
-th.th.left{ text-align:left; }
-th.group{ color:#374151; font-weight:600; }
-th.th:last-child{ border-right: none !important; }
+#lb_table thead tr.r3 th.th { background: #ffffff !important; }
+#lb_table th.left{ text-align:left !important; }
+#lb_table th.group{ color:#374151 !important; font-weight:600 !important; }
 
 /* body */
-td.td{
+#lb_table tbody td.td{
   font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial !important;
   font-size: 13px;
   color: #111827;
   padding: 10px 12px;
-  border-bottom: 1px solid #f0f1f3 !important;
-  border-right: 1px solid #f0f1f3 !important;
-  background: #fff;
+  background: #fff !important;
 }
-td.td:last-child{ border-right: none !important; }
-td.num{ text-align:right; }
-td.model{ text-align:left; min-width: 280px; }
-tr.tr:hover td.td{ background: #fafafa; }
+#lb_table td.num{ text-align:right !important; }
+#lb_table td.model{ text-align:left !important; min-width: 280px; }
+#lb_table tbody tr.tr:hover td.td{ background: #fafafa !important; }
 
-/* clickable sort */
-th.clickable{ cursor:pointer; user-select:none; }
-th.clickable:hover{ background:#f3f4f6; }
+/* 可点击排序 */
+#lb_table th.clickable{ cursor:pointer; user-select:none; }
+#lb_table th.clickable:hover{ background:#f3f4f6 !important; }
 
 /* submit */
 #submit_card{
@@ -468,6 +468,7 @@ th.clickable:hover{ background:#f3f4f6; }
 }
 """
 
+
 with gr.Blocks(title=f"{APP_NAME} leaderboard") as demo:
     with gr.Column(elem_id="page"):
         with gr.Row(elem_id="topbar"):