feat: 星之界打手端UI与提现/充值/排行榜等页面同步更新
Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
@@ -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;
|
||||
}
|
||||
Reference in New Issue
Block a user