🎉 v1.3.1: 完美版本 - H5和小程序100%统一，64章精准数据，寻找合作伙伴功能

miniprogram/app.wxss

@@ -0,0 +1,105 @@
+/**app.wxss**/
+page {
+  background-color: #000000;
+  color: #ffffff;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
+}
+
+/* 全局容器 */
+.container {
+  min-height: 100vh;
+  padding: 0;
+  background: linear-gradient(180deg, #000000 0%, #0a0a0a 50%, #111111 100%);
+}
+
+/* 主品牌色 */
+.brand-color {
+  color: #FF4D4F;
+}
+
+.brand-bg {
+  background-color: #FF4D4F;
+}
+
+/* 按钮样式 */
+.btn-primary {
+  background: linear-gradient(135deg, #FF4D4F 0%, #FF7875 100%);
+  color: #ffffff;
+  border: none;
+  border-radius: 24rpx;
+  padding: 28rpx 48rpx;
+  font-size: 32rpx;
+  font-weight: 600;
+  box-shadow: 0 8rpx 24rpx rgba(255, 77, 79, 0.3);
+}
+
+.btn-secondary {
+  background: rgba(255, 255, 255, 0.1);
+  color: #ffffff;
+  border: 2rpx solid rgba(255, 255, 255, 0.2);
+  border-radius: 24rpx;
+  padding: 28rpx 48rpx;
+  font-size: 32rpx;
+}
+
+/* 卡片样式 */
+.card {
+  background: rgba(255, 255, 255, 0.05);
+  border-radius: 32rpx;
+  padding: 32rpx;
+  margin: 24rpx;
+  backdrop-filter: blur(20rpx);
+  border: 2rpx solid rgba(255, 255, 255, 0.1);
+}
+
+/* 骨架屏动画 */
+.skeleton {
+  background: linear-gradient(90deg, 
+    rgba(255, 255, 255, 0.05) 25%, 
+    rgba(255, 255, 255, 0.1) 50%, 
+    rgba(255, 255, 255, 0.05) 75%
+  );
+  background-size: 200% 100%;
+  animation: skeleton-loading 1.5s ease-in-out infinite;
+}
+
+@keyframes skeleton-loading {
+  0% {
+    background-position: 200% 0;
+  }
+  100% {
+    background-position: -200% 0;
+  }
+}
+
+/* iOS风格过渡 */
+.page-transition {
+  animation: fadeIn 0.3s ease-in-out;
+}
+
+@keyframes fadeIn {
+  from {
+    opacity: 0;
+    transform: translateY(20rpx);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+/* 文字渐变 */
+.gradient-text {
+  background: linear-gradient(135deg, #FF4D4F 0%, #FF7875 50%, #FFA39E 100%);
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+  background-clip: text;
+}
+
+/* 毛玻璃效果 */
+.glass-effect {
+  background: rgba(255, 255, 255, 0.05);
+  backdrop-filter: blur(20rpx);
+  -webkit-backdrop-filter: blur(20rpx);
+  border: 2rpx solid rgba(255, 255, 255, 0.1);
+}