158 lines
2.6 KiB
Text
158 lines
2.6 KiB
Text
|
.realname-container {
|
||
|
|
width: 100vw;
|
||
|
|
min-height: 100vh;
|
||
|
|
background: #000000;
|
||
|
|
display: flex;
|
||
|
|
flex-direction: column;
|
||
|
|
align-items: center;
|
||
|
|
box-sizing: border-box;
|
||
|
|
padding: 40rpx 32rpx 80rpx 32rpx;
|
||
|
|
}
|
||
|
|
|
||
|
|
.top-image-box {
|
||
|
|
width: 100%;
|
||
|
|
display: flex;
|
||
|
|
justify-content: center;
|
||
|
|
margin-bottom: 60rpx;
|
||
|
|
}
|
||
|
|
|
||
|
|
.check-image {
|
||
|
|
width: 420rpx;
|
||
|
|
height: 150rpx;
|
||
|
|
margin: 100rpx 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.form-row {
|
||
|
|
width: 100%;
|
||
|
|
display: flex;
|
||
|
|
flex-direction: column;
|
||
|
|
margin-bottom: 42rpx;
|
||
|
|
}
|
||
|
|
|
||
|
|
.label {
|
||
|
|
font-size: 28rpx;
|
||
|
|
color: #bfbfbf;
|
||
|
|
margin-bottom: 16rpx;
|
||
|
|
}
|
||
|
|
|
||
|
|
.input {
|
||
|
|
width: 100%;
|
||
|
|
height: 84rpx;
|
||
|
|
border-radius: 12rpx;
|
||
|
|
background: #1a1a1a;
|
||
|
|
color: #ffffff;
|
||
|
|
font-size: 28rpx;
|
||
|
|
padding: 0 28rpx;
|
||
|
|
box-sizing: border-box;
|
||
|
|
border: 1rpx solid #333333;
|
||
|
|
}
|
||
|
|
|
||
|
|
.input.error {
|
||
|
|
border: 1rpx solid #ff4d4f;
|
||
|
|
}
|
||
|
|
|
||
|
|
.error-text{
|
||
|
|
margin-top: 10rpx;
|
||
|
|
font-size: 24rpx;
|
||
|
|
color: #ff4d4f;
|
||
|
|
}
|
||
|
|
|
||
|
|
.action-row {
|
||
|
|
width: 100%;
|
||
|
|
margin-top: 40rpx;
|
||
|
|
}
|
||
|
|
|
||
|
|
.next-btn {
|
||
|
|
width: 100%;
|
||
|
|
height: 88rpx;
|
||
|
|
line-height: 88rpx;
|
||
|
|
text-align: center;
|
||
|
|
border-radius: 44rpx;
|
||
|
|
color: #ffffff;
|
||
|
|
font-size: 32rpx;
|
||
|
|
border: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.next-btn.disabled {
|
||
|
|
background: #494949;
|
||
|
|
}
|
||
|
|
|
||
|
|
.next-btn.enabled {
|
||
|
|
background: linear-gradient(124deg, #ff6460 1.58%, #ec42c8 34.28%, #435cff 54%, #00d5ff 84.05%);
|
||
|
|
}
|
||
|
|
|
||
|
|
.next-btn::after {
|
||
|
|
border: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.tips-box{
|
||
|
|
width: 100%;
|
||
|
|
margin-top: 58rpx;
|
||
|
|
padding: 24rpx;
|
||
|
|
}
|
||
|
|
.tips-title{
|
||
|
|
display: block;
|
||
|
|
font-size: 28rpx;
|
||
|
|
color: #555;
|
||
|
|
margin-bottom: 12rpx;
|
||
|
|
}
|
||
|
|
.tips-list{display:flex;flex-direction:column;gap:10rpx;}
|
||
|
|
.tips-item{font-size:24rpx;color:#555;line-height:1.6;}
|
||
|
|
|
||
|
|
|
||
|
|
/* 自定义确认弹框 */
|
||
|
|
.confirm-mask{
|
||
|
|
position: fixed;
|
||
|
|
top: 0; left: 0; right: 0; bottom: 0;
|
||
|
|
background: rgba(0,0,0,0.6);
|
||
|
|
z-index: 999;
|
||
|
|
}
|
||
|
|
.confirm-modal{
|
||
|
|
position: fixed;
|
||
|
|
left: 50%;
|
||
|
|
top: 50%;
|
||
|
|
transform: translate(-50%, -50%);
|
||
|
|
width: 86%;
|
||
|
|
max-width: 640rpx;
|
||
|
|
background: #0e0e0e;
|
||
|
|
color: #ffffff;
|
||
|
|
border-radius: 24rpx;
|
||
|
|
padding: 32rpx 28rpx;
|
||
|
|
z-index: 1000;
|
||
|
|
box-sizing: border-box;
|
||
|
|
border: 1rpx solid #222;
|
||
|
|
}
|
||
|
|
.confirm-title{
|
||
|
|
font-size: 32rpx;
|
||
|
|
font-weight: 600;
|
||
|
|
margin-bottom: 16rpx;
|
||
|
|
}
|
||
|
|
.confirm-content{
|
||
|
|
font-size: 26rpx;
|
||
|
|
line-height: 1.8;
|
||
|
|
color: #e0e0e0;
|
||
|
|
}
|
||
|
|
.confirm-actions{
|
||
|
|
margin-top: 28rpx;
|
||
|
|
display: flex;
|
||
|
|
justify-content: space-between;
|
||
|
|
gap: 24rpx;
|
||
|
|
}
|
||
|
|
.confirm-btn{
|
||
|
|
width: 200rpx;
|
||
|
|
height: 80rpx;
|
||
|
|
line-height: 80rpx;
|
||
|
|
text-align: center;
|
||
|
|
border-radius: 16rpx;
|
||
|
|
color: #ffffff;
|
||
|
|
font-size: 28rpx;
|
||
|
|
border: none;
|
||
|
|
}
|
||
|
|
.confirm-btn::after{border:none;}
|
||
|
|
.confirm-btn.cancel{
|
||
|
|
background: linear-gradient(135deg, #242424 0%, #2eadfb 100%);
|
||
|
|
}
|
||
|
|
.confirm-btn.ok{
|
||
|
|
background: linear-gradient(135deg, #c38eff 0%, #559cff 100%);
|
||
|
|
}
|