.header {
    height:63px;
}
.footer {
    position:fixed;
    bottom:0px;
    width:100%;
    background: #545c64;
    height:60px;
}
/*
    导航条样式
*/
.navbar-default .navbar-nav>li>a {
    color: #ffffff !important;
}
/*
    导航菜单被选中的样式
*/
.navbar-default .navbar-nav>.active>a {
    background: #545c64 !important;
    color: #ffd04b !important;
    border-bottom: solid 3px;
    border-color: #ffd04b;
}
.navbar-collapse {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

/* 商户后台登录页 */
* { box-sizing: border-box; }

.merchant-auth {
    margin: 0;
    min-height: 100vh;
    color: #24201d;
    background: #fff8f2;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
}

.auth-layout {
    display: grid;
    grid-template-columns: minmax(380px, 1.1fr) minmax(420px, .9fr);
    min-height: 100vh;
}

.auth-intro {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
    padding: 46px 56px 62px;
    color: #fff;
    background: linear-gradient(105deg, rgba(11,27,41,.92), rgba(14,42,59,.56)), url('/img/register.jpg') center / cover no-repeat;
}

.auth-intro::after {
    content: "";
    position: absolute;
    right: -130px;
    bottom: -140px;
    width: 380px;
    height: 380px;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 50%;
    box-shadow: 0 0 0 55px rgba(255,255,255,.035), 0 0 0 110px rgba(255,255,255,.025);
}

.auth-brand {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    width: max-content;
    color: #fff;
    text-decoration: none;
    font-size: 17px;
}

.auth-brand:hover, .auth-brand:focus { color: #fff; text-decoration: none; }

.auth-brand span, .mobile-mark {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border-radius: 11px;
    color: #fff;
    background: #ff6330;
    box-shadow: 0 8px 18px rgba(255,99,48,.28);
    font-weight: 800;
}

.intro-copy { position: relative; z-index: 1; max-width: 580px; }
.intro-copy p { margin: 0 0 16px; color: #ff9a74; font-size: 11px; font-weight: 800; letter-spacing: 2.4px; }
.intro-copy h1 { margin: 0; font-size: clamp(40px, 5vw, 68px); line-height: 1.12; letter-spacing: -3px; }
.intro-copy span { display: block; margin-top: 20px; color: rgba(255,255,255,.72); font-size: 15px; }

.auth-panel {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 40px;
    background: radial-gradient(circle at 95% 5%, rgba(255,180,129,.23), transparent 28%), #fff8f2;
}

.auth-card {
    width: min(100%, 390px);
    padding: 38px;
    border: 1px solid rgba(255,255,255,.9);
    border-radius: 26px;
    background: rgba(255,255,255,.94);
    box-shadow: 0 25px 65px rgba(77,49,29,.13);
}

.auth-heading p { margin: 0 0 7px; color: #ff6330; font-size: 12px; font-weight: 800; }
.auth-heading h2 { margin: 0; font-size: 28px; letter-spacing: -1px; }
.auth-heading small { display: block; margin: 9px 0 27px; color: #8d8178; font-size: 13px; }
.mobile-mark { display: none; margin-bottom: 23px; }
.auth-field { display: block; margin-bottom: 17px; }
.auth-field span { display: block; margin: 0 0 8px 2px; color: #6f655e; font-size: 12px; font-weight: 650; }

.auth-field input {
    display: block;
    width: 100%;
    height: 50px;
    padding: 0 15px;
    border: 1px solid #e9ded6;
    border-radius: 14px;
    outline: none;
    color: #24201d;
    background: #fffaf6;
    font: inherit;
    font-size: 14px;
    transition: .2s ease;
}

.auth-field input:focus { border-color: #f49c76; background: #fff; box-shadow: 0 0 0 4px rgba(255,99,48,.08); }
.remember { display: flex; align-items: center; gap: 7px; margin: 3px 0 20px; color: #81766e; font-size: 12px; font-weight: 400; }
.remember input { accent-color: #ff6330; }

.auth-submit {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
    width: 100%;
    height: 54px;
    border: 0;
    border-radius: 15px;
    color: #fff;
    background: linear-gradient(135deg, #ff7b45, #ef4e1a);
    box-shadow: 0 13px 24px rgba(239,78,26,.23);
    font: inherit;
    font-size: 16px;
    font-weight: 800;
    cursor: pointer;
}

.auth-submit i { font-size: 20px; font-style: normal; }
.auth-links { display: flex; justify-content: space-between; gap: 12px; margin-top: 18px; }
.auth-links a { color: #82776f; text-decoration: none; font-size: 12px; }
.auth-links a:first-child { color: #ef4e1a; font-weight: 650; }
.auth-links a:hover, .auth-links a:focus { color: #ef4e1a; text-decoration: none; }
.auth-error { margin: -10px 0 18px; padding: 10px 12px; border-radius: 11px; color: #b6401b; background: #fff0e9; font-size: 12px; }
.auth-success { margin: -10px 0 18px; padding: 10px 12px; border-radius: 11px; color: #28724a; background: #eaf8f0; font-size: 12px; }
.auth-footnote { margin: 20px 0 0; color: #aaa099; font-size: 11px; }

@media (max-width: 820px) {
    .auth-layout {
        display: block;
        padding: 30px 18px;
        background: linear-gradient(rgba(10,28,42,.78), rgba(10,28,42,.9)), url('/img/register.jpg') center / cover no-repeat fixed;
    }
    .auth-intro { display: none; }
    .auth-panel { min-height: calc(100vh - 60px); padding: 0; background: transparent; }
    .auth-card { padding: 30px 24px; border-radius: 23px; }
    .mobile-mark { display: grid; }
    .auth-footnote { color: rgba(255,255,255,.62); }
}