feat: 星之界打手端UI与提现/充值/排行榜等页面同步更新

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
XingQue
2026-07-08 22:56:08 +08:00
parent 40bc391f76
commit 2ea2860791
103 changed files with 7856 additions and 6814 deletions

View File

@@ -2,20 +2,20 @@
/* 🔴【样式与cfss页面基本相同只添加了独占按钮样式】 */
:root {
--cyber-blue: rgba(0, 243, 255, 0.7);
--cyber-pink: rgba(255, 0, 255, 0.7);
--cyber-purple: rgba(157, 0, 255, 0.7);
--cyber-green: rgba(0, 255, 157, 0.7);
--cyber-red: rgba(255, 0, 102, 0.7);
--cyber-blue: rgba(255, 208, 97, 0.85);
--cyber-pink: rgba(255, 192, 163, 0.85);
--cyber-purple: rgba(230, 126, 34, 0.85);
--cyber-green: rgba(76, 175, 80, 0.85);
--cyber-red: rgba(230, 74, 25, 0.85);
--cyber-bg: #2a2a3a;
--cyber-card: #333344;
--cyber-border: rgba(255, 255, 255, 0.15);
--cyber-glow: rgba(0, 243, 255, 0.2);
--cyber-bg: #fff8e1;
--cyber-card: #fef6d4;
--cyber-border: rgba(255, 208, 97, 0.35);
--cyber-glow: rgba(255, 208, 97, 0.2);
--cyber-text: #ffffff;
--cyber-text-light: #e6e6e6;
--cyber-text-lighter: #cccccc;
--cyber-text: #333333;
--cyber-text-light: #666666;
--cyber-text-lighter: #888888;
}
.cfss-container {
@@ -38,8 +38,8 @@
bottom: 0;
background-image:
linear-gradient(rgba(0, 243, 255, 0.05) 1px, transparent 1px),
linear-gradient(90deg, rgba(0, 243, 255, 0.05) 1px, transparent 1px);
linear-gradient(rgba(255, 208, 97, 0.08) 1px, transparent 1px),
linear-gradient(90deg, rgba(255, 208, 97, 0.08) 1px, transparent 1px);
background-size: 40rpx 40rpx;
pointer-events: none;
opacity: 0.15;
@@ -48,14 +48,14 @@
/* ====== 统计卡片 ====== */
.tongji-card {
background: rgba(255, 0, 102, 0.3);
background: #fef6d4;
border-radius: 20rpx;
padding: 30rpx;
margin-bottom: 30rpx;
border: 1rpx solid var(--cyber-border);
box-shadow:
0 0 20rpx rgba(255, 0, 102, 0.2),
inset 0 0 10rpx rgba(0, 243, 255, 0.05);
inset 0 0 10rpx rgba(255, 208, 97, 0.05);
position: relative;
overflow: hidden;
z-index: 1;
@@ -109,7 +109,7 @@
/* ====== 类型切换 ====== */
.leixing-qiehuan {
display: flex;
background: rgba(255, 0, 102, 0.3);
background: #fef6d4;
border-radius: 16rpx;
padding: 10rpx;
margin-bottom: 30rpx;
@@ -133,8 +133,8 @@
}
.leixing-active {
background: linear-gradient(135deg, rgba(0, 243, 255, 0.15), rgba(157, 0, 255, 0.15));
box-shadow: 0 0 15rpx rgba(0, 243, 255, 0.2);
background: linear-gradient(135deg, rgba(250, 224, 77, 0.25), rgba(255, 192, 163, 0.25));
box-shadow: 0 0 15rpx rgba(255, 208, 97, 0.2);
}
.leixing-text {
@@ -211,7 +211,7 @@
/* 处罚卡片 */
.chufa-card {
background: rgba(560, 50, 65, 0.8);
background: #fff;
border-radius: 20rpx;
padding: 30rpx;
margin-bottom: 30rpx;
@@ -236,7 +236,7 @@
right: -1px;
bottom: -1px;
border-radius: 21rpx;
background: linear-gradient(45deg, rgba(138, 60, 138, 0.3), rgba(131, 208, 212, 0.3), rgba(255, 0, 255, 0.3), rgba(0, 243, 255, 0.3));
background: linear-gradient(45deg, rgba(250, 224, 77, 0.3), rgba(255, 192, 163, 0.3), rgba(255, 208, 97, 0.3), rgba(255, 224, 130, 0.3));
z-index: -1;
opacity: 0;
transition: opacity 0.3s ease;
@@ -298,9 +298,9 @@
}
.zhuangtai-weizhi {
background: rgba(128, 0, 255, 0.2);
border-color: rgba(128, 0, 255, 0.5);
box-shadow: 0 0 8rpx rgba(128, 0, 255, 0.2);
background: rgba(255, 152, 0, 0.15);
border-color: rgba(255, 152, 0, 0.5);
box-shadow: 0 0 8rpx rgba(255, 152, 0, 0.2);
}
/* 其他文字内容 */
@@ -423,7 +423,7 @@
.modal-content {
position: relative;
background: #3a3a4a;
background: #fff;
border-radius: 30rpx;
width: 90%;
max-height: 80vh;
@@ -458,11 +458,11 @@
justify-content: center;
border-radius: 50%;
background: rgba(137, 210, 214, 0.1);
border: 1rpx solid rgba(0, 243, 255, 0.3);
border: 1rpx solid rgba(255, 208, 97, 0.3);
}
.modal-close:active {
background: rgba(0, 243, 255, 0.2);
background: rgba(255, 208, 97, 0.2);
transform: scale(0.95);
}
@@ -492,7 +492,7 @@
color: var(--cyber-blue);
margin-bottom: 25rpx;
padding-bottom: 15rpx;
border-bottom: 1rpx solid rgba(0, 243, 255, 0.2);
border-bottom: 1rpx solid rgba(255, 208, 97, 0.2);
text-shadow: 0 0 8rpx var(--cyber-blue);
}
@@ -534,13 +534,13 @@
font-size: 24rpx;
padding: 8rpx 20rpx;
border-radius: 8rpx;
background: rgba(0, 243, 255, 0.1);
border: 1rpx solid rgba(0, 243, 255, 0.3);
background: rgba(255, 208, 97, 0.1);
border: 1rpx solid rgba(255, 208, 97, 0.3);
flex-shrink: 0;
}
.fuzhi-btn:active {
background: rgba(0, 243, 255, 0.2);
background: rgba(255, 208, 97, 0.2);
}
.full-row {
@@ -598,7 +598,7 @@
border-radius: 10rpx;
overflow: hidden;
position: relative;
border: 1rpx solid rgba(0, 243, 255, 0.2);
border: 1rpx solid rgba(255, 208, 97, 0.2);
}
.tupian-image {
@@ -628,7 +628,7 @@
.preview-text {
color: white;
font-size: 24rpx;
background: rgba(0, 243, 255, 0.7);
background: rgba(255, 208, 97, 0.7);
padding: 8rpx 16rpx;
border-radius: 8rpx;
}
@@ -636,7 +636,7 @@
/* 🔴【新增】弹窗底部按钮独占一行样式 */
.modal-footer {
padding: 30rpx;
border-top: 1rpx solid rgba(0, 243, 255, 0.2);
border-top: 1rpx solid rgba(255, 208, 97, 0.2);
flex-shrink: 0;
}
@@ -666,9 +666,9 @@
/* 按钮样式 */
.btn-kefu {
background: rgba(0, 243, 255, 0.1);
background: rgba(255, 208, 97, 0.1);
border-color: var(--cyber-blue);
box-shadow: 0 0 12rpx rgba(0, 243, 255, 0.2);
box-shadow: 0 0 12rpx rgba(255, 208, 97, 0.2);
}
/* 响应式调整 */
@@ -712,7 +712,7 @@
aspect-ratio: 1;
border-radius: 12rpx;
overflow: hidden;
border: 1rpx solid rgba(0, 243, 255, 0.3);
border: 1rpx solid rgba(255, 208, 97, 0.3);
background-color: rgba(0, 0, 0, 0.2);
}
@@ -745,7 +745,7 @@
.preview-text {
color: white;
font-size: 24rpx;
background: rgba(0, 243, 255, 0.7);
background: rgba(255, 208, 97, 0.7);
padding: 8rpx 16rpx;
border-radius: 8rpx;
}