top列表显示优化

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) {
     /* 确保表格可以水平滚动 */

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>