chore: adjust style

RANK.html

@@ -27,13 +27,23 @@
     <tr>
         <th>时间</th>
         <th>学号</th>
-        <th>名称</th>
+        <th>姓名</th>
         <th>得分</th>
         <th>运行时间</th>
         <th>详细信息</th>
     </tr>
     </thead>
     <tbody id="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>
 <div id="detailsModal" class="modal">
@@ -77,6 +87,28 @@
     text-decoration: none;
     cursor: pointer;
     }
+    /* 时间 */
+    th:nth-child(1), td:nth-child(1) { width: 12em;
+    text-align: center;
+    }
+    /* 学号 */
+    th:nth-child(2), td:nth-child(2) { width: 10em;
+    text-align: center;
+    }
+    /* 名称 */
+    th:nth-child(3), td:nth-child(3) { width: 5em;
+    text-align: center;
+    }
+    /* 得分 */
+    th:nth-child(4), td:nth-child(4) { width: 3em;
+    text-align: center;
+    }
+    /* 运行时间 */
+    th:nth-child(5), td:nth-child(5) { width: 10em;
+    }
+    /* 详细信息 */
+    th:nth-child(6), td:nth-child(6) { width: 6em;
+    }
 </style>
 <script type="text/javascript" src="./get_scores.js"></script>