一体机放大效果开发

packageA/pages/agreement/user.vue

@@ -199,21 +199,21 @@ const disagreeAgreement = () => {
     display: flex
     flex-direction: column
     .nav-bar
-        height: 88rpx
+        height: 132rpx
         background: #fff
         display: flex
         align-items: center
         justify-content: space-between
-        padding: 0 32rpx
-        box-shadow: 0 2rpx 8rpx rgba(0,0,0,0.05)
+        padding: 0 48rpx
+        box-shadow: 0 3rpx 12rpx rgba(0,0,0,0.05)
         position: sticky
         top: 0
         z-index: 10
         
         .nav-left
         .nav-right
-            width: 80rpx
-            height: 88rpx
+            width: 120rpx
+            height: 132rpx
             display: flex
             align-items: center
             
@@ -224,7 +224,7 @@ const disagreeAgreement = () => {
             justify-content: flex-end
             
         .nav-title
-            font-size: 32rpx
+            font-size: 48rpx
             font-weight: 600
             color: #333
     
@@ -233,59 +233,59 @@ const disagreeAgreement = () => {
         height: 0 /* 让flex:1生效 */
         
     .agreement-content
-        padding: 32rpx
+        padding: 48rpx
         background: #fff
-        margin: 20rpx
-        border-radius: 16rpx
+        margin: 30rpx
+        border-radius: 24rpx
         
     .agreement-title
-        font-size: 36rpx
+        font-size: 54rpx
         font-weight: 700
         color: #333
         text-align: center
-        margin-bottom: 40rpx
+        margin-bottom: 60rpx
         
     .important-tip
         background: #f0f5ff
-        border-left: 8rpx solid #256bfa
-        padding: 24rpx
-        margin-bottom: 40rpx
-        font-size: 28rpx
+        border-left: 12rpx solid #256bfa
+        padding: 36rpx
+        margin-bottom: 60rpx
+        font-size: 42rpx
         line-height: 1.6
         color: #333
         
     .section
-        margin-bottom: 48rpx
+        margin-bottom: 72rpx
         
     .section-title
-        font-size: 32rpx
+        font-size: 48rpx
         font-weight: 600
         color: #333
-        margin-bottom: 32rpx
-        padding-bottom: 16rpx
-        border-bottom: 2rpx solid #f0f0f0
+        margin-bottom: 48rpx
+        padding-bottom: 24rpx
+        border-bottom: 3rpx solid #f0f0f0
         
     .section-subtitle
-        font-size: 28rpx
+        font-size: 42rpx
         font-weight: 600
         color: #333
-        margin-bottom: 24rpx
+        margin-bottom: 36rpx
         
     .section-content
-        margin-bottom: 32rpx
+        margin-bottom: 48rpx
         
     .paragraph
         display: flex
-        margin-bottom: 24rpx
+        margin-bottom: 36rpx
         
     .paragraph-title
         font-weight: 500
         color: #333
-        min-width: 120rpx
+        min-width: 180rpx
         flex-shrink: 0
         
     .paragraph-text
-        font-size: 26rpx
+        font-size: 39rpx
         line-height: 1.6
         color: #666
         flex: 1
@@ -294,27 +294,27 @@ const disagreeAgreement = () => {
         margin-bottom: 0
     
     .agreement-actions
-        margin-top: 60rpx
-        padding: 0 32rpx
+        margin-top: 90rpx
+        padding: 0 48rpx
         display: flex
         flex-direction: column
-        gap: 24rpx
+        gap: 36rpx
         
         .agree-btn
             width: 100%
-            height: 88rpx
-            border-radius: 44rpx
+            height: 132rpx
+            border-radius: 66rpx
             display: flex
             align-items: center
             justify-content: center
-            font-size: 32rpx
+            font-size: 48rpx
             font-weight: 500
             border: none
             
             &.primary
                 background: linear-gradient(135deg, #256BFA 0%, #1E5BFF 100%)
                 color: #FFFFFF
-                box-shadow: 0 8rpx 20rpx rgba(37, 107, 250, 0.3)
+                box-shadow: 0 12rpx 30rpx rgba(37, 107, 250, 0.3)
             
             &.secondary
                 background: #F7F8FA