清理: 移除代码注释中的走查编号前缀(UX/B/SW/CR/ID/P0-P2-26xxxx,共102处)

src/views/Knowledge.vue

@@ -88,7 +88,7 @@
         </div>
       </div>
 
-      <!-- ===== 右侧:详情(KnowledgeDetail 子组件,SW-260618-20 拆分)===== -->
+      <!-- ===== 右侧:详情(KnowledgeDetail 子组件,拆分)===== -->
       <div class="kn-detail-panel">
         <KnowledgeDetail
           v-if="detail"
@@ -417,7 +417,7 @@ onMounted(() => {
 </script>
 
 <style scoped>
-.knowledge { padding: 16px 20px 20px; height: 100%; display: flex; flex-direction: column; }
+.knowledge { padding: 16px 20px 20px; height: 100%; display: flex; flex-direction: column; container-type: inline-size; }
 
 /* ===== 顶部 Toast 提示(⑤ 操作反馈,对齐 Settings.vue)===== */
 .toast {
@@ -452,7 +452,7 @@ onMounted(() => {
 
 /* ===== 左右分栏 ===== */
 .kn-layout {
-  display: grid; grid-template-columns: minmax(240px, 360px) 1fr; gap: var(--df-gap-page);
+  display: grid; grid-template-columns: minmax(240px, 360px) minmax(280px, 1fr); gap: var(--df-gap-page);
   flex: 1; min-height: 0;
 }
 .kn-list-panel, .kn-detail-panel {
@@ -526,7 +526,13 @@ onMounted(() => {
 .form-textarea { min-height: 80px; resize: vertical; font-family: inherit; }
 
 /* ===== 响应式:窄屏单列布局(详情窄屏样式随 KnowledgeDetail 子组件迁移) ===== */
+/* 双闸:@media 管窗口本身窄;@container 管「视口不窄但主区被 AI 面板挤压」场景
+   (AI 面板平分内容时 .knowledge 实际宽度 < 620px,media query 感知不到)。 */
 @media (max-width: 760px) {
   .kn-layout { grid-template-columns: 1fr; }
 }
+@container (max-width: 620px) {
+  .kn-layout { grid-template-columns: 1fr; }
+  .kn-detail-panel { overflow-y: visible; }
+}
 </style>