docs: explain stylesheet ownership, responsive rules and display boundaries

app/assets/styles/ProductGroupLabel.B1kWpFA-.css

@@ -1,3 +1,5 @@
+/* 商品分组标题：名称与附加徽标的排列。 */
+/* 导入方：app/components/ProductGroupLabel.vue、app/components/config/CloudProductPicker.vue、app/pages/products/cloud-server.vue、app/pages/products/index.vue。 */
 .product-group-label[data-v-6806c62d] {
   align-items: center;
   justify-content: inherit;
@@ -8,10 +10,12 @@
   max-width: 100%;
   display: inline-flex;
 }
+/* 允许连续长文本换行，防止IP、密钥或用户输入撑破当前容器；不会修改原始数据。 */
 .product-group-name[data-v-6806c62d] {
   overflow-wrap: anywhere;
   min-width: 0;
 }
+/* 允许连续长文本换行，防止IP、密钥或用户输入撑破当前容器；不会修改原始数据。 */
 .product-group-badge[data-v-6806c62d] {
   border: 1px solid
     color-mix(in srgb, var(--p-primary-color) 24%, var(--p-content-background));