/* 商品分组标题:名称与附加徽标的排列。 */ /* 导入方: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; vertical-align: middle; flex-wrap: wrap; gap: 5px 8px; min-width: 0; 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)); background: color-mix( in srgb, var(--p-primary-color) 9%, var(--p-content-background) ); max-width: 100%; color: var(--p-primary-700); overflow-wrap: anywhere; border-radius: var(--radius-md); padding: 1px 7px; font-size: 0.8125rem; font-weight: 600; line-height: 1.286rem; display: inline-block; }