48 lines
1005 B
Plaintext
48 lines
1005 B
Plaintext
.login {
|
|
min-height: 100vh;
|
|
display: flex;
|
|
flex-direction: column;
|
|
padding: 0 56rpx calc(64rpx + env(safe-area-inset-bottom));
|
|
}
|
|
.hero {
|
|
flex: 1;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.logo {
|
|
width: 176rpx; height: 176rpx;
|
|
border-radius: 52rpx;
|
|
background: var(--accent);
|
|
display: flex; align-items: center; justify-content: center;
|
|
font-size: 84rpx;
|
|
box-shadow: 0 12rpx 36rpx rgba(200,126,46,0.30);
|
|
}
|
|
.brand {
|
|
margin-top: 40rpx;
|
|
font-size: 44rpx; font-weight: 600; letter-spacing: 2rpx;
|
|
}
|
|
.slogan {
|
|
margin-top: 12rpx;
|
|
font-size: 26rpx; color: var(--ink-2);
|
|
}
|
|
.actions { flex-shrink: 0; }
|
|
.agreement {
|
|
margin-top: 28rpx;
|
|
text-align: center;
|
|
font-size: 22rpx; color: var(--ink-3);
|
|
line-height: 1.6;
|
|
}
|
|
.agreement .link {
|
|
color: var(--accent-deep);
|
|
padding: 6rpx 0;
|
|
}
|
|
.agreement .link:active { opacity: 0.6; }
|
|
.auto-tip {
|
|
text-align: center;
|
|
font-size: 26rpx;
|
|
color: var(--ink-3);
|
|
padding: 28rpx 0;
|
|
}
|