加入效果

miniprogram/pages/index/index.wxss

@@ -0,0 +1,115 @@
+/**index.wxss**/
+page {
+  height: 100%;
+  width: 100%;
+  overflow: hidden;
+}
+
+.container {
+  height: 100vh;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 0 30rpx;
+  position: relative;
+  z-index: 1;
+}
+
+.bg-image {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: -1;
+}
+
+.content-wrapper {
+  background-color: rgba(255, 255, 255, 0.9);
+  border-radius: 30rpx;
+  padding: 50rpx 40rpx;
+  width: 85%;
+  box-shadow: 0 10rpx 30rpx rgba(0, 0, 0, 0.2);
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  backdrop-filter: blur(10rpx);
+  border: 2rpx solid rgba(255, 255, 255, 0.7);
+}
+
+.title {
+  font-size: 44rpx;
+  margin-bottom: 20rpx;
+  text-align: center;
+  font-weight: bold;
+  color: #FF6D00;
+  text-shadow: 0 2rpx 4rpx rgba(0,0,0,0.1);
+}
+
+.subtitle {
+  font-size: 32rpx;
+  margin-bottom: 40rpx;
+  text-align: center;
+  color: #555;
+}
+
+.btn {
+  width: 90%;
+  color: white;
+  font-size: 34rpx;
+  border-radius: 50rpx;
+  padding: 24rpx 0;
+  margin-top: 30rpx;
+  box-shadow: 0 6rpx 10rpx rgba(0,0,0,0.1);
+  font-weight: bold;
+  letter-spacing: 2rpx;
+  transition: all 0.3s;
+}
+
+.btn:active {
+  transform: translateY(3rpx);
+  box-shadow: 0 3rpx 5rpx rgba(0,0,0,0.1);
+}
+
+.pay-btn {
+  background: linear-gradient(135deg, #1989fa, #0066cc);
+}
+
+.game-btn {
+  background: linear-gradient(135deg, #ff9800, #ff5722);
+  animation: pulse 1.5s infinite;
+}
+
+@keyframes pulse {
+  0% {
+    transform: scale(1);
+  }
+  50% {
+    transform: scale(1.05);
+  }
+  100% {
+    transform: scale(1);
+  }
+}
+
+.clear-btn {
+  position: fixed;
+  left: 20rpx;
+  bottom: 20rpx;
+  padding: 12rpx 24rpx;
+  background-color: rgba(255, 255, 255, 0.8);
+  border: 1rpx solid #ccc;
+  border-radius: 20rpx;
+  font-size: 24rpx;
+  color: #666;
+  z-index: 100;
+  opacity: 0.7;
+  transition: all 0.3s;
+}
+
+.clear-btn:active {
+  opacity: 1;
+  background-color: rgba(255, 255, 255, 0.9);
+  transform: scale(0.95);
+}