feat: ai问答

pages/garden/index.wxss

@@ -83,19 +83,39 @@
   flex-shrink: 0;
 }
 
-.garden-banner-bg {
+.banner-swiper {
   width: 100%;
   height: 100%;
-  background: linear-gradient(135deg, #558B2F 0%, #7CB342 40%, #AED581 100%);
-  display: flex;
-  align-items: center;
-  justify-content: center;
 }
 
-.banner-deco {
-  font-size: 56rpx;
-  letter-spacing: 24rpx;
-  opacity: 0.4;
+.banner-image {
+  width: 100%;
+  height: 220rpx;
+  display: block;
+}
+
+/* Custom indicator dots */
+.banner-dots {
+  position: absolute;
+  bottom: 48rpx;
+  right: 32rpx;
+  display: flex;
+  gap: 10rpx;
+  z-index: 10;
+}
+
+.banner-dots .dot {
+  width: 12rpx;
+  height: 12rpx;
+  border-radius: 12rpx;
+  background: rgba(255, 255, 255, 0.4);
+  transition: all 0.3s ease;
+}
+
+.banner-dots .dot.active {
+  width: 32rpx;
+  background: rgba(255, 255, 255, 0.95);
+  box-shadow: 0 0 8rpx rgba(255, 255, 255, 0.5);
 }
 
 .banner-overlay {
@@ -201,6 +221,9 @@
 
 .status-wrap {
     display: flex;
+    align-items: center;
+    gap: 8rpx;
+    flex-wrap: wrap;
 }
 
 .status {
@@ -210,6 +233,20 @@
   padding: 4rpx 16rpx;
   border-radius: 12rpx;
   font-weight: 600;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  max-width: 180rpx;
+}
+
+.care-dot-badge {
+  font-size: 20rpx;
+  color: #1565C0;
+  background: #E3F2FD;
+  padding: 4rpx 12rpx;
+  border-radius: 10rpx;
+  font-weight: 600;
+  white-space: nowrap;
 }
 
 /* Custom Floating Button */