<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">body, html { font-size: 100%; 	padding: 0; margin: 0;}

/* Reset */
*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
}

body{
	
	color: #000000;
	font-weight: 500;
	font-size: 1.05em;
	font-family: "Microsoft YaHei","Segoe UI", "Lucida Grande", Helvetica, Arial,sans-serif;
}
a{ color: rgba(255, 255, 255, 0.6);outline: none;text-decoration: none;-webkit-transition: 0.2s;transition: 0.2s;}
a:hover,a:focus{color:#74777b;text-decoration: none;}

#loginForm{
	opacity:0.85;
	background-color: #ffffffb3;
	margin-top: 10px;
	padding-bottom: 1px;
}

@keyframes gradientShift {
    0% { background-position: 0% 50%; }
    20% { background-position: 100% 50%; }  /* 绱壊鈫掗噾鑹� */
    40% { background-position: 0% 50%; }   /* 閲戣壊鈫掔矇绾� */
    60% { background-position: 100% 50%; }  /* 绮夌孩鈫掑搧绾� */
    80% { background-position: 0% 50%; }   /* 鍝佺孩鈫掔传鑹� */
    100% { background-position: 0% 50%; }  /* 寰幆璧风偣 */
}

.gradient-text-dynamic {
    background-image: linear-gradient(
        90deg,
        #8A2BE2, #FFD700, #FFC0CB, #FF00FF, #8A2BE2
    );
    background-size: 500% 500%;
    animation: gradientShift 20s ease infinite;
}

.gradient-text-animated {

    background-image: linear-gradient(
        135deg,
        #8A2BE2,    
        #9F5F9F,   
        #BA55D3,    
        #3F51B5,    
        #E91E63,    
        #FF00FF    
    );
    
    background-size: 500% 500%;
    animation: gradientShift 20s ease infinite;
    -webkit-background-clip: text;  /* WebKit鍐呮牳娴忚鍣ㄥ吋瀹� */
    background-clip: text;
    -webkit-text-fill-color: transparent;  /* 鏂囨湰閫忔槑 */
    text-fill-color: transparent;
}




.form-horizontal{
	    background: #ffffff8a;
	    padding-bottom: 40px;
	    border-radius: 15px;
	    text-align: center;
	}
	.form-horizontal .heading{
	    text-align: center;
	    display: block;
	    font-size: 35px;
	    font-weight: 700;
	    padding: 35px 0;
	    border-bottom: 1px solid #f0f0f0;
	    margin-bottom: 30px;
	}
	.form-horizontal .form-group{
	    padding: 0 40px;
	    margin: 0 0 25px 0;
	    position: relative;
	}
	.form-horizontal .form-control{
	    background: #f0f0f0;
	    border: none;
	    border-radius: 20px;
	    box-shadow: none;
	    padding: 0 20px 0 45px;
	    height: 40px;
	    transition: all 0.3s ease 0s;
	}
	.form-horizontal .form-control:focus{
	    background: #e0e0e0;
	    box-shadow: none;
	    outline: 0 none;
	}
	.form-horizontal .form-group i{
	    position: absolute;
	    top: 12px;
	    left: 60px;
	    font-size: 17px;
	    color: #c8c8c8;
	    transition : all 0.5s ease 0s;
	}
	.form-horizontal .form-control:focus + i{
	    color: #00b4ef;
	}
	.form-horizontal .fa-question-circle{
	    display: inline-block;
	    position: absolute;
	    top: 12px;
	    right: 60px;
	    font-size: 20px;
	    color: #808080;
	    transition: all 0.5s ease 0s;
	}
	.form-horizontal .fa-question-circle:hover{
	    color: #000;
	}
	.form-horizontal .main-checkbox{
	    float: left;
	    width: 20px;
	    height: 20px;
	    background: #11a3fc;
	    border-radius: 50%;
	    position: relative;
	    margin: 5px 0 0 5px;
	    border: 1px solid #11a3fc;
	}
	.form-horizontal .main-checkbox label{
	    width: 20px;
	    height: 20px;
	    position: absolute;
	    top: 0;
	    left: 0;
	    cursor: pointer;
	}
	.form-horizontal .main-checkbox label:after{
	    content: "";
	    width: 10px;
	    height: 5px;
	    position: absolute;
	    top: 5px;
	    left: 4px;
	    border: 3px solid #fff;
	    border-top: none;
	    border-right: none;
	    background: transparent;
	    opacity: 0;
	    -webkit-transform: rotate(-45deg);
	    transform: rotate(-45deg);
	}
	.form-horizontal .main-checkbox input[type=checkbox]{
	    visibility: hidden;
	}
	.form-horizontal .main-checkbox input[type=checkbox]:checked + label:after{
	    opacity: 1;
	}
	.form-horizontal .text{
	    float: left;
	    margin-left: 7px;
	    line-height: 20px;
	    padding-top: 5px;
	    text-transform: capitalize;
	}
	.form-horizontal .btn {
	  float: right;
	  font-size: 14px;
	  color: #fff;
	  background: #00b4ef;
	  border-radius: 30px;
	  padding: 10px 25px;
	  border: none;
	  text-transform: capitalize;
	  transition: background 0.5s ease; /* 鍏抽敭锛氬畾涔夎繃娓℃晥鏋� */
	}
	
	/* 鎮仠鏃舵敼鍙樿儗鏅壊 */
	.form-horizontal .btn:hover {
	  animation: colorCycle 3.5s infinite;
	}
	@keyframes colorCycle {
	  0% { background: #8A2BE2; }
	  50% { background: #FF69B4; }
	  100% { background: #8A2BE2; }
	}
	@media only screen and (max-width: 479px){
	    .form-horizontal .form-group{
	        padding: 0 25px;
	    }
	    .form-horizontal .form-group i{
	        left: 45px;
	    }
	    .form-horizontal .btn{
	        padding: 10px 20px;
	    }
	}</pre></body></html>