做双端审批流

uniapp/src/styles/page-common.scss

@@ -69,3 +69,27 @@
 	font-size: 22rpx;
 	line-height: 1.6;
 }
+
+// ============ 弹层宽屏自适应（全局约定，新弹层直接复用即可，无需逐页调） ============
+// 用法：铺满式遮罩根元素内 `@include mask-responsive;`，其底部面板内 `@include sheet-responsive;`
+// 手机竖屏（<560px）不命中，行为不变；宽屏下遮罩仍铺满做暗色背景，面板收敛为居中手机列宽。
+@mixin mask-responsive {
+	@media (min-width: 560px) {
+		justify-content: center;
+	}
+}
+
+@mixin sheet-responsive($w: 560px) {
+	@media (min-width: 560px) {
+		max-width: $w;
+	}
+}
+
+// 居中弹窗（非贴底）：宽屏下把固定定位的遮罩面板限制为列宽并水平+垂直居中
+@mixin dialog-responsive($w: 560px) {
+	@media (min-width: 560px) {
+		max-width: $w;
+		left: 50%;
+		transform: translateX(-50%);
+	}
+}