docs: explain stylesheet ownership, responsive rules and display boundaries

app/assets/styles/public-order.0RThfr7m.css

@@ -1,3 +1,5 @@
+/* 访客购买布局：品牌、登录入口、维护通知及跳到正文链接。 */
+/* 导入方：app/layouts/public-order.vue。 */
 .public-order-layout[data-v-f882e304] {
   background: var(--console-page-bg);
   min-height: 100dvh;
@@ -82,11 +84,13 @@
 .public-order-layout[data-v-f882e304]:has(.config-mobile-total) {
   padding-bottom: calc(84px + env(safe-area-inset-bottom, 0px));
 }
+/* 视口条件 (width>=1024px) 下的响应式覆盖；保留相对基础规则的层叠顺序。 */
 @media (width>=1024px) {
   .public-order-layout[data-v-f882e304]:has(.config-mobile-total) {
     padding-bottom: 0;
   }
 }
+/* 视口条件 (width<=640px) 下的响应式覆盖；保留相对基础规则的层叠顺序。 */
 @media (width<=640px) {
   .public-order-header[data-v-f882e304] {
     flex-wrap: wrap;