60 lines
1.3 KiB
Plaintext
60 lines
1.3 KiB
Plaintext
.page { padding: 32rpx; background: #FFF8F7; min-height: 100vh; }
|
|
|
|
.status-card {
|
|
background: #fff;
|
|
border-radius: 24rpx;
|
|
padding: 48rpx 32rpx;
|
|
text-align: center;
|
|
margin-bottom: 32rpx;
|
|
box-shadow: 0 2rpx 12rpx rgba(0,0,0,0.04);
|
|
}
|
|
|
|
.status-card.paused {
|
|
background: #F9F9F9;
|
|
}
|
|
|
|
.status-icon { font-size: 72rpx; display: block; margin-bottom: 16rpx; }
|
|
.status-title { font-size: 32rpx; font-weight: bold; color: #1A1A1A; display: block; }
|
|
.status-hint { font-size: 24rpx; color: #999; display: block; margin-top: 12rpx; line-height: 1.5; }
|
|
|
|
.btn-withdraw, .btn-resume {
|
|
width: 80%;
|
|
height: 72rpx;
|
|
line-height: 72rpx;
|
|
border-radius: 36rpx;
|
|
font-size: 28rpx;
|
|
margin-top: 32rpx;
|
|
border: none;
|
|
}
|
|
|
|
.btn-withdraw {
|
|
background: #FFF3F2;
|
|
color: #E96B6B;
|
|
}
|
|
|
|
.btn-resume {
|
|
background: #E96B6B;
|
|
color: #fff;
|
|
}
|
|
|
|
.menu-list {
|
|
background: #fff;
|
|
border-radius: 24rpx;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.menu-item {
|
|
display: flex;
|
|
align-items: center;
|
|
padding: 32rpx 28rpx;
|
|
border-bottom: 1rpx solid #f5f5f5;
|
|
}
|
|
|
|
.menu-item:last-child { border-bottom: none; }
|
|
.menu-item.danger .menu-text { color: #E96B6B; }
|
|
|
|
.menu-icon { font-size: 36rpx; margin-right: 20rpx; }
|
|
.menu-text { flex: 1; font-size: 28rpx; color: #1A1A1A; }
|
|
.menu-hint { font-size: 22rpx; color: #999; margin-right: 12rpx; }
|
|
.menu-arrow { font-size: 32rpx; color: #CCC; }
|