diff --git a/templates/album.html b/templates/album.html
index f20da9cc..74720995 100644
--- a/templates/album.html
+++ b/templates/album.html
@@ -110,14 +110,14 @@
 
                     #album .card__category {
                         color: var(--album-text-light);
-                        font-size: .9rem;
+                        font-size: .8rem;
                         margin-bottom: var(--album-spacing-s);
                         text-transform: uppercase
                     }
 
                     #album .card__heading {
                         color: var(--album-text-lighter);
-                        font-size: 1.9rem;
+                        font-size: 1.5rem;
                         text-shadow: 2px 2px 20px rgba(0, 0, 0, .2);
                         line-height: 1.4;
                         word-spacing: 100vw
diff --git a/templates/assets/zhheo/custom.css b/templates/assets/zhheo/custom.css
index 989fd8bb..cec10a3c 100644
--- a/templates/assets/zhheo/custom.css
+++ b/templates/assets/zhheo/custom.css
@@ -376,4 +376,17 @@ ul li {
     background: 0 0!important
 }
 
-/* Steam卡片 */
\ No newline at end of file
+/* Steam卡片 */
+
+/* 分类3D */
+#libCategories .card-info p{
+    font-size: 0.9rem;
+    font-weight: 400;
+    text-align: left;
+    letter-spacing: 0.6px;
+    margin: 1rem 0;
+}
+
+#libCategories .card-wrap:hover .card-info:after {
+    width: 300%
+}
\ No newline at end of file
diff --git a/templates/assets/zhheo/zhheoblog.css b/templates/assets/zhheo/zhheoblog.css
index 976620f5..060e9734 100644
--- a/templates/assets/zhheo/zhheoblog.css
+++ b/templates/assets/zhheo/zhheoblog.css
@@ -7032,6 +7032,7 @@ img.footer_mini_logo:hover {
     line-height: 1.5rem;
     width: 1.5rem;
     padding: 0 0.25rem;
+    font-size: 0.9rem;
 }
 
 #rightMenu .rightMenu-line .rightMenu-item i {
diff --git a/templates/modules/right-menu.html b/templates/modules/right-menu.html
index bb23d234..2777db20 100644
--- a/templates/modules/right-menu.html
+++ b/templates/modules/right-menu.html
@@ -32,11 +32,11 @@
                 <span>复制链接地址</span>
             </div>
             <div class="rightMenu-item" id="menu-copyimg">
-                <i class="iconfont icon-image"></i>
+                <i class="haofont hao-icon-images"></i>
                 <span>复制此图片</span>
             </div>
             <div class="rightMenu-item" id="menu-downloadimg">
-                <i class="iconfont icon-download"></i>
+                <i class="haofont hao-icon-download"></i>
                 <span>下载此图片</span>
             </div>
             <div class="rightMenu-item" id="menu-search">
@@ -72,15 +72,16 @@
         </div>
         <div class="rightMenu-group rightMenu-line rightMenuOther">
             <a class="rightMenu-item menu-link" id="menu-randomPost" onclick="toRandomPost()">
-                <i class="iconfont icon-dice"></i>
+                <i class="haofont hao-icon-shuffle"></i>
                 <span>随便逛逛</span>
             </a>
             <a class="rightMenu-item menu-link" href="../categories">
-                <i class="iconfont icon-list-ul"></i>
+                <i class="haofont hao-icon-cube"></i>
                 <span>博客分类</span>
             </a>
             <a class="rightMenu-item menu-link" href="../tags">
-                <i class="iconfont icon-tags"></i><span>文章标签</span>
+                <i class="haofont hao-icon-tags"></i>
+                <span>文章标签</span>
             </a>
         </div>
         <!-- <div class="rightMenu-group rightMenu-line">
@@ -99,7 +100,7 @@
                 <span>复制地址</span>
             </div>
             <div class="rightMenu-item" id="menu-darkmode">
-                <i class="iconfont icon-moon"></i>
+                <i class="haofont hao-icon-circle-half-stroke"></i>
                 <span class="menu-darkmode-text">显示模式</span>
             </div>
         </div>
diff --git a/templates/moments.html b/templates/moments.html
index 9683e81f..645b66a4 100644
--- a/templates/moments.html
+++ b/templates/moments.html
@@ -44,7 +44,7 @@
                                 <hr>
                                 <div class="bber-bottom">
                                     <div class="bber-info">
-                                        <div class="bber-info-time"><i class="fas fa-calendar-days"></i>
+                                        <div class="bber-info-time"><i class="haofont hao-icon-clock"></i>
                                             <time class="datatime"
                                                   th:text="${#dates.format(moment.spec.releaseTime,'yyyy-MM-dd')}"></time>
                                         </div>