.auth-login-page {
    margin: 0;
    color: #233b35;
    font-family: Arial, "Microsoft YaHei", sans-serif;
}
.auth-login-page > .container-fluid {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    min-height: 100svh;
}
.auth-login-page > .container-fluid > .top-nav,
.auth-login-page > .container-fluid > footer {
    flex: 0 0 auto;
}
.auth-login-page > .container-fluid > .top-nav {
    position: relative;
    z-index: 2;
    background: #fff;
    border-bottom: 1px solid #e4ece7;
    box-shadow: 0 2px 10px rgba(26, 67, 48, .025);
}
.auth-login-page > .container-fluid > .top-nav .main-nav { background: #fff; }
.auth-login-page > .container-fluid > .login-section.auth-login {
    background: radial-gradient(ellipse at 92% 38%, rgba(168, 216, 190, .36), transparent 46%), radial-gradient(ellipse at 8% 90%, rgba(212, 232, 222, .32), transparent 48%), #f5f8f7 !important;
}
.auth-login-page .login-section.auth-login::before,
.auth-login-page .login-section.auth-login::after { display: none; }
.auth-login-page .login-section.auth-login > .container > .row { grid-template-columns: minmax(0, 1fr) minmax(360px, 500px); }
.auth-login-page .login-section.auth-login .auth-brand { color: #233b35; }
.auth-login-page .login-section.auth-login .auth-brand > span,
.auth-login-page .login-section.auth-login .auth-brand div { background: #fff; border-color: #e2e7ef; color: #52695f; }
.auth-login-page .login-section.auth-login .auth-brand p { color: #60746d; }
.auth-login-page > .container-fluid > .login-section.auth-login .login-box {
    padding: 26px 28px !important;
    background: rgba(255, 255, 255, .94) !important;
    border: 1px solid rgba(255, 255, 255, .9);
    border-radius: 16px;
    box-shadow: 0 16px 48px rgba(25, 72, 49, .08), 0 2px 8px rgba(25, 72, 49, .03), inset 0 1px 0 rgba(255, 255, 255, .95);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}
@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
    .auth-login-page > .container-fluid > .login-section.auth-login .login-box {
        background: linear-gradient(135deg, rgba(255, 255, 255, .8), rgba(255, 255, 255, .62)) !important;
        -webkit-backdrop-filter: blur(20px) saturate(125%);
        backdrop-filter: blur(20px) saturate(125%);
    }
}
@media (prefers-reduced-transparency: reduce) {
    .auth-login-page > .container-fluid > .login-section.auth-login .login-box {
        background: #fff !important;
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
    }
}
.auth-login-page .login-section.auth-login .login-box h1 { font-size: 28px; line-height: 1.35; color: #173b30; margin: 0 0 8px; }
.auth-login-page .login-section.auth-login .buyer-intro { color: #81858e; font-size: 13px; line-height: 1.7; margin: 0 0 12px; }
.auth-login-page .login-section.auth-login .login-box .form-control { height: 46px; border: 1px solid #d8dbe0; border-radius: 5px; padding: 9px 15px; font-size: 15px; color: #222; background: #fff; box-shadow: none; }
.auth-login-page .login-section.auth-login .login-box .form-control:focus { border-color: #00875f; box-shadow: 0 0 0 3px #00875f14; }
.auth-login-page .login-section.auth-login .login-box .buyer-code-row .form-control { padding-right: 104px; }
.auth-login-page .login-section.auth-login .login-box .buyer-submit,
.auth-login-page .login-section.auth-login .login-box .btn-block { height: 46px; min-height: 46px; margin-top: 12px; padding: 10px 16px; border: 0; border-radius: 28px; background: #00875f !important; color: #fff; font-size: 17px; font-weight: 600; box-shadow: 0 6px 14px rgba(0,119,81,.15); }
.auth-login-page .login-section.auth-login .login-box .buyer-submit:hover,
.auth-login-page .login-section.auth-login .login-box .btn-block:hover { background: #006a48 !important; }
.auth-login-page .login-section.auth-login .buyer-switch { margin-top: 12px; padding-top: 12px; border-top: 1px solid #edf0f5; font-size: 13px; }
.auth-login-page .login-section.auth-login .buyer-switch a { color: #00875f !important; }
.auth-login-page .login-section.auth-login .login-box .nav-tabs,
.auth-login-page .login-section.auth-login .login-box .buyer-auth-tabs { display: flex; gap: 28px; padding: 0; margin: 8px 0 12px; border: 0; border-bottom: 1px solid #edf0f5; border-radius: 0; background: transparent; }
.auth-login-page .login-section.auth-login .login-box .nav-tabs > li { flex: none; margin: 0; }
.auth-login-page .login-section.auth-login .login-box .nav-tabs > li > a,
.auth-login-page .login-section.auth-login .login-box .buyer-auth-tabs button { display: block; min-height: 38px; padding: 6px 0; border: 0; border-bottom: 2px solid transparent; border-radius: 0; background: transparent !important; box-shadow: none; color: #858993 !important; font-size: 14px; font-weight: 600; line-height: 24px; }
.auth-login-page .login-section.auth-login .login-box .nav-tabs > li.active > a,
.auth-login-page .login-section.auth-login .login-box .buyer-auth-tabs button[aria-pressed=true] { border-bottom-color: #00875f; color: #00875f !important; }
.auth-login-page .login-section.auth-login .login-form .form-group { margin-bottom: 12px; }
.auth-login-page .login-section.auth-login .login-form label { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; }
.auth-login-page .login-section.auth-login .login-box .input-group { position: relative; gap: 0; }
.auth-login-page .login-section.auth-login .login-box .input-group .form-control { width: 100%; padding-right: 116px; }
.auth-login-page .login-section.auth-login .login-box .input-group-btn { position: absolute; right: 1px; top: 1px; bottom: 1px; z-index: 3; }
.auth-login-page .login-section.auth-login .login-box .input-group-btn #verifyCodeBtn { height: 44px; min-height: 0; margin: 0; padding: 0 12px; border: 0; border-radius: 0 4px 4px 0; background: #fff !important; color: #00875f !important; font-size: 14px; font-weight: 400; box-shadow: none; }
@media (max-width: 1000px) and (min-width: 768px) {
    .auth-login-page .login-section.auth-login > .container > .row { grid-template-columns: minmax(0, 1fr) minmax(340px, 440px); gap: 24px; }
}
@media (max-width: 767px) {
    .auth-login-page .login-section.auth-login > .container > .row { display: block; }
    .auth-login-page > .container-fluid > .login-section.auth-login .login-box { max-width: 500px; margin: 0 auto; padding: 22px !important; }
    .auth-login-page .main-nav .main-menu { flex-wrap: wrap; }
}
.login-section.auth-login {
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
    flex: 1 0 auto;
    width: 100%;
    height: auto;
    min-height: 0;
    padding: 32px 0 !important;
    background-size: cover !important;
    background: #f5f8f7 !important;
}
.login-section.auth-login::before { content: ""; position: absolute; inset: 0; pointer-events: none; background-image: radial-gradient(#7b9c8e 0.7px, transparent 0.7px); background-size: 24px 24px; opacity: .13; mask-image: linear-gradient(90deg, #000, transparent 65%); }
.login-section.auth-login::after { content: ""; position: absolute; width: 460px; height: 460px; border: 1px solid rgba(44,116,86,.09); border-radius: 50%; right: -180px; top: -220px; box-shadow: 0 0 0 70px rgba(67,132,100,.025), 0 0 0 140px rgba(67,132,100,.02); pointer-events: none; }
.auth-login > .container { position: relative; z-index: 1; }
.auth-login > .container > .row { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) minmax(360px, 435px); align-items: center; column-gap: clamp(32px, 4vw, 64px); }
.auth-login > .container > .row::before, .auth-login > .container > .row::after { display: none; }
.auth-login .auth-brand { position: relative; left: auto; top: auto; width: auto; padding: 0 0 0 clamp(30px, 5vw, 96px); color: #194b39; }
.auth-login .auth-brand > span { display: inline-block; padding: 8px 14px; border: 1px solid rgba(21,111,74,.15); border-radius: 30px; background: rgba(255,255,255,.5); font-size: 12px; color: #27674f; letter-spacing: 1px; }
.auth-login .auth-brand h2 { position: relative; z-index: 1; font-size: 46px; font-weight: 700; letter-spacing: -1px; line-height: 1.4; margin: 28px 0 20px; color: #143e30; }
.auth-login .auth-brand p { position: relative; z-index: 1; font-size: 15px; line-height: 2; color: #577266; }
.auth-login .auth-brand div { display: inline-flex; align-items: center; margin-top: 28px; padding: 14px 18px; border: 1px solid rgba(48,105,80,.12); border-radius: 12px; background: rgba(255,255,255,.55); font-size: 13px; color: #2b6650; box-shadow: 0 8px 24px rgba(37,78,57,.03); }
.auth-login .auth-brand div span { margin-left: 18px; padding-left: 18px; border-left: 1px solid #ceded4; }
.auth-login .auth-brand::after { content: none; }
@media (max-width: 1000px) and (min-width: 768px) {
    .auth-login > .container > .row { grid-template-columns: minmax(0, 1fr) minmax(320px, 380px); column-gap: 24px; }
    .auth-login .auth-brand { padding-left: 15px; }
    .auth-login .auth-brand h2 { font-size: 34px; }
    .auth-login .auth-brand div { padding: 12px; font-size: 12px; }
    .auth-login .auth-brand div span { margin-left: 10px; padding-left: 10px; }
}
.auth-login > .container {
    width: calc(100% - 32px) !important;
    max-width: 1300px;
}
.auth-login > .container > .row > .col-xs-4 {
    float: none;
    width: 100%;
    margin-left: 0;
    min-width: 0;
    padding-right: 15px;
}
.login-section.auth-login .login-box {
    position: relative;
    top: auto;
    right: auto;
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 30px !important;
    box-sizing: border-box;
    background: rgba(255, 255, 255, 0.64) !important;
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
    border: 1px solid rgba(255, 255, 255, 0.95);
    border-radius: 22px;
    box-shadow: 0 20px 65px rgba(30,70,48,.09), 0 2px 6px rgba(30,70,48,.03), inset 0 1px 0 #fff;
}
.auth-login .auth-eyebrow { display: inline-block; padding: 5px 9px; border-radius: 6px; background: #e5f3eb; color: #087653; font-size: 11px; font-weight: 700; letter-spacing: 1px; margin-bottom: 14px; }
.auth-login .login-box h1 { font-size: 24px; color: #173b30; font-weight: 700; margin: 0 0 10px; line-height: 1.35; }
.auth-login .buyer-intro { color: #52685f; font-size: 13px; line-height: 1.7; margin: 0 0 20px; }
.auth-login .login-box label { display: block; color: #29493d; font-size: 14px; font-weight: 600; margin: 16px 0 8px; }
.auth-login .login-box .form-control { height: 48px; padding: 10px 12px; border: 1px solid #d4e0d8; border-radius: 9px; background: rgba(255,255,255,.85); color: #173b30; box-shadow: inset 0 1px 2px rgba(30,70,48,.02); transition: border-color .15s, box-shadow .15s; }
.auth-login .login-box .form-control:focus { border-color: #00875f; box-shadow: 0 0 0 3px rgba(0,135,95,.13); outline: none; }
.auth-login .login-box button { min-height: 48px; border: 0; border-radius: 9px; font-weight: 600; background: #00875f; color: #fff; transition: background .15s, box-shadow .15s; }
.auth-login .login-box button:hover { background: #006c4c; }
.auth-login .login-box button:focus-visible, .auth-login .login-box a:focus-visible { outline: 3px solid #216b50; outline-offset: 3px; }
.auth-login .login-box button:disabled { opacity: .55; cursor: default; }
.auth-login .login-box .buyer-submit, .auth-login .login-box .btn-block { width: 100%; margin-top: 20px; }
.auth-login .login-box .buyer-submit, .auth-login .login-box .btn-block { background: linear-gradient(120deg,#00875f,#08704f); box-shadow: 0 6px 14px rgba(0,119,81,.15); }
.auth-login .login-box .buyer-submit:hover, .auth-login .login-box .btn-block:hover { background: #006c4c; box-shadow: 0 8px 18px rgba(0,119,81,.22); }
.auth-login .buyer-help { font-size: 13px; line-height: 1.85; color: #465f54; margin: 14px 0; }
.auth-login .buyer-help span { display: block; }
.auth-login .login-box #verifyCodeBtn { background: #e2f1e8; color: #176348; border: 1px solid #bad9c8; box-shadow: none; }
.auth-login .login-box #verifyCodeBtn:hover:not(:disabled) { background: #d3e9dc; color: #104f38; }
.auth-login-page #buxgSiteFooterV20260811 .buxg-footer-dark-compliance,
.auth-login-page #buxgSiteFooterV20260811 .buxg-footer-dark-compliance p,
.auth-login-page #buxgSiteFooterV20260811 .buxg-footer-dark-compliance a,
.auth-login-page #buxgSiteFooterV20260811 .buxg-footer-dark-links a,
.auth-login-page #buxgSiteFooterV20260811 .buxg-footer-qr-text span { color: #bec7c2 !important; }
.auth-login-page #buxgSiteFooterV20260811 .buxg-footer-dark-compliance a:hover,
.auth-login-page #buxgSiteFooterV20260811 .buxg-footer-dark-links a:hover { color: #fff !important; }
.auth-login .buyer-status { font-size: 13px; min-height: 0; line-height: 1.6; }
.auth-login .buyer-status:empty { margin-top: 0; }
.auth-login .buyer-switch { border-top: 1px solid rgba(62,99,80,.2); margin-top: 20px; padding-top: 16px; font-size: 13px; }
.auth-login .buyer-switch a { color: #006c4c; }
.auth-login .login-box .nav-tabs { display: flex; padding: 4px; background: #edf3ef; border: 0; border-radius: 10px; margin-bottom: 18px; }
.auth-login .login-box .nav-tabs > li { float: none; flex: 1; margin: 0; text-align: center; }
.auth-login .login-box .nav-tabs > li > a { margin: 0; border: 0; border-radius: 7px; color: #52685f; padding: 10px 6px; background: transparent; }
.auth-login .login-box .nav-tabs > li.active > a { background: #fff; color: #007654; box-shadow: 0 2px 6px rgba(15,42,34,.09); }
.auth-login .login-box .login-form { margin-top: 0; }
.auth-login .login-box .input-group { display: flex; gap: 10px; width: 100%; }
.auth-login .login-box .input-group .form-control { flex: 1; min-width: 0; width: auto; float: none; border-radius: 8px; }
.auth-login .login-box .input-group-btn { width: auto; }
.auth-login .login-box .input-group-btn button { margin: 0; padding: 10px 12px; }
@media (max-width: 1000px) {
    .auth-login-page .main-nav .container { width: 100% !important; }
    .auth-login-page .main-nav .col-xs-8 { width: 100%; float: none; }
    .auth-login-page .main-nav .col-xs-4 { display: none; }
    .auth-login-page .main-nav .logo { float: none; display: block; margin: 12px auto; }
    .auth-login-page .main-nav .main-menu { display: flex; justify-content: center; padding: 0; margin: 0; }
    .auth-login-page .main-nav .main-menu > li { padding: 0 8px; }
    .auth-login-page .main-nav .main-menu > li > a { font-size: 13px; line-height: 40px; padding: 0; white-space: nowrap; }
}
@media (max-width: 767px) {
    .auth-login .auth-brand { display: none; }
    .auth-login > .container > .row { display: block; }
    .login-section.auth-login {
        min-height: 0;
        padding: 24px 12px !important;
    }
    .auth-login > .container {
        width: 100% !important;
    }
    .auth-login > .container > .row > .col-xs-4 {
        width: 100%;
        margin-left: 0;
        padding: 0 15px;
    }
    .login-section.auth-login .login-box {
        max-width: 420px;
        margin: 0 auto;
    }
}