20 lines
1.7 KiB
Plaintext
20 lines
1.7 KiB
Plaintext
@import "../splash/splash.acss";
|
|
page { background: #142632; }
|
|
.login { position: relative; width: 100%; height: 100vh; overflow: hidden; background: #142632; }
|
|
.login-bg { position: absolute; inset: 0; width: 100%; height: 100%; }
|
|
.login-brand { position: absolute; width: 290rpx; left: 50%; top: 14%; transform: translateX(-50%); }
|
|
.login-bottom { position: absolute; left: 0; right: 0; bottom: max(5%, env(safe-area-inset-bottom)); display: flex; flex-direction: column; align-items: center; gap: 24rpx; }
|
|
.login-button { width: 540rpx; height: 80rpx; padding: 0; display: flex; align-items: center; justify-content: center; gap: 28rpx; border-radius: 10rpx; font-size: 14px; line-height: 1; background: transparent; }
|
|
.login-button::after { border: none; }
|
|
.login-taobao { background: #F5F078; color: #000; border: none; box-shadow: none; }
|
|
.login-taobao::before, .login-taobao::after { border: none; box-shadow: none; }
|
|
.login-browser { color: #fff; border: 1px solid rgba(255,255,255,.5); }
|
|
.login-icon { width: 46rpx; height: 40rpx; }
|
|
.login-taobao-mark { font-size: 19px; font-weight: 700; width: 46rpx; text-align: center; }
|
|
.login-consent { display: flex; align-items: center; gap: 16rpx; max-width: 90%; color: #eee; font-size: 10px; margin-top: 18rpx; }
|
|
.login-consent-box { width: 13px; height: 13px; border: 1px solid #eee; box-sizing: border-box; flex-shrink: 0; }
|
|
.login-consent-box.checked { background: #F5F078; border-color: #F5F078; }
|
|
.login-policy-link { color: #F5F078; text-decoration: underline; }
|
|
.login-message { min-height: 56rpx; max-width: 84%; color: #eee; text-align: center; font-size: 10px; line-height: 1.5; }
|
|
@media (max-height: 560px) { .login-brand { top: 8%; } .login-bottom { bottom: 2%; } }
|