Add AMap location and weather header with warm mini program theme

pets-fe/pages/home/home.wxss

@@ -1,12 +1,12 @@
 .hero {
   min-height: 330rpx;
-  background: #194f42;
+  background: linear-gradient(135deg, #fff0dd, #ffdec7);
   border-radius: 38rpx;
   display: flex;
   align-items: center;
   gap: 12rpx;
   padding: 35rpx;
-  color: white;
+  color: #694c3f;
 }
 .hero-copy {
   display: flex;
@@ -15,7 +15,7 @@
   min-width: 0;
 }
 .hero-small {
-  color: #abd9b8;
+  color: #7c5b46;
   font-size: 23rpx;
   font-weight: 600;
 }
@@ -26,11 +26,11 @@
 }
 .hero-meta {
   font-size: 23rpx;
-  color: #d9eadd;
+  color: #7c5b46;
 }
 .hero-caption {
   font-size: 20rpx;
-  color: #b5e2be;
+  color: #7c5b46;
   margin-top: 36rpx;
 }
 .hero image {
@@ -43,7 +43,7 @@
 }
 .link {
   font-size: 24rpx;
-  color: #398668;
+  color: #b95738;
   font-weight: 600;
 }
 .walk-card {
@@ -58,7 +58,7 @@
   width: 145rpx;
   height: 145rpx;
   border-radius: 26rpx;
-  background: #dfeedd;
+  background: #fff0e2;
   display: grid;
   place-items: center;
   font-size: 72rpx;
@@ -73,7 +73,7 @@
 }
 .picker-label {
   font-size: 23rpx;
-  color: #7d9989;
+  color: #886c5f;
   margin: 27rpx 0 16rpx;
 }
 .start {
@@ -95,11 +95,11 @@
   background: #f7eadc;
 }
 .stats > view:nth-child(3) {
-  background: #e8efea;
+  background: #edf2fb;
 }
 .stats text {
   display: block;
-  color: #8da49a;
+  color: #886c5f;
   font-size: 22rpx;
 }
 .stats strong {
@@ -109,7 +109,7 @@
 }
 .stats small {
   font-size: 22rpx;
-  color: #94a69d;
+  color: #886c5f;
 }
 .tasks {
   padding: 12rpx 25rpx;
@@ -119,7 +119,7 @@
   align-items: center;
   gap: 17rpx;
   padding: 22rpx 0;
-  border-bottom: 1rpx solid #edf1ed;
+  border-bottom: 1rpx solid #ece2d8;
 }
 .task:last-child {
   border: 0;
@@ -127,21 +127,21 @@
 .check {
   width: 40rpx;
   height: 40rpx;
-  border: 3rpx solid #cfdfd2;
+  border: 3rpx solid #ece2d8;
   border-radius: 13rpx;
   text-align: center;
   line-height: 37rpx;
   color: white;
 }
 .check.done {
-  background: #3b9164;
-  border-color: #3b9164;
+  background: #b95738;
+  border-color: #b95738;
 }
 .task-icon {
   width: 65rpx;
   height: 65rpx;
   border-radius: 16rpx;
-  background: #f0f5ee;
+  background: #fff0e2;
   display: grid;
   place-items: center;
   font-size: 34rpx;