配色和二维码滚动修复

style: 统一界面视觉风格与配色方 在遮罩层和内容区都加上 catchtouchmove 阻止触摸穿透滚动：

pages/appointment/appointment.wxss

@@ -1,6 +1,6 @@
 /**appointment.wxss**/
 page {
-  background-color: #f5f7fa;
+  background-color: #f0f5fa;
   min-height: 100vh;
 }
 
@@ -9,27 +9,28 @@ page {
 }
 
 .section {
-  background: #fff;
-  border-radius: 20rpx;
+  background: #ffffff;
+  border-radius: 24rpx;
   padding: 32rpx;
-  margin-bottom: 24rpx;
-  box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.04);
+  margin-bottom: 20rpx;
+  box-shadow: 0 4rpx 20rpx rgba(91, 155, 213, 0.08);
 }
 
 .section-title {
   font-size: 30rpx;
   font-weight: 600;
-  color: #1a1a1a;
+  color: #2c3e50;
   margin-bottom: 24rpx;
-  padding-left: 16rpx;
-  border-left: 6rpx solid #1890ff;
+  padding-left: 20rpx;
+  border-left: 6rpx solid #5b9bd5;
+  letter-spacing: 2rpx;
 }
 
 .form-group {
   display: flex;
   align-items: center;
   min-height: 88rpx;
-  border-bottom: 1rpx solid #f0f0f0;
+  border-bottom: 1rpx solid #e8eef5;
 }
 
 .form-group:last-child {
@@ -39,14 +40,14 @@ page {
 .form-label {
   width: 160rpx;
   font-size: 28rpx;
-  color: #333;
+  color: #7f8fa6;
   flex-shrink: 0;
 }
 
 .form-input {
   flex: 1;
   font-size: 28rpx;
-  color: #1a1a1a;
+  color: #2c3e50;
   height: 88rpx;
 }
 
@@ -63,17 +64,17 @@ page {
 
 .picker-value {
   font-size: 28rpx;
-  color: #1a1a1a;
+  color: #2c3e50;
 }
 
 .picker-placeholder {
   font-size: 28rpx;
-  color: #ccc;
+  color: #b8c9db;
 }
 
 .picker-arrow {
   font-size: 32rpx;
-  color: #ccc;
+  color: #b8c9db;
 }
 
 .submit-wrap {
@@ -83,8 +84,9 @@ page {
   right: 0;
   padding: 20rpx 32rpx;
   padding-bottom: calc(20rpx + env(safe-area-inset-bottom));
-  background: #fff;
-  box-shadow: 0 -2rpx 12rpx rgba(0, 0, 0, 0.06);
+  background: #ffffff;
+  border-top: 1rpx solid #e8eef5;
+  box-shadow: 0 -4rpx 16rpx rgba(91, 155, 213, 0.06);
 }
 
 .submit-btn {
@@ -93,7 +95,7 @@ page {
   display: flex;
   align-items: center;
   justify-content: center;
-  background: #1890ff;
+  background: linear-gradient(135deg, #5b9bd5, #4a8bc2);
   color: #fff;
   font-size: 32rpx;
   font-weight: 600;
@@ -102,6 +104,8 @@ page {
   padding: 0;
   margin: 0;
   line-height: 1;
+  letter-spacing: 4rpx;
+  box-shadow: 0 6rpx 24rpx rgba(91, 155, 213, 0.3);
 }
 
 .submit-btn::after {
@@ -109,6 +113,7 @@ page {
 }
 
 .submit-btn[disabled] {
-  background: #b3d9ff;
-  color: #fff;
+  background: #d6e2ef;
+  color: #94aec5;
+  box-shadow: none;
 }