diff --git a/frontend/src/components/comments/CommentSection.vue b/frontend/src/components/comments/CommentSection.vue
index daf83ff..6a2f105 100644
--- a/frontend/src/components/comments/CommentSection.vue
+++ b/frontend/src/components/comments/CommentSection.vue
@@ -1,5 +1,6 @@
 <script setup>
 import { computed, onMounted, ref } from 'vue'
+import { site } from '../../site'
 import { reader, loadReader, signIn, signOut } from '../../reader'
 import { readerApi } from '../../api'
 import { useComments } from '../../composables/useComments'
@@ -19,6 +20,11 @@ const props = defineProps({
 const api = useComments(props.postId)
 const { s, remaining, load, setSort, submit, saveEdit, remove, loadMoreReplies, startReply, startEdit, cancel } = api
 
+// 总开关在站点设置里。后端阶段二才会下发 comments_enabled —— 在那之前整个
+// 区块不渲染，线上访客不会看到一个请求 404 的半成品；后端一加就自动出现。
+// settings 是 KV 字符串，'1' / 1 / true 都算开。
+const enabled = computed(() => !!Number(site.comments_enabled))
+
 const sorts = [
   { value: 'default', label: '默认' },
   { value: 'newest', label: '最新' },
@@ -83,7 +89,7 @@ onMounted(() => {
 </script>
 
 <template>
-  <section id="comments" class="cm-sec">
+  <section v-if="enabled" id="comments" class="cm-sec">
     <div class="cm-head">
       <span class="cm-count">共 {{ s.total }} 条评论</span>
       <div class="seg cm-sort" role="tablist" aria-label="排序方式">
diff --git a/frontend/src/mocks/comments.js b/frontend/src/mocks/comments.js
index e736ac9..67f4619 100644
--- a/frontend/src/mocks/comments.js
+++ b/frontend/src/mocks/comments.js
@@ -102,6 +102,9 @@ export function install() {
   const state = q.get('state') || 'default'
   applyState(state)
 
+  // 评论区总开关：真后端没这个字段前线上是关的，mock 里手动打开
+  site.comments_enabled = true
+
   // 评审用：?ui=classic 强制走 classic 那套壳。站点平时是 vivid，classic 分支
   // 平时根本渲染不出来，不加这个就没法给它截图 / 做探针。
   // 改 ui_id 会触发 site.js 里的 watcher，applyTheme 由它调。