docs: explain stylesheet ownership, responsive rules and display boundaries

app/assets/styles/JyCloudConfig.kGfttaHi.css

@@ -1,3 +1,5 @@
+/* 对应云产品配置：机型筛选表、资源滑块和防御选项。 */
+/* 导入方：app/components/config/JyCloudConfig.vue、app/pages/products/[id].vue、app/pages/products/cloud-server.vue。 */
 .storage-system[data-v-7837d303] {
   width: calc(50% - 8px);
 }
@@ -105,6 +107,7 @@
   cursor: pointer;
   margin: 0;
 }
+/* 键盘操作的可见焦点：不要只保留鼠标 hover 效果而移除此反馈。 */
 .jy-model-table td input[type="radio"][data-v-7837d303]:focus-visible {
   outline: 2px solid var(--p-primary-color);
   outline-offset: 3px;
@@ -141,6 +144,7 @@
   grid-area: 1/1;
   margin: 0;
 }
+/* 键盘操作的可见焦点：不要只保留鼠标 hover 效果而移除此反馈。 */
 .jy-resource-slider[data-v-7837d303]:focus-visible {
   outline: 2px solid var(--p-primary-color);
   outline-offset: 5px;
@@ -200,6 +204,7 @@
 .jy-dcim-config .image-groups[data-v-7837d303] {
   max-width: 960px;
 }
+/* 视口条件 (width<=767px) 下的响应式覆盖；保留相对基础规则的层叠顺序。 */
 @media (width<=767px) {
   .jy-config-row[data-v-7837d303] {
     grid-template-columns: 1fr;
@@ -220,6 +225,7 @@
     gap: 5px 12px;
   }
 }
+/* 视口条件 (width<=639px) 下的响应式覆盖；保留相对基础规则的层叠顺序。 */
 @media (width<=639px) {
   .storage-system[data-v-7837d303] {
     width: 100%;