diff --git a/src/layouts/IndexLayout.astro b/src/layouts/IndexLayout.astro
index c51c4fb..a660569 100644
--- a/src/layouts/IndexLayout.astro
+++ b/src/layouts/IndexLayout.astro
@@ -29,19 +29,19 @@ const { posts, tags, levels } = await getAll(collection, tag, level);
   <body>
     <Header />
     <main>
-      <section class="levels">
+      <section>
         <ul class="list-none p-0 m-0 flex flex-wrap">
           {
             levels.map(([lvl, count]) => (
               <li
                 class={
                   "mr-1 mb-1 px-1 rounded text-sm " +
-                  `${level === lvl ? "bg-blue-300" : "bg-gray-200"}`
+                  `${level === lvl ? "bg-orange-300" : "bg-gray-200"}`
                 }
               >
                 <a
                   href={`/${collection}/filter/${lvl}-${tag ?? "All"}`}
-                  class="text-blue-500"
+                  class="text-orange-500 hover:text-orange-900"
                 >
                   {lvl === "All" ? "全部" : "⭐️".repeat(lvl) || "无"}({count})
                 </a>
@@ -50,7 +50,7 @@ const { posts, tags, levels } = await getAll(collection, tag, level);
           }
         </ul>
       </section>
-      <section class="tags">
+      <section>
         <ul class="list-none p-0 m-0 flex flex-wrap">
           {
             tags.map(([tg, count]) => (
@@ -62,7 +62,7 @@ const { posts, tags, levels } = await getAll(collection, tag, level);
               >
                 <a
                   href={`/${collection}/filter/${level ?? "All"}-${tg}`}
-                  class="text-blue-500"
+                  class="text-blue-500 hover:text-blue-900"
                 >
                   {tg === "All" ? "全部" : tg}({count})
                 </a>
