docs: explain stylesheet ownership, responsive rules and display boundaries

app/assets/styles/orders.BflDlvVz.css

@@ -1,3 +1,5 @@
+/* 订单列表：说明、金额、关联详情及筛选操作。 */
+/* 导入方：app/pages/finance/index.vue、app/pages/orders/index.vue。 */
 .bill-description[data-v-d87be2e3] {
   color: var(--p-text-muted-color);
   margin: 0;
@@ -15,6 +17,7 @@
   white-space: nowrap;
   font-weight: 500;
 }
+/* 允许连续长文本换行，防止IP、密钥或用户输入撑破当前容器；不会修改原始数据。 */
 .order-description[data-v-d87be2e3] {
   -webkit-line-clamp: 3;
   line-clamp: 3;
@@ -53,6 +56,7 @@
 .list-foot[data-v-d87be2e3] {
   justify-content: center;
 }
+/* 视口条件 (width<=640px) 下的响应式覆盖；保留相对基础规则的层叠顺序。 */
 @media (width<=640px) {
   .list-toolbar-right > .p-iconfield[data-v-d87be2e3] {
     flex-basis: 100%;