docs: explain stylesheet ownership, responsive rules and display boundaries

app/assets/styles/server.DGuhrprb.css

@@ -1,3 +1,5 @@
+/* 服务器详情：实例标识、资料、动作确认及配置区域。 */
+/* 导入方：app/pages/servers/server.vue。 */
 .page[data-v-b18590a1] {
   flex-direction: column;
   gap: 12px;
@@ -147,6 +149,7 @@
 .fact label[data-v-b18590a1] {
   color: var(--p-text-muted-color);
 }
+/* 允许连续长文本换行，防止IP、密钥或用户输入撑破当前容器；不会修改原始数据。 */
 .fact > span[data-v-b18590a1] {
   overflow-wrap: anywhere;
   max-width: 100%;
@@ -158,6 +161,7 @@
   max-width: 100%;
   display: inline-flex;
 }
+/* 允许连续长文本换行，防止IP、密钥或用户输入撑破当前容器；不会修改原始数据。 */
 .ip-value .mono[data-v-b18590a1] {
   overflow-wrap: anywhere;
   min-width: 0;
@@ -228,6 +232,7 @@
   margin-bottom: 7px;
   display: block;
 }
+/* 视口条件 (width<=1199px) 下的响应式覆盖；保留相对基础规则的层叠顺序。 */
 @media (width<=1199px) {
   .host-head[data-v-b18590a1] {
     flex-wrap: wrap;
@@ -239,6 +244,7 @@
     grid-template-columns: minmax(160px, 2fr) repeat(3, minmax(90px, 1fr));
   }
 }
+/* 视口条件 (width<=767px) 下的响应式覆盖；保留相对基础规则的层叠顺序。 */
 @media (width<=767px) {
   .host-panel[data-v-b18590a1] {
     padding-top: 7px;