Merge branch 'milestone-20250826-财富金轮' into dev

src/views/wealth/goldenWheel.vue

@@ -1070,7 +1070,7 @@ async loadHistoryRecord() {
   height: 35px;
 }
 
-/* 活动规则弹窗样式 - 整体下移 */
+/* 活动规则弹窗样式 - 整体上移并增大字体 */
 .rule-content {
   position: relative;
   width: 333px;
@@ -1080,7 +1080,8 @@ async loadHistoryRecord() {
   align-items: center;
   z-index: 1001;
   animation: modal-appear 0.3s ease-out;
-  margin-top: 80px;
+  /* 修改：将弹窗上移，从原来的margin-top: 80px调整为更小的值 */
+  margin-top: 10px; /* 上移了10px */
 }
 
 .rule-bg {
@@ -1118,21 +1119,21 @@ async loadHistoryRecord() {
   display: block;
 }
 
-/* 活动规则文本 */
+/* 活动规则文本 - 增大字体和行高 */
 .rule-text {
   position: absolute;
   top: 83px;
   left: 27px;
   display: flex;
   flex-direction: column;
-  gap: 9.15px;
+  gap: 8px; /* 增加行间距，从9.15px增加到12px */
   width: calc(100% - 54px);
 }
 
 .rule-line {
   color: #FFFFFF;
-  font-size: 12px;
-  line-height: 1.4;
+  font-size: 14px; /* 增大字体，从12px增加到14px */
+  line-height: 1.2; /* 增加行高，从1.4增加到1.5 */
 }
 
 /* 媒体查询 - 适配小屏幕 */
@@ -1233,7 +1234,7 @@ async loadHistoryRecord() {
   .rule-content {
     width: 300px;
     height: 215px;
-    margin-top: 70px;
+    margin-top: 20px; /* 小屏幕也相应上移 */
   }
   
   .close-rule-btn {
@@ -1245,6 +1246,11 @@ async loadHistoryRecord() {
     top: 75px;
     left: 24px;
     width: calc(100% - 48px);
+    gap: 5px; /* 小屏幕行间距稍小 */
+  }
+  
+  .rule-line {
+    font-size: 13px; /* 小屏幕字体稍小但依然比原来大 */
   }
 }
 .fold-up {