docs: explain stylesheet ownership, responsive rules and display boundaries

app/assets/styles/cart.CSS2vTmS.css

@@ -1,3 +1,5 @@
+/* 购物车：商品行、配置/数量/报价反馈和结算汇总。 */
+/* 导入方：app/pages/cart/index.vue。 */
 .page[data-v-11d8a39a] {
   flex-direction: column;
   gap: 21px;
@@ -24,6 +26,7 @@
   margin: 4px 0 0;
   font-size: 0.9375rem;
 }
+/* 购物车商品区与结算区的布局；下方容器查询针对商品卡片可用宽度，而非整个视口。 */
 .cart-layout[data-v-11d8a39a] {
   grid-template-columns: minmax(0, 3.15fr) minmax(270px, 1fr);
   align-items: start;
@@ -85,6 +88,7 @@
   flex: 1;
   min-width: 0;
 }
+/* 允许连续长文本换行，防止IP、密钥或用户输入撑破当前容器；不会修改原始数据。 */
 .item-name[data-v-11d8a39a] {
   overflow-wrap: anywhere;
   font-size: 1rem;
@@ -104,6 +108,7 @@
   min-width: 0;
   display: flex;
 }
+/* 允许连续长文本换行，防止IP、密钥或用户输入撑破当前容器；不会修改原始数据。 */
 .item-configuration dt[data-v-11d8a39a] {
   color: var(--p-text-muted-color);
   overflow-wrap: anywhere;
@@ -123,6 +128,7 @@
 .item-main[data-v-11d8a39a] {
   container-type: inline-size;
 }
+/* 容器条件 (width>=560px) 下调整内部排列，判断的是容器可用宽度，不是整个视口。 */
 @container (width>=560px) {
   .item-configuration[data-v-11d8a39a] {
     grid-template-columns: repeat(2, minmax(0, 1fr));
@@ -160,6 +166,7 @@
   font-size: 1.125rem;
   font-weight: 600;
 }
+/* 报价状态与错误提示独立展示，避免价格更新时页面尺寸剧烈变化。 */
 .quote-status[data-v-11d8a39a] {
   color: var(--p-text-muted-color);
   margin-bottom: 4px;
@@ -251,6 +258,7 @@
 .empty-panel[data-v-11d8a39a] .p-button {
   margin-top: 8px;
 }
+/* 视口条件 (width<=1023px) 下的响应式覆盖；保留相对基础规则的层叠顺序。 */
 @media (width<=1023px) {
   .cart-layout[data-v-11d8a39a] {
     grid-template-columns: 1fr;
@@ -259,6 +267,7 @@
     position: static;
   }
 }
+/* 视口条件 (width<=639px) 下的响应式覆盖；保留相对基础规则的层叠顺序。 */
 @media (width<=639px) {
   .page[data-v-11d8a39a] {
     gap: 18px;