feat: add top 50 rank

chore: adjust recent commit num to 30

RANK.html

@@ -18,10 +18,13 @@
       <div class="crossnote markdown-preview  ">
       
 <h1 id="挑战赛数据展示">挑战赛数据展示 </h1>
-<p>该页面展示所有提交成功的得分（包括<strong>零分</strong>）。</p>
+<p>该页面展示<strong>得分前五名</strong>和<strong>最近三十次提交成功</strong>的数据（包括<strong>零分</strong>）。</p>
 <p>数据非实时刷新，可能有最长<strong>五分钟</strong>的延迟。</p>
 <p>详细信息点击「查看详情」即可查看。</p>
-<h2 id="评测结果">评测结果 </h2>
+<h2 id="前五名排行榜">前五名排行榜 </h2>
+<p>这里展示<strong>得分前五名</strong>的数据。</p>
+<p>以得分排序，若分数相同，则运行时间短的靠前。</p>
+<hr>
 <table>
     <thead>
     <tr>
@@ -33,7 +36,35 @@
         <th>详细信息</th>
     </tr>
     </thead>
-    <tbody id="data-table-body">
+    <tbody id="top-data-table-body">
+        <tr>
+        <td>0000-00-00 00:00:00</td>
+        <td>000000000000</td>
+        <td>加载中…</td>
+        <td>00</td>
+        <td>000.000000000ms</td>
+        <td>
+            <button>正在加载</button>
+        </td>
+        </tr>
+    </tbody>
+</table>
+<h2 id="最近三十条评测结果">最近三十条评测结果 </h2>
+<p>这里展示<strong>最近三十次提交成功</strong>的数据。</p>
+<p>以提交时间倒序排序。</p>
+<hr>
+<table>
+    <thead>
+    <tr>
+        <th>时间</th>
+        <th>学号</th>
+        <th>姓名</th>
+        <th>得分</th>
+        <th>运行时间</th>
+        <th>详细信息</th>
+    </tr>
+    </thead>
+    <tbody id="recent-data-table-body">
         <tr>
         <td>0000-00-00 00:00:00</td>
         <td>000000000000</td>