/* Keep the logo on the home page, but remove every language selector entry. */
.lang-box > .lang,
.lang-box > .u-select,
#app .lang .lang_btn,
#app .lang .lang_list,
.login .fixed-box,
.createNewCount .fixed-box,
.retrievePw .fixed-box {
    display: none !important;
}

/* The country selector is removed from the compiled auth pages. */
.login .phone .selectPhoneQz,
.createNewCount .content .item2 .selectPhoneQz,
.retrievePw .content .item2 .selectPhoneQz {
    display: none !important;
}

.retrievePw .content .item2 .send {
    display: none !important;
}

html body .login .phone .phone_item {
    display: flex !important;
    width: 100% !important;
    box-sizing: border-box !important;
    margin-left: 0 !important;
    flex: 1 1 auto;
}

/* Registration uses the same mainland-only phone contract. */
html body .createNewCount .selectPhoneQz,
html body .createNewCount .tex {
  display: none !important;
}
html body .createNewCount .item2 .u-input:first-child,
html body .createNewCount .item2 .item {
  padding-left: 0 !important;
}
html body .createNewCount .item2 input {
  padding-left: 20px !important;
}
html body .createNewCount .item2 > .u-input:first-child,
html body .createNewCount .item2 input[disabled] {
  display: none !important;
}

html body .createNewCount .content .item2 > .item,
html body .retrievePw .content .item2 > .item {
    width: 100% !important;
    box-sizing: border-box !important;
}

html body .createNewCount .content .item2 > .item .uni-input-wrapper,
html body .createNewCount .content .item2 > .item .uni-input-placeholder,
html body .retrievePw .content .item2 > .item .uni-input-wrapper,
html body .retrievePw .content .item2 > .item .uni-input-placeholder {
    padding-left: 0 !important;
}

.retrievePw .content .manual-reset-hint {
    box-sizing: border-box;
    padding: 0 4px;
    color: #667085;
    font-size: 13px;
    line-height: 1.6;
}

html body .retrievePw .content .btn1 {
    margin-top: 24px !important;
}

/* Account center: keep the single masked phone visually balanced and make
   the bundled default avatar behave like uploaded avatars. */
#app .myContainer .header .info1 .user-info .invitation-code {
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 0.4px;
}

#app .myContainer .header .info1 .avatar,
#app .myContainer .header .info1 .avatar > img {
    object-fit: cover;
    background: #eef4ff;
}

#app .myContainer .header .info2 .btns {
    width: 100%;
    gap: 16px;
}

#app .recharge .withdraw-password-box {
    box-sizing: border-box;
    width: 100%;
    margin: 12px 0 16px;
    padding: 0 14px;
    min-height: 48px;
    border: 1px solid #e7ebf3;
    border-radius: 12px;
    background: #fff;
}

#app .recharge .manage-account-btn {
    align-self: flex-end;
    margin: 0 0 12px auto;
    color: #4f7ff1;
    font-size: 14px;
}

#app .username .account-form-hint {
    box-sizing: border-box;
    margin-bottom: 12px;
    padding: 10px 12px;
    border-radius: 10px;
    background: #f2f6ff;
    color: #53657d;
    font-size: 13px;
    line-height: 1.5;
}

#app .myContainer .header .info2 .recharge-btn,
#app .myContainer .header .info2 .withdrawal-btn {
    flex: 1 1 0;
    min-width: 0 !important;
}