diff --git a/frontend/src/components/comments/CommentSection.vue b/frontend/src/components/comments/CommentSection.vue
index df6a68c..9ba5a7c 100644
--- a/frontend/src/components/comments/CommentSection.vue
+++ b/frontend/src/components/comments/CommentSection.vue
@@ -119,10 +119,6 @@ onMounted(() => {
 
     <!-- 登录卡 / 禁言 / 输入框 -->
     <div v-if="!reader.loaded" class="cm-gate cm-gate-skel" aria-hidden="true" />
-    <div v-else-if="reader.user.banned" class="cm-gate cm-gate-banned">
-      <p class="cm-gate-t">你已被禁言，暂时无法参与评论。</p>
-      <p class="cm-gate-hint">如有疑问请联系站主。</p>
-    </div>
     <div v-else-if="!reader.user" class="cm-gate">
       <p class="cm-gate-t">使用社交账号登录</p>
       <ul v-if="reader.providers.length" class="cm-providers">
@@ -145,6 +141,10 @@ onMounted(() => {
       <!-- Telegram 官方按钮落到这里 -->
       <div ref="tgBox" class="cm-tg" />
     </div>
+    <div v-else-if="reader.user.banned" class="cm-gate cm-gate-banned">
+      <p class="cm-gate-t">你已被禁言，暂时无法参与评论。</p>
+      <p class="cm-gate-hint">如有疑问请联系站主。</p>
+    </div>
     <div v-else class="cm-compose">
       <div class="cm-av cm-av-me">
         <img v-if="reader.user.avatar_url" :src="reader.user.avatar_url" alt="" loading="lazy">