body {
    background: linear-gradient(180deg, #16a085 0%, #f4d03f 100%);
    font-family: 'Microsoft YaHei', sans-serif;
    min-height: 100vh;
}
.LoginBox{ width:420px; margin-left:auto; margin-right:auto; margin-top:80px; background-color:#ffffff; border-radius:12px; box-shadow:0 20px 60px rgba(0,0,0,0.3); padding:50px;}
.LoginLog{ height:100px; background:url(../../logo.png) no-repeat center center; background-size:contain; margin-bottom:40px;}
.Loginc{ background-color:#ffffff; border-radius:8px; padding:30px; border:1px solid #e0e0e0; text-align:left;}
.loginBtn{ width:100%; height:55px; background-color:#27ae60; border:none; border-radius:8px; color:#fff; font-size:18px; font-weight:bold; cursor:pointer; transition:all 0.3s ease; letter-spacing:2px;} .loginBtn:hover{ background-color:#2ecc71; transform: translateY(-2px); box-shadow:0 10px 20px rgba(0,0,0,0.2);}
.loginBtn:active{ transform: translateY(0);}

.loginInputc { position: relative; z-index: 1; display: flex; align-items: center; margin-bottom: 20px; }

.loginlabel { min-width: 80px; text-align: left; margin-right: 20px; font-size: 16px; color: #333; font-weight: bold; white-space: nowrap; }

.logininput {
    flex: 1;
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
    border: 1px solid #ddd;
    border-radius: 8px;
    background-color: #fff;
    font-size: 16px;
    color: #333;
    transition: all 0.3s ease;
    box-sizing: border-box;
    min-width: 200px;
}

.logininput:focus {
    outline: none;
    border-color: #00b894;
    background-color: #fff;
    box-shadow: 0 0 0 2px rgba(0, 184, 148, 0.2);
}
.LoginBtn{ margin-top:40px; width: 100%;}
.checkMMBox{ margin-top:20px; text-align:left; color:#666; font-size:16px; padding-left: 10px;}
.checkMMBox .checkboxfalse,.checkMMBox .checkboxtrue{ display:inline-block; margin-right:10px; cursor:pointer;}
#loginerror{ margin-top:25px; text-align:center; color:#e74c3c; font-size:16px; font-weight:bold;}