docs: explain stylesheet ownership, responsive rules and display boundaries

app/assets/styles/_id_.gjoJy9S8.css

@@ -1,3 +1,5 @@
+/* 订单详情/付款凭据：收据明细、流水、转账凭证及打印区域。 */
+/* 导入方：app/pages/bills/[id].vue、app/pages/orders/[id].vue、app/pages/orders/order/index.vue、app/pages/orders/order/paid.vue、app/pages/orders/order/pay.vue。 */
 .receipt-page[data-v-b3b3cd9c] {
   width: 100%;
   max-width: 560px;
@@ -22,6 +24,7 @@
 .receipt-nav a[data-v-b3b3cd9c]:hover {
   color: var(--p-primary-color);
 }
+/* 允许连续长文本换行，防止IP、密钥或用户输入撑破当前容器；不会修改原始数据。 */
 .receipt-nav > span[data-v-b3b3cd9c] {
   overflow-wrap: anywhere;
   text-align: right;
@@ -74,6 +77,7 @@
   height: 49px;
   display: grid;
 }
+/* 允许连续长文本换行，防止IP、密钥或用户输入撑破当前容器；不会修改原始数据。 */
 .receipt-heading h2[data-v-b3b3cd9c] {
   overflow-wrap: anywhere;
   margin: 0 0 4px;
@@ -342,6 +346,7 @@
   gap: 14px;
   display: grid;
 }
+/* 视口条件 (width<=900px) 下的响应式覆盖；保留相对基础规则的层叠顺序。 */
 @media (width<=900px) {
   .payment-page .receipt-layout[data-v-b3b3cd9c] {
     grid-template-columns: minmax(0, 1fr);
@@ -359,6 +364,7 @@
     margin-bottom: 28px;
   }
 }
+/* 视口条件 (width<=600px) 下的响应式覆盖；保留相对基础规则的层叠顺序。 */
 @media (width<=600px) {
   .receipt[data-v-b3b3cd9c] {
     gap: 35px;
@@ -409,6 +415,7 @@
     margin-inline: 0;
   }
 }
+/* 打印介质覆盖：独立处理纸张上的显隐和排版，不直接沿用屏幕布局。 */
 @media print {
   .receipt-actions[data-v-b3b3cd9c],
   .receipt-feedback[data-v-b3b3cd9c],