docs: explain stylesheet ownership, responsive rules and display boundaries

app/assets/styles/InstanceOverview.C9ExpxMB.css

@@ -1,3 +1,5 @@
+/* 实例概览：信息卡片、资源图表、网络状态和磁盘摘要。 */
+/* 导入方：app/components/instance/InstanceManage.vue、app/components/instance/InstanceOverview.vue。 */
 .ov[data-v-fe24aa37] {
   flex-direction: column;
   gap: 12px;
@@ -116,6 +118,7 @@
   max-width: 100%;
   overflow: hidden;
 }
+/* 资源概览区：图表、数值和不可用状态分开布局。 */
 .res[data-v-fe24aa37] {
   flex-direction: column;
 }
@@ -234,6 +237,7 @@
   margin: 0;
   font-size: 0.875rem;
 }
+/* 视口条件 (width<=1023px) 下的响应式覆盖；保留相对基础规则的层叠顺序。 */
 @media (width<=1023px) {
   .grid[data-v-fe24aa37] {
     grid-template-columns: 1fr;