.broad-have {
    display: none;
}

.copyright {
    display: none;
}

.main-front {
    background-image: url('https://kdlgia-image.starjew.com/KdlAssets/bg-pattern.png') !important;
}

.login-wp {
    background-image: none !important;

}
.wrap {
    max-width: none !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}
/* =================== SIGNUP PAGE ONLY STYLING =================== */
/* Only targets pages with .bd-register class to avoid affecting login page */

/* Replace Google Fonts with China-compatible fonts for signup page only */
.bd-register {
    font-family: 'Microsoft YaHei', 'SimHei', 'PingFang SC', 'Hiragino Sans GB', 'WenQuanYi Micro Hei', 'Arial', sans-serif !important;
}

.bd-register body {
    font-family: 'Microsoft YaHei', 'SimHei', 'PingFang SC', 'Hiragino Sans GB', 'WenQuanYi Micro Hei', 'Arial', sans-serif !important;
    background-color: #ffffff;
    background-image: url('https://kdlgia-image.starjew.com/KdlAssets/bg-pattern.png');
    background-repeat: repeat;
    overflow-x: hidden;
    min-height: 100vh;
}

/* Main Content - SIGNUP ONLY */
.bd-register .main.mc-register {
    min-height: calc(100vh - 200px);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 20px;
    background-image: url('https://kdlgia-image.starjew.com/KdlAssets/bg-pattern.png');
    background-repeat: repeat;
}

.bd-register .main-in {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

.bd-register .main-front {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Registration Container - SIGNUP ONLY */
.bd-register .register-wp {
    background: rgba(16, 66, 82, 0.1) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    box-shadow:
        inset -1px -1px 2px rgba(0, 0, 0, 0.3),
        inset 1px 1px 2px rgba(0, 0, 0, 0.3),
        inset -4px -4px 47.4px #E0F5F8 !important;
    text-align: center !important;
    max-width: 700px !important;
    width: 100% !important;
    backdrop-filter: blur(10px) !important;
    border: none !important;
    margin: 0 auto !important;
}

/* Form Container Reset - SIGNUP ONLY */
.bd-register .fm-front.register {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.bd-register .fm-in.reg {
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    box-shadow: none !important;
    float: none !important;
}

/* Header Title Styling - SIGNUP ONLY */
.bd-register .fm-in.reg h1 {
    font-family: 'Microsoft YaHei', 'SimHei', 'PingFang SC', 'Hiragino Sans GB', 'WenQuanYi Micro Hei', 'Arial', sans-serif !important;
    text-align: center !important;
    margin-bottom: 40px !important;
    color: #152B51 !important;
    letter-spacing: 2px !important;
    width: 100% !important;
}

.bd-register .fm-in.reg h1 span {
    display: block !important;
    font-size: 18px !important;
    color: #5A7A9A !important;
    font-family: 'Microsoft YaHei', 'SimHei', 'PingFang SC', 'Hiragino Sans GB', 'WenQuanYi Micro Hei', 'Arial', sans-serif !important;
    margin-bottom: 10px !important;
    font-weight: 500 !important;
    font-style: italic !important;
}

.bd-register .fm-in.reg h1 span i {
    font-style: italic !important;
    margin-right: 8px !important;
}

.bd-register .fm-in.reg h1 span a.link {
    color: #152B51 !important;
    font-weight: 700 !important;
    font-size: 20px !important;
    text-decoration: none !important;
    margin-left: 8px !important;
    position: relative !important;
    transition: all 0.3s ease !important;
}

.bd-register .fm-in.reg h1 span a.link::after {
    content: '';
    position: absolute;
    width: 0;
    height: 2px;
    bottom: -4px;
    left: 0;
    background-color: #25B2E0;
    transition: width 0.3s ease;
}

.bd-register .fm-in.reg h1 span a.link:hover::after {
    width: 100%;
}

.bd-register .fm-in.reg h1 span a.link:hover {
    color: #0D1A2E !important;
}

.bd-register .fm-in.reg h1 strong {
    display: block !important;
    font-size: 40px !important;
    font-weight: 700 !important;
    color: #152B51 !important;
    margin-top: 10px !important;
    font-family: 'Microsoft YaHei', 'SimHei', 'PingFang SC', 'Hiragino Sans GB', 'WenQuanYi Micro Hei', 'Arial', sans-serif !important;
    text-align: center !important;
}

/* Form Layout - SIGNUP ONLY */
.bd-register .reg-fm {
    display: block !important;
    margin-bottom: 50px !important;
}

.bd-register .reg-fm form {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 15px !important;
    align-items: start !important;
    width: 100% !important;
}

/* Override existing styles that might interfere */
.bd-register .reg .fld {
    height: auto !important;
    padding: 0 !important;
    width: 100% !important;
    margin: 0 0 15px 0 !important;
    position: relative !important;
}

.bd-register .reg .fld input {
    margin-left: 0 !important;
    width: 100% !important;
}

/* Error Message - SIGNUP ONLY */
.bd-register .fm-msg {
    display: none !important;
    grid-column: 1 / -1 !important;
    background: rgba(220, 53, 69, 0.1) !important;
    color: #dc3545 !important;
    padding: 10px 15px !important;
    border-radius: 8px !important;
    font-family: 'Microsoft YaHei', 'SimHei', 'PingFang SC', 'Hiragino Sans GB', 'WenQuanYi Micro Hei', 'Arial', sans-serif !important;
    font-size: 14px !important;
    text-align: center !important;
    border: 1px solid rgba(220, 53, 69, 0.2) !important;
    margin-bottom: 20px !important;
}

.bd-register .fm-msg.d_i_error {
    display: block !important;
}

/* Field Container - SIGNUP ONLY */
.bd-register .fld {
    position: relative !important;
    margin-bottom: 15px !important;
}

/* Override the original styles */
.bd-register .reg .fld label {
    position: static !important;
    line-height: 1.4em !important;
    height: auto !important;
    width: auto !important;
    text-align: left !important;
    z-index: auto !important;
    color: #152B51 !important;
    display: block !important;
    font-family: 'Microsoft YaHei', 'SimHei', 'PingFang SC', 'Hiragino Sans GB', 'WenQuanYi Micro Hei', 'Arial', sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    margin-bottom: 8px !important;
    padding-left: 5px !important;
}

/* Input Labels - SIGNUP ONLY */
.bd-register .fld label {
    display: block !important;
    font-family: 'Microsoft YaHei', 'SimHei', 'PingFang SC', 'Hiragino Sans GB', 'WenQuanYi Micro Hei', 'Arial', sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #152B51 !important;
    margin-bottom: 8px !important;
    text-align: left !important;
    padding-left: 5px !important;
    position: static !important;
    line-height: 1.4em !important;
    height: auto !important;
    width: auto !important;
    z-index: auto !important;
}

/* Override existing reg label styles */
.bd-register .reg .fld label {
    position: static !important;
    line-height: 1.4em !important;
    height: auto !important;
    width: auto !important;
    text-align: left !important;
    z-index: auto !important;
    color: #152B51 !important;
    display: block !important;
    font-family: 'Microsoft YaHei', 'SimHei', 'PingFang SC', 'Hiragino Sans GB', 'WenQuanYi Micro Hei', 'Arial', sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    margin-bottom: 2px !important;
    padding: 0 0 0 5px !important;
}

/* Field Positioning - SIGNUP ONLY */
.bd-register .fld.fld-acc {
    grid-column: 1 !important;
}

.bd-register .fld.fld-nam {
    grid-column: 2 !important;
}

.bd-register .fld.fld-pwd {
    grid-column: 1 !important;
}

.bd-register .fld.fld-pwd2 {
    grid-column: 2 !important;
}

.bd-register .fld.fld-tel {
    grid-column: 1 !important;
}

.bd-register .fld.fld-com {
    grid-column: 2 !important;
}

/* CAPTCHA Field - SIGNUP ONLY */
.bd-register .fld.sec-wp {
    background: rgba(255, 255, 255, 0.2) !important;
    border: 1px dashed #167B9C !important;
    border-radius: 8px !important;
    padding: 7px !important;
    margin: 10px 0 !important;
    position: relative !important;
    grid-column: 1 / -1 !important;
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    gap: 15px !important;
    align-items: center !important;
}

.bd-register .fld.sec-wp::before {
    content: "🔒 Security Verification" !important;
    position: absolute !important;
    top: -12px !important;
    left: 20px !important;
    background: #E1EBF2 !important;
    color: #167B9C !important;
    font-family: 'Microsoft YaHei', 'SimHei', 'PingFang SC', 'Hiragino Sans GB', 'WenQuanYi Micro Hei', 'Arial', sans-serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    padding: 4px 10px !important;
    border-radius: 6px !important;
    border: 1px solid #167B9C !important;
    z-index: 4 !important;
}

.bd-register .fld.sec-wp label {
    grid-column: 1 / -1 !important;
    margin-bottom: 10px !important;
    text-align: center !important;
    color: #167B9C !important;
}

/* Submit Button - SIGNUP ONLY */
.bd-register .fld.lef-pad {
    grid-column: 1 / -1 !important;
    text-align: center !important;
    margin-top: 40px !important;
    padding-left: 0 !important;
    padding-top: 0 !important;
    background: transparent !important;
}

/* Input Field Styling - SIGNUP ONLY */
.bd-register .fld input.txt {
    width: 100% !important;
    padding: 12px 20px 12px 60px !important;
    border: 0.5px solid #8F8F8F !important;
    border-radius: 8px !important;
    font-family: 'Microsoft YaHei', 'SimHei', 'PingFang SC', 'Hiragino Sans GB', 'WenQuanYi Micro Hei', 'Arial', sans-serif !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    background: #E1EBF2 !important;
    color: #152B51 !important;
    transition: all 0.3s ease !important;
    box-shadow:
        inset 6px 6px 2px rgba(110, 180, 192, 0.3),
        inset -6px -6px 2px rgba(255, 255, 255, 0.5) !important;
    box-sizing: border-box !important;
    outline: none !important;
    z-index: 2 !important;
    position: relative !important;
    text-align: left !important;
}

.bd-register .fld input.txt:focus {
    border-color: #167B9C !important;
    background: #E1EBF2 !important;
    color: #152B51 !important;
    box-shadow:
        inset 6px 6px 2px rgba(110, 180, 192, 0.4),
        inset -6px -6px 2px rgba(255, 255, 255, 0.6) !important;
}

/* Input placeholder styling - SIGNUP ONLY */
.bd-register .fld input.txt::placeholder {
    color: #A0B6C3 !important;
    font-family: 'Microsoft YaHei', 'SimHei', 'PingFang SC', 'Hiragino Sans GB', 'WenQuanYi Micro Hei', 'Arial', sans-serif !important;
    font-weight: 600 !important;
}

/* Input Icons - SIGNUP ONLY */
.bd-register .fld.fld-acc::before,
.bd-register .fld.fld-nam::before,
.bd-register .fld.fld-pwd::before,
.bd-register .fld.fld-pwd2::before,
.bd-register .fld.fld-tel::before,
.bd-register .fld.fld-com::before {
    content: '' !important;
    position: absolute !important;
    left: 22px !important;
    top: calc(50% + 10px) !important;
    transform: translateY(-50%) !important;
    width: 26px !important;
    height: 26px !important;
    pointer-events: none !important;
    z-index: 4 !important;
}

.bd-register .fld.fld-acc::before {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23A0B6C3"><path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"/></svg>') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
}

.bd-register .fld.fld-nam::before {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23A0B6C3"><path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"/></svg>') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
}

.bd-register .fld.fld-pwd::before,
.bd-register .fld.fld-pwd2::before {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23A0B6C3"><path d="M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zm-6 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm3.1-9H8.9V6c0-1.71 1.39-3.1 3.1-3.1 1.71 0 3.1 1.39 3.1 3.1v2z"/></svg>') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
}

.bd-register .fld.fld-tel::before {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23A0B6C3"><path d="M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z"/></svg>') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
}

.bd-register .fld.fld-com::before {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23A0B6C3"><path d="M12 7V3H2v18h20V7H12zM6 19H4v-2h2v2zm0-4H4v-2h2v2zm0-4H4V9h2v2zm0-4H4V5h2v2zm4 12H8v-2h2v2zm0-4H8v-2h2v2zm0-4H8V9h2v2zm0-4H8V5h2v2zm10 12h-8v-2h2v-2h-2v-2h2v-2h-2V9h8v10zm-2-8h-2v2h2v-2zm0 4h-2v2h2v-2z"/></svg>') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
}

/* CAPTCHA Specific Styling - SIGNUP ONLY */
.bd-register .fld.sec-wp input.sec-code {
    width: 60% !important;
    height: 40px !important;
    padding: 10px 15px 10px 25px !important;
    border: 0.5px solid #8F8F8F !important;
    border-radius: 8px !important;
    font-family: 'Microsoft YaHei', 'SimHei', 'PingFang SC', 'Hiragino Sans GB', 'WenQuanYi Micro Hei', 'Arial', sans-serif !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    background: #E1EBF2 !important;
    color: #152B51 !important;
    transition: all 0.3s ease !important;
    box-shadow:
        inset 6px 6px 2px rgba(110, 180, 192, 0.3),
        inset -6px -6px 2px rgba(255, 255, 255, 0.5) !important;
    box-sizing: border-box !important;
    outline: none !important;
    grid-column: 1 !important;
    text-align: left !important;
}

/* CAPTCHA image styling - SIGNUP ONLY */
.bd-register .fld.sec-wp .sec-img {
    height: 20px !important;
    width: 200px !important;
    background: #E1EBF2 !important;
    border: 0.5px solid #8F8F8F !important;
    border-radius: 8px !important;
    padding: 30px 50px !important;
    box-shadow:
        inset 6px 6px 2px rgba(110, 180, 192, 0.3),
        inset -6px -6px 2px rgba(255, 255, 255, 0.5) !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    display: block !important;
    margin: 0 !important;
    grid-column: 2 !important;
    justify-self: center !important;
    align-self: center !important;
}

.bd-register .fld.sec-wp .sec-img:hover {
    transform: scale(1.05) !important;
}

/* Submit Button - SIGNUP ONLY */
.bd-register .fld input.pic-btn {
    width: 245px !important;
    height: 57px !important;
    background: #167B9C !important;
    color: #FFFFFF !important;
    border: none !important;
    border-radius: 8px !important;
    font-family: 'Microsoft YaHei', 'SimHei', 'PingFang SC', 'Hiragino Sans GB', 'WenQuanYi Micro Hei', 'Arial', sans-serif !important;
    font-size: 25px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    letter-spacing: 1px !important;
    margin: 20px auto 0 !important;
    display: block !important;
    box-shadow:
        inset 6px 6px 4px #25B2E0,
        8px 7px 12.5px rgba(0, 0, 0, 0.25) !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

.bd-register .fld input.pic-btn:hover {
    background: #145a73 !important;
    transform: translateY(-1px) !important;
}

.bd-register .fld input.pic-btn:active {
    transform: translateY(0) !important;
}

/* Bottom App Section - SIGNUP ONLY */
.bd-register .fm-app.reg-app {
    margin-top: 30px !important;
    text-align: center !important;
    font-family: 'Microsoft YaHei', 'SimHei', 'PingFang SC', 'Hiragino Sans GB', 'WenQuanYi Micro Hei', 'Arial', sans-serif !important;
    font-size: 18px !important;
    color: #5A7A9A !important;
}

.bd-register .fm-app.reg-app p {
    margin: 5px 0 !important;
    font-size: 18px !important;
    color: #5A7A9A !important;
}

.bd-register .fm-app.reg-app .link-reg {
    color: #152B51 !important;
    text-decoration: none !important;
    font-weight: 700 !important;
    font-size: 20px !important;
    margin-left: 8px !important;
    position: relative !important;
    transition: all 0.3s ease !important;
}

.bd-register .fm-app.reg-app .link-reg::after {
    content: '';
    position: absolute;
    width: 0;
    height: 2px;
    bottom: -4px;
    left: 0;
    background-color: #25B2E0;
    transition: width 0.3s ease;
}

.bd-register .fm-app.reg-app .link-reg:hover {
    color: #0D1A2E !important;
}

.bd-register .fm-app.reg-app .link-reg:hover::after {
    width: 100%;
}

/* Mobile Responsive - SIGNUP ONLY */
@media (max-width: 768px) {
    .bd-register .main.mc-register {
        padding: 30px 15px;
        min-height: calc(100vh - 250px);
    }

    .bd-register .register-wp {
        padding: 35px 25px !important;
        margin: 0 10px !important;
        border-radius: 16px !important;
    }

    .bd-register .fm-in.reg h1 strong {
        font-size: 32px !important;
    }

    .bd-register .reg-fm form {
        grid-template-columns: 1fr !important;
        gap: 15px !important;
    }

    .bd-register .fld.fld-acc,
    .bd-register .fld.fld-nam,
    .bd-register .fld.fld-pwd,
    .bd-register .fld.fld-pwd2,
    .bd-register .fld.fld-tel,
    .bd-register .fld.fld-com,
    .bd-register .fld.sec-wp,
    .bd-register .fld.lef-pad {
        grid-column: 1 !important;
    }

    .bd-register .fld input.pic-btn {
        width: 200px !important;
        height: 50px !important;
        font-size: 22px !important;
    }

    .bd-register .fld.sec-wp {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }

    .bd-register .sec-img {
        grid-column: 1 !important;
        justify-self: center !important;
        margin-top: 10px !important;
    }
}

@media (max-width: 480px) {
    .bd-register .main.mc-register {
        padding: 20px 10px;
    }

    .bd-register .register-wp {
        padding: 25px 20px !important;
        border-radius: 16px !important;
        margin: 0 5px !important;
    }

    .bd-register .fm-in.reg h1 strong {
        font-size: 28px !important;
    }

    .bd-register .fm-in.reg h1 span {
        font-size: 16px !important;
    }

    .bd-register .fm-in.reg h1 span a.link {
        font-size: 18px !important;
    }

    .bd-register .fld input.txt,
    .bd-register .fld.sec-wp input.sec-code {
        padding: 12px 15px 12px 45px !important;
        font-size: 15px !important;
    }

    .bd-register .fld.fld-acc::before,
    .bd-register .fld.fld-nam::before,
    .bd-register .fld.fld-pwd::before,
    .bd-register .fld.fld-pwd2::before,
    .bd-register .fld.fld-tel::before,
    .bd-register .fld.fld-com::before {
        left: 15px !important;
        width: 22px !important;
        height: 22px !important;
        top: calc(50% + 8px) !important;
    }

    .bd-register .fld input.pic-btn {
        width: 100% !important;
        max-width: 200px !important;
        height: 48px !important;
        font-size: 20px !important;
    }

    .bd-register .fm-app.reg-app {
        font-size: 16px !important;
    }

    .bd-register .fm-app.reg-app .link-reg {
        font-size: 18px !important;
    }
}

@media (max-width: 320px) {
    .bd-register .fm-in.reg h1 strong {
        font-size: 24px !important;
    }

    .bd-register .register-wp {
        padding: 20px 15px !important;
    }

    .bd-register .fld input.txt,
    .bd-register .fld.sec-wp input.sec-code {
        padding: 10px 12px 10px 40px !important;
        font-size: 14px !important;
    }

    .bd-register .fld input.pic-btn {
        height: 45px !important;
        font-size: 18px !important;
    }

    .bd-register .fld.fld-acc::before,
    .bd-register .fld.fld-nam::before,
    .bd-register .fld.fld-pwd::before,
    .bd-register .fld.fld-pwd2::before,
    .bd-register .fld.fld-tel::before,
    .bd-register .fld.fld-com::before {
        top: calc(50% + 8px) !important;
        left: 12px !important;
        width: 20px !important;
        height: 20px !important;
    }

    .bd-register .fm-app.reg-app {
        font-size: 14px !important;
    }

    .bd-register .fm-app.reg-app .link-reg {
        font-size: 16px !important;
    }
}