docs: explain stylesheet ownership, responsive rules and display boundaries

app/assets/styles/InstanceServiceInfo.BftSVIeW.css

@@ -1,3 +1,5 @@
+/* 实例服务信息：键值资料、密码显示按钮及流量恢复说明。 */
+/* 导入方：app/components/instance/DcimManage.vue、app/components/instance/InstanceManage.vue、app/components/instance/InstanceServiceInfo.vue、app/pages/servers/server.vue。 */
 .service-info[data-v-0ff5d554] {
   background: var(--console-panel-bg);
   border: 1px solid var(--console-panel-border);
@@ -30,6 +32,7 @@ dt[data-v-0ff5d554] {
   color: var(--p-text-muted-color);
   flex: 0 0 88px;
 }
+/* 允许连续长文本换行，防止IP、密钥或用户输入撑破当前容器；不会修改原始数据。 */
 dd[data-v-0ff5d554] {
   overflow-wrap: anywhere;
   min-width: 0;
@@ -53,6 +56,7 @@ dd[data-v-0ff5d554] {
   margin: 0;
   line-height: 1.7;
 }
+/* 视口条件 (width<=767px) 下的响应式覆盖；保留相对基础规则的层叠顺序。 */
 @media (width<=767px) {
   .service-rows[data-v-0ff5d554] {
     grid-template-columns: 1fr;