feat: 修复wiki样式问题

pages/wiki/index.wxss

@@ -10,26 +10,31 @@
 
 .wiki-scroll-area {
   flex: 1;
-  overflow-y: auto;
-  padding: 20rpx 40rpx;
+  overflow-y: hidden; /* Scroll-view handles overflow */
+  box-sizing: border-box;
 }
 
+/* Scroll-view inner content padding wrapper if needed, 
+   but we can apply padding to children or use a wrapper view inside.
+   Usually easier to apply padding to the items or a wrapper inside scroll-view. */
+
 .search-section {
+    padding: 20rpx 40rpx 0;
     margin-bottom: 32rpx;
 }
 
 .category-scroll {
   display: flex;
-  flex-wrap: wrap; /* TDesign Tags might wrap nicely */
+  flex-wrap: wrap;
+  padding: 0 40rpx;
   margin-bottom: 48rpx;
 }
 
-/* Old chips removed, replaced by t-tag */
-
 .wiki-list {
   display: flex;
   flex-direction: column;
   gap: 32rpx;
+  padding: 0 40rpx;
 }
 
 .wiki-card {
@@ -40,6 +45,11 @@
   align-items: center;
   gap: 36rpx;
   box-shadow: 0 4rpx 16rpx rgba(0,0,0,0.03);
+  transition: transform 0.1s;
+}
+
+.wiki-card:active {
+    transform: scale(0.98);
 }
 
 .wiki-image {
@@ -52,12 +62,37 @@
 }
 .wiki-image t-image { width: 100%; height: 100%; display: block; }
 
-.wiki-info { flex: 1; }
+.wiki-info { flex: 1; min-width: 0; }
 
-.wiki-top { margin-bottom: 8rpx; }
+.wiki-top { margin-bottom: 12rpx; }
 .wiki-name { font-size: 34rpx; font-weight: 700; color: var(--text-main); display: block; margin-bottom: 4rpx; }
 .scientific-name { font-size: 24rpx; color: #90A4AE; font-style: italic; font-family: serif; display: block; }
 
+.tags-row {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 8rpx; 
+}
+
+/* Loading Footer */
+.loading-footer {
+    padding: 40rpx;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
+.no-more-text {
+    font-size: 24rpx;
+    color: #CCC;
+}
+
+.empty-state {
+    padding: 80rpx 0;
+    text-align: center;
+    color: #999;
+    font-size: 28rpx;
+}
 
 /* Popup Styles */
 .popup-content {