docs: explain stylesheet ownership, responsive rules and display boundaries

app/assets/styles/MfDcimConfig.BhC_eZ0V.css

@@ -1,3 +1,5 @@
+/* 独立服务器产品配置：基础规格、可选资源、协议与镜像费用提示。 */
+/* 导入方：app/components/config/MfDcimConfig.vue、app/pages/products/[id].vue、app/pages/products/dedicated-server/customize.vue。 */
 .storage-grid[data-v-b5ff32bb] {
   grid-template-columns: repeat(2, minmax(0, 1fr));
   align-items: start;
@@ -23,6 +25,7 @@
   width: 0;
   min-width: 0;
 }
+/* 视口条件 (width<=639px) 下的响应式覆盖；保留相对基础规则的层叠顺序。 */
 @media (width<=639px) {
   .storage-grid[data-v-b5ff32bb] {
     grid-template-columns: 1fr;
@@ -61,6 +64,7 @@
   min-width: 0;
   font-size: 0.875rem;
 }
+/* 允许连续长文本换行，防止IP、密钥或用户输入撑破当前容器；不会修改原始数据。 */
 .base-specs strong[data-v-b5ff32bb] {
   color: var(--p-text-color);
   overflow-wrap: anywhere;
@@ -68,6 +72,7 @@
   font-weight: 500;
   display: block;
 }
+/* 允许连续长文本换行，防止IP、密钥或用户输入撑破当前容器；不会修改原始数据。 */
 .base-specs small[data-v-b5ff32bb] {
   overflow-wrap: anywhere;
   font-size: 0.8125rem;
@@ -148,6 +153,7 @@
 .config-change-fields .form-row[data-v-b5ff32bb] {
   margin-bottom: 0;
 }
+/* 视口条件 (width<=767px) 下的响应式覆盖；保留相对基础规则的层叠顺序。 */
 @media (width<=767px) {
   .config-change-fields[data-v-b5ff32bb] {
     grid-template-columns: 1fr;