feat: 百科rag

pages/community/index.wxss

@@ -276,31 +276,75 @@ page {
   flex-direction: column;
   align-items: center;
   justify-content: center;
-  padding: 120rpx 40rpx;
-  color: #999;
+  padding: 100rpx 40rpx 60rpx;
 }
 
-.empty-icon {
-  width: 160rpx;
-  height: 160rpx;
-  background: #f5f5f5;
-  border-radius: 50%;
+.empty-scene {
+  position: relative;
   display: flex;
   align-items: center;
   justify-content: center;
   margin-bottom: 32rpx;
 }
 
-.empty-text {
+.empty-glow {
+  position: absolute;
+  width: 240rpx;
+  height: 240rpx;
+  border-radius: 50%;
+  background: radial-gradient(circle, rgba(85,139,47,0.12) 0%, transparent 70%);
+  animation: emptyPulse 3s ease-in-out infinite;
+}
+
+@keyframes emptyPulse {
+  0%, 100% { transform: scale(1); opacity: 0.7; }
+  50% { transform: scale(1.1); opacity: 1; }
+}
+
+.empty-emoji {
+  font-size: 96rpx;
+  position: relative;
+  z-index: 2;
+}
+
+.anim-breathe {
+  animation: breathe 3s ease-in-out infinite;
+}
+
+@keyframes breathe {
+  0%, 100% { transform: scale(1) translateY(0); }
+  50% { transform: scale(1.05) translateY(-8rpx); }
+}
+
+.empty-title {
   font-size: 32rpx;
-  font-weight: 600;
-  color: #666;
-  margin-bottom: 12rpx;
+  font-weight: 700;
+  color: #558B2F;
+  margin-bottom: 8rpx;
 }
 
 .empty-hint {
   font-size: 26rpx;
-  color: #999;
+  color: #90A4AE;
+  margin-bottom: 36rpx;
+}
+
+.empty-cta {
+  display: flex;
+  align-items: center;
+  gap: 8rpx;
+  padding: 16rpx 40rpx;
+  border-radius: 40rpx;
+  background: linear-gradient(135deg, #558B2F, #7CB342);
+  color: #fff;
+  font-size: 28rpx;
+  font-weight: 600;
+  box-shadow: 0 6rpx 20rpx rgba(85,139,47,0.3);
+  transition: all 0.15s;
+}
+
+.empty-cta:active {
+  transform: scale(0.95);
 }
 
 /* Floating Action Button */
@@ -308,23 +352,23 @@ page {
     position: fixed;
     right: 40rpx;
     bottom: 60rpx;
-    background: #558B2F;
+    background: rgba(85, 139, 47, 0.92);
+    backdrop-filter: blur(12px);
     color: white;
-    padding: 24rpx 40rpx;
-    border-radius: 60rpx;
+    padding: 20rpx 36rpx;
+    border-radius: 48rpx;
     display: flex;
     align-items: center;
-    gap: 12rpx;
-    box-shadow: 0 12rpx 32rpx rgba(85, 139, 47, 0.4);
+    gap: 10rpx;
+    box-shadow: 0 8rpx 28rpx rgba(85, 139, 47, 0.35);
     z-index: 100;
-    font-size: 28rpx;
+    font-size: 26rpx;
     font-weight: 700;
     transition: all 0.2s ease;
 }
 
 .floating-add-btn:active {
     transform: scale(0.92);
-    box-shadow: 0 4rpx 16rpx rgba(85, 139, 47, 0.2);
 }
 
 /* WeChat Style Action Container */