docs: explain stylesheet ownership, responsive rules and display boundaries

app/assets/styles/help.BSOB30LE.css

@@ -1,3 +1,5 @@
+/* 帮助中心：搜索导航、分类文章、附件与支持提示。 */
+/* 导入方：app/pages/help.vue、app/pages/resources.vue。 */
 .help-page[data-v-2e1fbf8d] {
   flex-direction: column;
   gap: 21px;
@@ -34,6 +36,7 @@
   border-radius: 8px;
   min-width: 0;
 }
+/* 滚动时保持此区域可见；定位偏移需与页面固定顶栏及父级滚动容器一起核对。 */
 .help-nav[data-v-2e1fbf8d] {
   flex-direction: column;
   gap: 18px;
@@ -109,6 +112,7 @@
   margin-top: 5px;
   font-size: 0.875rem;
 }
+/* 允许连续长文本换行，防止IP、密钥或用户输入撑破当前容器；不会修改原始数据。 */
 .nav-item > span[data-v-2e1fbf8d] {
   overflow-wrap: anywhere;
 }
@@ -253,6 +257,7 @@
 .help-content[data-v-2e1fbf8d] .list-empty .p-button {
   margin-top: 8px;
 }
+/* 视口条件 (width<=1024px) 下的响应式覆盖；保留相对基础规则的层叠顺序。 */
 @media (width<=1024px) {
   .help-body[data-v-2e1fbf8d] {
     grid-template-columns: 240px minmax(0, 1fr);
@@ -262,6 +267,7 @@
     padding: 24px;
   }
 }
+/* 视口条件 (width<=768px) 下的响应式覆盖；保留相对基础规则的层叠顺序。 */
 @media (width<=768px) {
   .page-head[data-v-2e1fbf8d] {
     flex-wrap: wrap;