body{ 
font-family: "Microsoft YaHei", Helvetica, Arial, Lucida Grande, Tahoma, sans-serif; 
width:100%; 
height:100%; 
/*background: url(https://www.a88.online/wp-content/uploads/2022/09/image-4juljpuv.png ) ;*/
background-repeat: repeat;
-moz-background-size: cover; /*背景图片拉伸以铺满全屏*/ 
-ms-background-size: cover; 
-webkit-background-size: cover; 
background-size: cover; 
}

/*顶部的logo*/ 
.login h1 a { 
background:url(http://xmjufei.com/wp-content/uploads/2026/06/cropped-jf-logo144.png ) no-repeat;
background-size: 90px 90px; 
width: 120px; 
height: 90px; 
padding: 0; 
margin: 0 auto 1em; 
border: none; 
-webkit-animation: dropIn 1s linear; 
animation: dropIn 1s linear;
display: block;
text-indent: -9999px;
}

/*登录框表单*/ 
.login form, .login .message { 
background: #fff;
background: rgba(255, 255, 255, 0.3); 
border-radius: 3px; 
border: 1px solid #fff;
border: 1px solid rgba(255, 255, 255, 0.4); 
-webkit-animation: fadeIn 1s linear; 
animation: fadeIn 1s linear; 
}
 
/*登录框输入框*/ 
.login label { 
color: #000;
} 
.login .message { 
color: #000;
} 
#user_login{
font-size: 18px; 
line-height: 32px; 
}

/* 返回博客与忘记密码链接 */ 
#backtoblog a, #nav a {
color: #000 !important;
display: inline-block; 
-webkit-animation: rtol 1s linear; 
animation: rtol 1s linear; 
}
 
/*掉落的动画效果*/ 
@-webkit-keyframes dropIn { 
 0% { 
-webkit-transform: translate3d(0, -100px, 0) 
} 
100% { 
-webkit-transform: translate3d(0, 0, 0) 
} 
} 
@keyframes dropIn { 
0% { 
transform: translate3d(0, -100px, 0) 
} 
100% { 
transform: translate3d(0, 0, 0) 
} 
}
 
/*逐渐出现的动画效果*/ 
@-webkit-keyframes fadeIn { 
from { 
opacity: 0; 
-webkit-transform: scale(.8) translateY(20px) 
} 
to { 
opacity: 1; 
-webkit-transform: scale(1) translateY(0) 
} 
} 
@keyframes fadeIn { 
from { 
opacity: 0; 
transform: scale(.8) translateY(20px) 
} 
to { 
opacity: 1; 
transform: scale(1) translateY(0) 
} 
}

/*从右往左的动画效果*/ 
@-webkit-keyframes rtol { 
from { 
-webkit-transform: translate(80px, 0) 
} 
to { 
-webkit-transform: translate(0, 0) 
} 
} 
@keyframes rtol { 
from { 
transform: translate(80px, 0) 
} 
to { 
transform: translate(0, 0) 
} 
}
