From 5432fe9e18d29629d28d86d5257d3ec6bde0238e Mon Sep 17 00:00:00 2001
From: Alex Yang <wxf26054@live.cn>
Date: Mon, 24 Nov 2025 22:51:50 +0800
Subject: [PATCH] =?UTF-8?q?top=E5=88=97=E8=A1=A8=E6=98=BE=E7=A4=BA?=
 =?UTF-8?q?=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 static/css/style.css | 19 +++++++++++++++++++
 static/index.html    |  4 ++--
 2 files changed, 21 insertions(+), 2 deletions(-)

diff --git a/static/css/style.css b/static/css/style.css
index 347c117..f5b5ee2 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -554,6 +554,18 @@ header p {
     -webkit-overflow-scrolling: touch; /* iOS平滑滚动 */
 }
 
+/* 最常屏蔽和最常解析域名表格的特殊样式 */
+#top-blocked-table, #top-resolved-table {
+    font-size: 0.85rem;
+}
+
+/* 限制域名表格高度，只显示5条内容 */
+.table-card .table-wrapper {
+    max-height: 220px;
+    overflow-y: auto;
+    overflow-x: auto;
+}
+
 table {
     width: 100%;
     border-collapse: collapse;
@@ -569,6 +581,13 @@ th, td {
     word-break: break-word; /* 长文本自动换行 */
 }
 
+/* 缩小最常屏蔽和最常解析域名表格的单元格内边距 */
+#top-blocked-table th, #top-blocked-table td,
+#top-resolved-table th, #top-resolved-table td {
+    padding: 0.5rem 0.75rem;
+    font-size: 0.85rem;
+}
+
 /* 移动设备上表格的优化 */
 @media (max-width: 768px) {
     /* 确保表格可以水平滚动 */
diff --git a/static/index.html b/static/index.html
index f4cc79c..12bffbf 100644
--- a/static/index.html
+++ b/static/index.html
@@ -256,7 +256,7 @@
 
                 <div class="tables-container">
                     <div class="table-card">
-                        <h3>最常屏蔽的域名</h3>
+                        <h3>最常屏蔽的域名(每5秒刷新)</h3>
                         <div class="table-wrapper">
                             <table id="top-blocked-table">
                                 <thead>
@@ -272,7 +272,7 @@
                         </div>
                     </div>
                     <div class="table-card">
-                        <h3>最常解析的域名</h3>
+                        <h3>最常解析的域名(每5秒刷新)</h3>
                         <div class="table-wrapper">
                             <table id="top-resolved-table">
                                 <thead>