Fix capsule-aligned navigation and refresh mini program typography

pets-fe/app.wxss

@@ -3,8 +3,9 @@ page {
   overflow: hidden;
   background: #f6f9f6;
   color: #173e36;
-  font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", sans-serif;
+  font-family: ui-rounded, "Hiragino Maru Gothic ProN", "PingFang SC", sans-serif;
   font-size: 28rpx;
+  line-height: 1.5;
 }
 ::-webkit-scrollbar {
   display: none;
@@ -12,21 +13,12 @@ page {
   height: 0;
   color: transparent;
 }
-.page-scroll {
-  display: block;
-  width: 100%;
-  height: 100vh;
-}
-.page-scroll::-webkit-scrollbar {
-  display: none;
-  width: 0;
-  height: 0;
-}
 view,
 text,
 button,
 input,
-textarea {
+textarea,
+picker {
   box-sizing: border-box;
 }
 button {
@@ -36,8 +28,8 @@ button::after {
   border: 0;
 }
 .screen {
-  min-height: 100vh;
-  padding: 0 32rpx calc(170rpx + env(safe-area-inset-bottom));
+  min-height: 100%;
+  padding: 16rpx 32rpx calc(170rpx + env(safe-area-inset-bottom));
 }
 .eyebrow {
   color: #8fa39b;
@@ -45,15 +37,9 @@ button::after {
   font-weight: 600;
   letter-spacing: 2rpx;
 }
-.title {
-  font-size: 48rpx;
-  font-weight: 800;
-  line-height: 1.2;
-  margin: 12rpx 0 26rpx;
-}
 .section-title {
   font-size: 34rpx;
-  font-weight: 800;
+  font-weight: 600;
   margin: 38rpx 0 20rpx;
 }
 .muted {
@@ -71,7 +57,7 @@ button::after {
   color: white;
   border-radius: 23rpx;
   font-size: 28rpx;
-  font-weight: 700;
+  font-weight: 600;
   padding: 22rpx 30rpx;
   line-height: 1.3;
 }
@@ -80,7 +66,7 @@ button::after {
   color: #28674e;
   border-radius: 23rpx;
   font-size: 27rpx;
-  font-weight: 700;
+  font-weight: 600;
   padding: 20rpx;
 }
 .row {
@@ -111,8 +97,7 @@ button::after {
   margin-bottom: 12rpx;
 }
 .field input,
-.field textarea,
-.field picker {
+.field textarea {
   width: 100%;
   background: #fff;
   border-radius: 20rpx;
@@ -120,6 +105,10 @@ button::after {
   font-size: 28rpx;
   min-height: 76rpx;
 }
+.field picker {
+  display: block;
+  width: 100%;
+}
 .field textarea {
   height: 170rpx;
 }