|
@@ -21,10 +21,13 @@
|
|
}
|
|
}
|
|
|
|
|
|
.user-region {
|
|
.user-region {
|
|
|
|
+ // backdrop-filter: saturate(180%) blur(20px);
|
|
|
|
+ // background: rgb(81 81 81 / 80%);
|
|
|
|
+ background: linear-gradient(to bottom, rgba(0, 0, 0, 0.51), rgba(0, 0, 0, 0.24), rgba(47, 47, 47, 0.03));
|
|
color: #ffffff;
|
|
color: #ffffff;
|
|
- margin: 10px auto;
|
|
|
|
|
|
+ // margin: 10px auto;
|
|
// background: #fb475ec7;
|
|
// background: #fb475ec7;
|
|
- padding: 6px 20px;
|
|
|
|
|
|
+ padding: 10px 20px;
|
|
width: 80%;
|
|
width: 80%;
|
|
text-align: center;
|
|
text-align: center;
|
|
display: flex;
|
|
display: flex;
|
|
@@ -45,7 +48,7 @@
|
|
background: #d32d2d;
|
|
background: #d32d2d;
|
|
color: #fff;
|
|
color: #fff;
|
|
text-align: center;
|
|
text-align: center;
|
|
- margin: 0 10px;
|
|
|
|
|
|
+ margin: 0 6px;
|
|
text-shadow: 0 0 20px #fefcc9, 10px -10px 30px #feec85,
|
|
text-shadow: 0 0 20px #fefcc9, 10px -10px 30px #feec85,
|
|
-20px -20px 40px #ffae34, 20px -40px 50px #ec760c, 0 -80px 70px #f38e1c; /*设置文字阴影*/
|
|
-20px -20px 40px #ffae34, 20px -40px 50px #ec760c, 0 -80px 70px #f38e1c; /*设置文字阴影*/
|
|
animation: fontAmt 2s infinite; /*设置动画*/
|
|
animation: fontAmt 2s infinite; /*设置动画*/
|