Add AMap location and weather header with warm mini program theme

pets-fe/app.wxss

@@ -1,8 +1,8 @@
 page {
   height: 100vh;
   overflow: hidden;
-  background: #f6f9f6;
-  color: #173e36;
+  background: #fff9f3;
+  color: #604a40;
   font-family: ui-rounded, "Hiragino Maru Gothic ProN", "PingFang SC", sans-serif;
   font-size: 28rpx;
   line-height: 1.5;
@@ -32,7 +32,7 @@ button::after {
   padding: 16rpx 32rpx calc(170rpx + env(safe-area-inset-bottom));
 }
 .eyebrow {
-  color: #8fa39b;
+  color: #886c5f;
   font-size: 22rpx;
   font-weight: 600;
   letter-spacing: 2rpx;
@@ -43,17 +43,17 @@ button::after {
   margin: 38rpx 0 20rpx;
 }
 .muted {
-  color: #8b9f96;
+  color: #886c5f;
 }
 .card {
   background: #fff;
   border-radius: 34rpx;
-  box-shadow: 0 15rpx 45rpx rgba(30, 70, 55, 0.05);
+  box-shadow: 0 15rpx 45rpx rgba(123, 84, 58, 0.06);
   padding: 28rpx;
   margin-bottom: 20rpx;
 }
 .primary {
-  background: #194f42;
+  background: #b95738;
   color: white;
   border-radius: 23rpx;
   font-size: 28rpx;
@@ -62,8 +62,8 @@ button::after {
   line-height: 1.3;
 }
 .secondary {
-  background: #e7f0e7;
-  color: #28674e;
+  background: #fff0e2;
+  color: #b95738;
   border-radius: 23rpx;
   font-size: 27rpx;
   font-weight: 600;
@@ -78,14 +78,14 @@ button::after {
   display: inline-flex;
   align-items: center;
   border-radius: 99rpx;
-  background: #e9f3e8;
-  color: #36805c;
+  background: #fff0e2;
+  color: #b95738;
   padding: 8rpx 18rpx;
   font-size: 23rpx;
 }
 .empty {
   text-align: center;
-  color: #9daf9f;
+  color: #886c5f;
   padding: 64rpx 24rpx;
 }
 .field {
@@ -93,7 +93,7 @@ button::after {
 }
 .field-label {
   font-size: 24rpx;
-  color: #718b7e;
+  color: #886c5f;
   margin-bottom: 12rpx;
 }
 .field input,