docs: explain stylesheet ownership, responsive rules and display boundaries

app/assets/styles/notices.BXNGOj-Q.css

@@ -1,3 +1,5 @@
+/* 公告中心：分类标签、公告列表及文章详情。 */
+/* 导入方：app/pages/notices/index.vue、app/pages/resources.vue。 */
 .list[data-v-4ba0157b] {
   flex-direction: column;
   display: flex;
@@ -107,6 +109,7 @@
 .field label[data-v-4ba0157b] {
   font-size: 0.875rem;
 }
+/* 视口条件 (width<=768px) 下的响应式覆盖；保留相对基础规则的层叠顺序。 */
 @media (width<=768px) {
   .list-search[data-v-4ba0157b],
   .list-select[data-v-4ba0157b],
@@ -174,6 +177,7 @@
 .detail-time[data-v-4ba0157b] {
   font-size: 0.875rem;
 }
+/* 视口条件 (width<=768px) 下的响应式覆盖；保留相对基础规则的层叠顺序。 */
 @media (width<=768px) {
   .notice-item[data-v-4ba0157b] {
     flex-direction: column;