docs: explain stylesheet ownership, responsive rules and display boundaries

app/assets/styles/groups.Buw8nwl1.css

@@ -1,3 +1,5 @@
+/* 安全组管理：规则表单、批量操作、组详情及快捷规则网格。 */
+/* 导入方：app/pages/security/groups/index.vue。 */
 .row-actions[data-v-fe145bae] {
   align-items: center;
   gap: 4px;
@@ -18,6 +20,7 @@
 .req[data-v-fe145bae] {
   color: #ef4444;
 }
+/* 安全组规则编辑区域；端口/协议/CIDR校验由业务脚本和后端执行。 */
 .rules[data-v-fe145bae] {
   gap: 12px;
 }
@@ -169,6 +172,7 @@
 .field label[data-v-fe145bae] {
   font-size: 0.875rem;
 }
+/* 视口条件 (width<=768px) 下的响应式覆盖；保留相对基础规则的层叠顺序。 */
 @media (width<=768px) {
   .list-search[data-v-fe145bae],
   .list-select[data-v-fe145bae],
@@ -275,6 +279,7 @@
   background: var(--p-content-background);
   border-radius: 6px;
 }
+/* 视口条件 (width<=768px) 下的响应式覆盖；保留相对基础规则的层叠顺序。 */
 @media (width<=768px) {
   .group-detail-head[data-v-fe145bae] {
     flex-direction: column;