This is Jin's function just in case you need this

Jin's function/static/style.css

+.navbar-brand {
+    font-family: "Rubik Doodle Shadow", sans-serif;
+    font-size: 3.5em !important; /* 放大字体大小 */
+}
+.nav-item { 
+    font-family:"Rubik Doodle Shadow", sans-serif ;
+    margin-right: 10px; /* 设置右侧外边距 */
+}
+.nav-item:last-child {
+    margin-right: 0; /* 最后一个元素的右外边距为 0 */
+}
+
+.student-table {
+    border-collapse: collapse;
+}
+
+.student-table th, .student-table td {
+    border: 1px solid black;
+    padding: 8px;
+}
+
+/* Add hover effect for table header */
+.student-table th:hover {
+    background-color: burlywood; /* Change background color on hover */
+    cursor: pointer; /* Change cursor to pointer on hover */
+}
+
+.export-csv {
+    position: fixed;
+    left: 10px; /* 调整左侧距离以满足您的布局需求 */
+    top: 50%; /* 调整垂直位置以满足您的布局需求 */
+    transform: translateY(-50%);
+}
+
+.table-container {
+    height: 400px; /* 或者使用 min-height: 400px; */
+    overflow-y: auto; /* 添加垂直滚动条以防止内容溢出 */
+}