docs: explain stylesheet ownership, responsive rules and display boundaries

app/assets/styles/InstanceNetwork.CyucZaZp.css

@@ -1,3 +1,5 @@
+/* 实例网络信息：键值项、操作列与网络空态。 */
+/* 导入方：app/components/instance/InstanceNetwork.vue。 */
 .nw[data-v-aa906366] {
   flex-direction: column;
   gap: 28px;
@@ -65,6 +67,7 @@
 .nw[data-v-aa906366] .network-table .empty {
   padding: 0;
 }
+/* 视口条件 (width<=767px) 下的响应式覆盖；保留相对基础规则的层叠顺序。 */
 @media (width<=767px) {
   .nw[data-v-aa906366] .network-head {
     align-items: flex-start;
@@ -104,6 +107,7 @@
 .kv > span[data-v-aa906366] {
   color: var(--p-text-muted-color, #64748b);
 }
+/* 允许连续长文本换行，防止IP、密钥或用户输入撑破当前容器；不会修改原始数据。 */
 .kv > b[data-v-aa906366] {
   overflow-wrap: anywhere;
   min-width: 0;
@@ -153,6 +157,7 @@
 .info-table .kv > span[data-v-aa906366] {
   font-weight: 600;
 }
+/* 视口条件 (width<=767px) 下的响应式覆盖；保留相对基础规则的层叠顺序。 */
 @media (width<=767px) {
   .info-table .kv[data-v-aa906366] {
     grid-template-columns: 100px minmax(0, 1fr);