diff --git a/src/components/Nav.astro b/src/components/Nav.astro
index 986ce35..10e5df9 100644
--- a/src/components/Nav.astro
+++ b/src/components/Nav.astro
@@ -1,48 +1,34 @@
 ---
+
 ---
 
 <div class="nav" id="nav">
-  <span class="nav-item site-title" id="site-title">
-    <a class="nav-link" href="/">李守中</a>
-  </span>
-  <span class="nav-item" id="category">
-    <ul class="nav-list">
-      <li class="nav-list-item">
-        <a class="nav-link" href="/article/blog/">博客</a>
-      </li>
-      <li class="nav-list-item">
-        <a class="nav-link" href="/article/note/">笔记</a>
-      </li>
-      <li class="nav-list-item">
-        <a class="nav-link" href="/article/translation/">翻译</a>
-      </li>
-    </ul>
-  </span>
+  <div class="global-nav">
+    <span class="site-title"><a class="nav-link" href="/">李守中</a></span>
+    <span class="category-item">
+      <a class="nav-link" href="/article/blog/">博客</a>
+    </span>
+    <span class="category-item">
+      <a class="nav-link" href="/article/note/">笔记</a>
+    </span>
+    <span class="category-item">
+      <a class="nav-link" href="/article/translation/">翻译</a>
+    </span>
+  </div>
 </div>
 
 <style>
   .nav {
-    font-size: 1em;
-    margin: 10px 0 0 0;
-    display: flex;
-    align-items: flex-end;
+    margin: 0.2em 0 0 0;
   }
-  #site-title {
+  .site-title {
     font-size: 1.8em;
-    margin: 0 20px 0 0;
-    padding: 0 0 2px 0;
-    line-height: 100%;
+    margin: 0 10px 0 0;
   }
-  .nav-list {
-    padding: 0;
-    margin: 6px 0 0 0;
+  .category-item {
+    margin: 0 10px 0 0;
   }
-  .nav-list .nav-list-item {
-    float: left;
-    list-style-type: none;
-    margin: 0 20px 0 0;
-  }
-  .nav-list .nav-list-item:last-child {
+  .global-nav:last-child {
     margin: 0;
   }
   .nav-link {