|
|
@@ -119,9 +119,9 @@ export default {
|
|
|
|
|
|
.login-modal {
|
|
|
position: relative;
|
|
|
- width: 680upx;
|
|
|
+ width: 550upx;
|
|
|
max-width: 95vw;
|
|
|
- background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
|
|
+ background: #ffffff;
|
|
|
border-radius: 24upx;
|
|
|
box-shadow: 0 20upx 60upx rgba(0, 0, 0, 0.3);
|
|
|
overflow: hidden;
|
|
|
@@ -151,7 +151,7 @@ export default {
|
|
|
.circle {
|
|
|
position: absolute;
|
|
|
border-radius: 50%;
|
|
|
- background: rgba(255, 255, 255, 0.1);
|
|
|
+ background: rgba(0, 0, 0, 0.05);
|
|
|
animation: float 4s ease-in-out infinite;
|
|
|
|
|
|
&.circle-1 {
|
|
|
@@ -196,13 +196,13 @@ export default {
|
|
|
width: 100upx;
|
|
|
height: 100upx;
|
|
|
margin: 0 auto;
|
|
|
- background: rgba(255, 255, 255, 0.2);
|
|
|
+ background: rgba(0, 0, 0, 0.05);
|
|
|
border-radius: 50%;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
justify-content: center;
|
|
|
backdrop-filter: blur(10px);
|
|
|
- border: 2upx solid rgba(255, 255, 255, 0.3);
|
|
|
+ border: 2upx solid rgba(0, 0, 0, 0.1);
|
|
|
box-shadow: 0 8upx 32upx rgba(0, 0, 0, 0.1);
|
|
|
|
|
|
.icon-text {
|
|
|
@@ -218,16 +218,16 @@ export default {
|
|
|
.title {
|
|
|
font-size: 50upx;
|
|
|
font-weight: 600;
|
|
|
- color: #ffffff;
|
|
|
+ color: #333333;
|
|
|
margin-bottom: 16upx;
|
|
|
- text-shadow: 0 2upx 4upx rgba(0, 0, 0, 0.3);
|
|
|
+ text-shadow: none;
|
|
|
}
|
|
|
|
|
|
.subtitle {
|
|
|
font-size: 36upx;
|
|
|
- color: rgba(255, 255, 255, 0.9);
|
|
|
+ color: #666666;
|
|
|
line-height: 1.4;
|
|
|
- text-shadow: 0 1upx 2upx rgba(0, 0, 0, 0.2);
|
|
|
+ text-shadow: none;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
@@ -277,10 +277,10 @@ export default {
|
|
|
.notice-section {
|
|
|
.notice-text {
|
|
|
font-size: 32upx;
|
|
|
- color: rgba(255, 255, 255, 0.8);
|
|
|
+ color: #999999;
|
|
|
line-height: 1.5;
|
|
|
text-align: center;
|
|
|
- text-shadow: 0 1upx 2upx rgba(0, 0, 0, 0.2);
|
|
|
+ text-shadow: none;
|
|
|
}
|
|
|
}
|
|
|
|
