chore: better a11y for comment page.

src/assets/styles/globals.css

@@ -1508,12 +1508,11 @@ textarea.form-control {
   color: rgba(255, 255, 255, 0.5) !important;
 }
 
-#recent_posts,
-#tag_cloud,
-#recent-comments {
-  a:hover {
+#recent_posts a:hover,
+#tag_cloud a:hover,
+#recent-comments a:hover {
   color: var(--color-primary);
-  }
+  text-shadow: var(--color-muted) 0.05em 0 0.05em;
 }
 
 a.list-title:hover {
@@ -3682,6 +3681,7 @@ a:hover .overlay {
 
 .comment-reply-link {
   cursor: pointer;
+  background-color: transparent;
 }
 
 .comment-reply-link:hover {

src/components/comment/CommentItem.astro

@@ -44,7 +44,7 @@ const { comment, config, depth, pending } = Astro.props;
       </div>
       <div class="comment-footer text-xs text-muted">
         <time class="me-2">{formatLocalDate(comment.date)}</time>
-        <span class="text-secondary comment-reply-link" data-rid={comment.id}>回复</span>
+        <button class="text-secondary comment-reply-link" data-rid={comment.id}>回复</button>
       </div>
     </div>
   </article>