docs: explain stylesheet ownership, responsive rules and display boundaries

app/assets/styles/HomeNoticePanel.e5-qgzAs.css

@@ -1,3 +1,5 @@
+/* 首页公告：骨架、标题列表及公告详情内容。 */
+/* 导入方：app/components/home/HomeNoticePanel.vue、app/pages/index.vue。 */
 .home-list[data-v-a93c47c1] {
   padding: 0 18px;
 }
@@ -30,6 +32,7 @@
 .notice-row:hover .notice-title[data-v-a93c47c1] {
   color: var(--p-primary-color, #0052d9);
 }
+/* 键盘操作的可见焦点：不要只保留鼠标 hover 效果而移除此反馈。 */
 .notice-row[data-v-a93c47c1]:focus-visible {
   outline: 2px solid var(--p-primary-color, #0052d9);
   outline-offset: -2px;
@@ -40,6 +43,7 @@
   margin-bottom: 12px;
   font-size: 0.9375rem;
 }
+/* 允许连续长文本换行，防止IP、密钥或用户输入撑破当前容器；不会修改原始数据。 */
 .detail-content[data-v-a93c47c1] {
   overflow-wrap: anywhere;
   font-size: 1rem;