docs: explain stylesheet ownership, responsive rules and display boundaries

app/assets/styles/_id_.CSXsMADH.css

@@ -1,3 +1,5 @@
+/* 商品详情页：商品标题、相关入口与返回操作。 */
+/* 导入方：app/pages/products/[id].vue。 */
 .page[data-v-49461ec8] {
   flex-direction: column;
   gap: 32px;
@@ -14,6 +16,7 @@
   min-height: 36px;
   display: flex;
 }
+/* 允许连续长文本换行，防止IP、密钥或用户输入撑破当前容器；不会修改原始数据。 */
 .product-head h1[data-v-49461ec8] {
   overflow-wrap: anywhere;
   margin: 0;
@@ -45,6 +48,7 @@
 .cart-link[data-v-49461ec8]:hover {
   color: var(--p-primary-color);
 }
+/* 视口条件 (width<=639px) 下的响应式覆盖；保留相对基础规则的层叠顺序。 */
 @media (width<=639px) {
   .product-head[data-v-49461ec8] {
     flex-wrap: wrap;