/* 登录页（page slug=login，模板 login.php）专用样式。
   登录页不加载 header.php 那套后台框架，样式在这里自成一套。 */

body.hkdfc-login {
    background-color: #f5f6f8;
    min-height: 100vh;
}

.hkdfc-login .account-pages {
    margin: 8% auto;
}

.hkdfc-login .wrapper-page {
    width: 420px;
    max-width: 92%;
    margin: 0 auto;
}

.hkdfc-login .login-brand {
    text-align: center;
    margin-bottom: 24px;
}

.hkdfc-login .login-brand .brand-logo {
    width: 56px;
    height: 56px;
    border-radius: 10px;
    margin-bottom: 12px;
}

.hkdfc-login .login-brand .brand-name {
    display: block;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 2px;
    color: #343a40;
}

.hkdfc-login .login-brand .brand-sub {
    display: block;
    margin-top: 6px;
    font-size: 12px;
    letter-spacing: 3px;
    color: #98a6ad;
}

.hkdfc-login .card {
    border: none;
    border-radius: 6px;
    box-shadow: 0 0 24px 0 rgba(0, 0, 0, .07);
}

.hkdfc-login .card-body {
    padding: 32px 28px;
}

/* 站点全局把 .form-group 设成了 flex + 右对齐 65px 标签，登录页要竖排 */
.hkdfc-login .form-group {
    display: block;
    margin-bottom: 18px;
}

.hkdfc-login .form-group > label {
    width: auto;
    text-align: left;
    margin-bottom: 6px;
    font-weight: 600;
    color: #343a40;
}

.hkdfc-login .form-control {
    height: 42px;
}

.hkdfc-login .btn-login {
    height: 42px;
    font-weight: 600;
    letter-spacing: 2px;
}

.hkdfc-login .alert {
    font-size: 14px;
}

.hkdfc-login .login-footer {
    text-align: center;
    margin-top: 22px;
    font-size: 12px;
    color: #98a6ad;
}

@media (max-width: 767px) {
    .hkdfc-login .account-pages {
        margin: 14% auto;
    }

    .hkdfc-login .card-body {
        padding: 26px 20px;
    }
}