body{
  display: block
}
.header .right-box {
    display: flex;
    align-items: center;
}

.header .right-box a {
    text-decoration: none;
    color: #fec100;
}
.header .right-box .item {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    font-size: 12px;
}
.header .right-box .item .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
    background-image: linear-gradient(180deg, #fcc83c, #f8971c);
    box-shadow: none;
    color: #121212;
    margin-right: 2px;
    padding: 2px;
}
.header .right-box .icon-mem {
    position: absolute;
    left: 1rem;
    display: none;
}

.header .right-box .icon-mem a {
    color: #f7e0b5;
    text-decoration: none;
    display: flex;
    align-items: center;
    flex-direction: column;
    line-height: 1;
}

.header .right-box .icon-mem a img {
  width: 1.85rem
}
.page-index .content{
    flex-direction: row;
}
.page-index .content .navs{
    flex-direction: column;
    flex: 1 1 20%;
    /* background: #F3F5F8; */
    border-radius: 12px;
    padding: 6px 0;
    margin-right: 6px;
}
.page-index .content .navs li{
    width: 70px;
    height: 60px;
    padding: 0;
    box-sizing: border-box;
    margin: 6px auto;
    border-radius: 12px;
    background: #ECEFF3;
    border: 1px solid #D9DEE6;
}
.page-index .content .navs li span{
    color: #334155;
}
.page-index .content .navs li.active{
    background: #FFE8BF;
    border-color: #F5B041;
}
.page-index .content .navs li.active span{
    color: #B45309;
}
.page-index .content .game_box{
    flex: 1 1 80%;
}
.page-index .content .game_box .dz p img{
    height: auto
}
.nav-user-box-container{
    display: flex;
}
.nav-user-box{
    width: 100%;
}
.nav-user{
    display: flex;
    justify-content: flex-end;
    flex-wrap: nowrap;
    gap: 18px;
    margin-bottom: .4rem
}
.nav-user .nav-item{
    width: 100%;
}
.nav-user .nav-link {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #fec100;
    text-transform: capitalize;
    white-space: nowrap;
    font-size: 12px;
    gap: 3px;
}
.nav-user .nav-item a img{
    width: 38px;
    height: 38px;
}
.page-login{
    max-width: 540px;
    margin-left: auto;
    margin-right: auto;
}
.page-login .form-wrap{
    position: relative;
    box-sizing: border-box;
    background-color: #eef0f3!important;
    border: 1px solid rgba(0, 0, 0, 0.06);
    border-radius: 10px !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
    padding: 8px 11px 12px;
    overflow: visible;
    width:92%!important;
}
.page-login .form-register .title{
    color: #111827;
    font-weight: 600;
    margin-bottom: 50px;
    text-align: center;
    font-size: 23px;
}
.page-login select,
.page-login input,
.page-login option{
    background-color: #fff !important;
    color: #111827 !important;
    border: 0;
}
.page-login .form-register .form-item input::placeholder{
    color: #6b7280 !important;
    opacity: 1 !important;
}
.page-login .form-register .form-item{
    background-color: #fff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 4px;
    box-sizing: border-box;
    padding-left: 12px;
    padding-right: 12px;
}
.page-login .wrap-btn .btn.primary-btn{
    background-image: linear-gradient(180deg, #fcc83c, #f8971c) !important;
    background-color: #f8971c !important;
    color: #1a1a1a !important;
    font-weight: 600;
    border: none !important;
    box-shadow: 0 2px 8px rgba(248, 151, 28, 0.35);
}
.page-login .wrap-btn .btn.primary-btn:active,
.page-login .wrap-btn .btn.primary-btn:hover{
    color: #1a1a1a !important;
    filter: brightness(1.03);
}
.page-login .page-login__register-wrap {
    margin-top: 10px;
    margin-bottom: 4px;
}
.page-login .btn-links,
.entry .btn-links {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 10px 12px;
    font-size: 14px;
    font-weight: 600;
    color: #fff !important;
    background: #007bb5;
    border: none;
    border-radius: 8px;
    text-decoration: none;
    box-sizing: border-box;
}
.page-login .btn-links:hover,
.page-login .btn-links:focus,
.entry .btn-links:hover,
.entry .btn-links:focus {
    color: #fff !important;
    background: #006fa3;
}
.page-login .register-affiliate-link {
    margin-bottom: 8px;
}
.page-login .register-affiliate-link a {
    color: #1565c0;
    font-size: 13px;
    text-decoration: underline;
}
.page-login::before{
    background:transparent!important;
}

/* Login: OR divider, Telegram, support (CSKH — anchored inside .form-wrap) */
.page-login.page-login--with-social {
    position: relative;
}
.page-login.page-login--with-social .external-break-line {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 13px;
    gap: 10px;
    margin: 20px 0 12px;
    padding: 0;
    height: auto;
    min-height: 24px;
}
.page-login.page-login--with-social .external-break-line .break-line {
    flex: 1;
    height: 1px;
    background: rgba(0, 0, 0, 0.12);
    margin: 0;
    max-width: none;
}
.page-login.page-login--with-social .external-break-line span {
    color: #6b7280;
    text-align: center;
    white-space: nowrap;
    padding: 0 12px;
    font-size: 12px;
    letter-spacing: 1px;
}
.page-login.page-login--with-social .social-media-cont {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px 5px 12px;
    gap: 40px;
}
.page-login.page-login--with-social .social-media-cont a,
body:has(#registerForm) .container.entry .social-media-cont a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12);
    background: linear-gradient(180deg, #5eb5e8 0%, #3d9fd8 100%);
    text-decoration: none;
    color: #fff;
    overflow: hidden;
}
.page-login.page-login--with-social .social-media-cont a .tele-social,
body:has(#registerForm) .container.entry .social-media-cont a .tele-social {
    width: 36px;
    height: 36px;
    border-radius: 0;
    background: transparent !important;
    display: block;
    object-fit: contain;
    color: #fff;
    flex-shrink: 0;
}
.page-login .form-wrap .page-login__support-footer {
    margin: 10px 0 0;
    width: auto;
    min-height: 0;
    text-align: right;
}
.page-login.page-login--with-social .btn-chat.page-login__support {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    font-size: 12px;
    line-height: 1.2;
    background: #5dade2;
    border: none;
    color: #fff !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12);
    border-radius: 999px;
}
.page-login.page-login--with-social .btn-chat.page-login__support:hover,
.page-login.page-login--with-social .btn-chat.page-login__support:focus {
    color: #fff !important;
    background: #4d9cd8;
}
.page-login.page-login--with-social .btn-chat.page-login__support > span:not(.page-login__support-ico) {
    color: #fff !important;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.2;
}
.page-login.page-login--with-social .btn-chat.page-login__support .page-login__support-ico {
    line-height: 0;
    opacity: 1;
    color: #fff !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.page-login.page-login--with-social .btn-chat.page-login__support .page-login__support-ico svg {
    display: block;
    width: 23px;
    height: 23px;
}
.page-login .form-register .eye-icon{
    filter: brightness(0) saturate(100%) invert(29%) sepia(1%) saturate(0%) hue-rotate(355deg) brightness(103%) contrast(84%);
}
.page-login input{
    width:auto!important;
    padding:14px 0 10px 10px!important;
}


/* === Merged from register.css (Huashun) === */
html, body {
  height: 100%;
}

.wrapper {
  min-height: 100%;
  display: flex;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
}

.entry .entry-form {
  display: flex;
  position: relative;
}
.entry .entry-form .register-content {
  padding: 20px 25px 64px;
  width: 100%;
}
.entry .entry-form .register-content .input-group {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
  background-color: #ced4da;
  border-radius: 6px;
}
.entry .entry-form .register-content .input-group.flex-nowrap {
  flex-wrap: nowrap;
}
.entry .entry-form .register-content .input-group > .form-control {
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
}
.entry .entry-form .register-content .input-group > .input-group-text {
  display: flex;
  align-items: center;
}
.entry .entry-form .register-content .input-group .input-group-text {
  background-color: transparent;
  border: none;
}
.entry .entry-form .register-content .input-group .form-control {
  padding: 11px 12px 11px 0;
  background-color: transparent;
  border: 0;
  color: #fff;
}
.entry .entry-form .register-content .input-group .form-control::placeholder {
  color: #fff;
  opacity: 1;
}
.entry .entry-form .register-content .input-group .form-control:focus {
  box-shadow: none;
}
.entry .entry-form .register-content .input-group .form-control:focus::placeholder {
  opacity: 0.65;
}
.entry .entry-form .register-content .input-group .form-select {
  padding: 11px 12px 11px 0;
  background-color: transparent;
  border: 0;
  color: #fff;
}
.entry .entry-form .register-content .input-group .form-select:focus {
  box-shadow: none;
  opacity: 0.75;
}
.entry .entry-form .register-content .input-group .form-select option {
  color: #212529;
}
.entry .entry-form .register-content .btn {
  padding: 11px 12px;
}
.entry .entry-form .register-content .ic {
  width: 21px;
  height: 21px;
  display: block;
}
.entry .entry-form .register-content .ic.ic-user {
    -webkit-mask: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAQAAAAm93DmAAAACXBIWXMAAAsTAAALEwEAmpwYAAACNUlEQVR42tWWLYvkQBCGDyIHGgKxY/MDxmVU3Mg1y5q4k/kD53a4XzA2dtyIhYVRMUPEyLFjAmPORcTFxTwXikCTrnzs3cEtWzGppvvt+uq36tvXFnwSjhSUNDSUFBxJ8P8O7IkLLWPScuHpz8Airv3RnJSYEIMhJCYl76+5En0MzOMAQEWKGd1hSKkAOOAtwRlysWzPanbfir1YmmPm4e5A9TFn2Iqdd8y0s7lsWGt7CAm1zazFgHzCcYld5cIRI2noUxQryAo4jGZWjmwdmzMAGgoKGgAyPMfxFtBB4grsh2sCV5Pg9fAJNZA5u/bAVZcxVMMosRO49dBFgdw5Ea7AKXUuQKpt5ll58qztIQUuwzfbdp9x3jHUY8kTe/xhucl5u0YC5M6xDbKmhRzY6DUSqx7FYQ14HgU8C6B2+mjVAlSFBUA16XKgqhUKq5ZAqA7ebD6d3N/UagiUVm0A/bBegF9O+P1uBV40CwDNHKAIbwIZW8cE7k2UEUDtsiaFdwAenLrvAcC7ulq5rJKi+MRKaV+OTooqG2VfRgu0lJy779FrBySuumzmC9uXLNf8wNgrOq0G7gSzha2fHkFPnTr3RuJ6w9dPb4YcyIAT3jizC+RZkcM0fbGRchFtHFIyvlP0NUWwnCQiM8J3IJ8hWKFyaIl6zvu52L1L7vIXSe63C01qWfAJbJNabKPLotvovzf6yDb65VHkdXEUebWjyH8YllTG1Ti3YqXGue2nDZzLI/GXlt8z5Efk//aSCgAAAABJRU5ErkJggg==);
  mask: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAQAAAAm93DmAAAACXBIWXMAAAsTAAALEwEAmpwYAAACNUlEQVR42tWWLYvkQBCGDyIHGgKxY/MDxmVU3Mg1y5q4k/kD53a4XzA2dtyIhYVRMUPEyLFjAmPORcTFxTwXikCTrnzs3cEtWzGppvvt+uq36tvXFnwSjhSUNDSUFBxJ8P8O7IkLLWPScuHpz8Airv3RnJSYEIMhJCYl76+5En0MzOMAQEWKGd1hSKkAOOAtwRlysWzPanbfir1YmmPm4e5A9TFn2Iqdd8y0s7lsWGt7CAm1zazFgHzCcYld5cIRI2noUxQryAo4jGZWjmwdmzMAGgoKGgAyPMfxFtBB4grsh2sCV5Pg9fAJNZA5u/bAVZcxVMMosRO49dBFgdw5Ea7AKXUuQKpt5ll58qztIQUuwzfbdp9x3jHUY8kTe/xhucl5u0YC5M6xDbKmhRzY6DUSqx7FYQ14HgU8C6B2+mjVAlSFBUA16XKgqhUKq5ZAqA7ebD6d3N/UagiUVm0A/bBegF9O+P1uBV40CwDNHKAIbwIZW8cE7k2UEUDtsiaFdwAenLrvAcC7ulq5rJKi+MRKaV+OTooqG2VfRgu0lJy779FrBySuumzmC9uXLNf8wNgrOq0G7gSzha2fHkFPnTr3RuJ6w9dPb4YcyIAT3jizC+RZkcM0fbGRchFtHFIyvlP0NUWwnCQiM8J3IJ8hWKFyaIl6zvu52L1L7vIXSe63C01qWfAJbJNabKPLotvovzf6yDb65VHkdXEUebWjyH8YllTG1Ti3YqXGue2nDZzLI/GXlt8z5Efk//aSCgAAAABJRU5ErkJggg==);
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: #111827;
}
.entry .entry-form .register-content .ic.ic-password {
  -webkit-mask: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAQAAAAm93DmAAAACXBIWXMAAAsTAAALEwEAmpwYAAAB2ElEQVR42tXWP2vbYBAG8ELopsEfIFm9ZhWeDNmyZA5oLBQ0Z/bcyZ8gk75CF02avJYsmfwJNBa8afn1xRTUtxdbqRIouUMgPbr3QfdHd/fpY4uFSqOzd0i612lUFvPI7nQGoiS0c/dvZKXd76Ot2tpSkXRprdYmFHbK15Fd2IJerTgRiFoPti6mo9ZisFGctStsDGgtztM9o3+dM1Z6PFucdrY9GlwFfOVr0tXfDrryjPaIR7FFH+jK46GjpLsyUPbYvuwAQzhwn7C9yjJpZW9wH84NWEXCHTY55tJPnWJMhS4hl7mVDXaxjOkVOerRwVXuYkIeQ8Z73OVghzp8da8NWKsPWI0uL5chaai8hH0L2IOngBXH84sRqNDGRI1RnRItqvGxQf0mwhpNHsF1ZvBZ6RaN2xe19DmzX2dRtMcyi8mTKXn6M+aW2I+PB7LXX0hXeUaPFtkncDhNuMHFRJNjEwiDyzMIg8tjUmYQhqSEsplBGMomFPYswhZV+PVmEIZfLzSHGYRjc4jtawZhbF+xwXrAYmI68hAa7KkR4Nqg9+OM9gbX4whQTgwpNxrfz2jjJgypiTE6IXGMvn3Ql2HQv+8qMn9ZKsKy9E7r3Oq/LZzTK/GHll8m3loGX3l4/QAAAABJRU5ErkJggg==);
  mask: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAQAAAAm93DmAAAACXBIWXMAAAsTAAALEwEAmpwYAAAB2ElEQVR42tXWP2vbYBAG8ELopsEfIFm9ZhWeDNmyZA5oLBQ0Z/bcyZ8gk75CF02avJYsmfwJNBa8afn1xRTUtxdbqRIouUMgPbr3QfdHd/fpY4uFSqOzd0i612lUFvPI7nQGoiS0c/dvZKXd76Ot2tpSkXRprdYmFHbK15Fd2IJerTgRiFoPti6mo9ZisFGctStsDGgtztM9o3+dM1Z6PFucdrY9GlwFfOVr0tXfDrryjPaIR7FFH+jK46GjpLsyUPbYvuwAQzhwn7C9yjJpZW9wH84NWEXCHTY55tJPnWJMhS4hl7mVDXaxjOkVOerRwVXuYkIeQ8Z73OVghzp8da8NWKsPWI0uL5chaai8hH0L2IOngBXH84sRqNDGRI1RnRItqvGxQf0mwhpNHsF1ZvBZ6RaN2xe19DmzX2dRtMcyi8mTKXn6M+aW2I+PB7LXX0hXeUaPFtkncDhNuMHFRJNjEwiDyzMIg8tjUmYQhqSEsplBGMomFPYswhZV+PVmEIZfLzSHGYRjc4jtawZhbF+xwXrAYmI68hAa7KkR4Nqg9+OM9gbX4whQTgwpNxrfz2jjJgypiTE6IXGMvn3Ql2HQv+8qMn9ZKsKy9E7r3Oq/LZzTK/GHll8m3loGX3l4/QAAAABJRU5ErkJggg==);
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: #111827;
}
.entry .entry-form .register-content .ic.ic-currency { 
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 381.329 381.329' style='enable-background:new 0 0 381.329 381.329;' xml:space='preserve'%3E%3Cg%3E%3Cg id='Layer_5_65_'%3E%3Cg%3E%3Cpath fill='%23111827' d='M78.864,79.423l-24.369-5.431c-2.899-0.646-5.259,0.003-6.382,1.727c-0.967,1.484-0.931,3.59,0.103,5.929l2.945,6.662 c0.667,1.355-0.291,3.057-0.784,3.506c-28.44,25.881-44.752,62.701-44.752,101.019c0,45.394,22.483,87.683,60.144,113.125 c1.577,1.065,3.414,1.629,5.311,1.629c3.165,0,6.11-1.564,7.88-4.183c1.066-1.577,1.629-3.413,1.629-5.311 c0-3.165-1.564-6.11-4.184-7.879c-32.423-21.905-51.78-58.31-51.78-97.382c0-30.858,12.57-61.144,34.487-83.09 c0.568-0.569,0.872-0.613,0.951-0.613c0.146,0,0.358,0.218,0.512,0.486l2.742,6.206c1.146,2.593,2.797,4.021,4.648,4.021 c1.814,0,3.47-1.385,4.661-3.898L84.48,90.919c1.158-2.444,1.206-4.997,0.135-7.188C83.547,81.541,81.504,80.012,78.864,79.423z' /%3E%3Cpath fill='%23fff' d='M375.704,188.493c0-45.394-22.483-87.683-60.145-113.125c-1.577-1.065-3.414-1.629-5.311-1.629 c-3.165,0-6.11,1.563-7.879,4.183c-1.066,1.578-1.63,3.414-1.63,5.311c0,3.165,1.564,6.11,4.184,7.879 c32.423,21.904,51.78,58.309,51.78,97.382c0,30.858-12.57,61.144-34.487,83.09c-0.568,0.568-0.872,0.613-0.951,0.613 c-0.146,0-0.358-0.218-0.512-0.486l-2.742-6.206c-1.146-2.593-2.797-4.021-4.648-4.021c-1.814,0-3.47,1.385-4.66,3.898 l-11.857,25.027c-1.158,2.444-1.206,4.996-0.136,7.186s3.113,3.721,5.753,4.31l24.369,5.431c0.754,0.168,1.475,0.253,2.142,0.253 c1.903,0,3.41-0.703,4.241-1.98c0.967-1.484,0.931-3.589-0.103-5.928l-2.945-6.662c-0.667-1.355,0.29-3.057,0.784-3.506 C359.392,263.632,375.704,226.811,375.704,188.493z'/%3E%3Cg%3E%3Cpath fill='%23fff' d='M194.766,79.575c-9.743-3.906-12.559-6.268-12.559-10.534c0-3.414,2.586-7.401,9.874-7.401 c6.447,0,11.392,2.542,11.435,2.565c0.521,0.277,1.104,0.425,1.682,0.425c1.411,0,2.659-0.854,3.177-2.175l1.771-4.528 c0.616-1.649-0.318-3.087-1.512-3.603c-3.97-1.729-11.727-3.065-11.807-3.079c-0.125-0.021-0.56-0.114-0.56-0.623l-0.024-6.567 c0-1.978-1.652-3.588-3.68-3.588h-3.177c-2.025,0-3.677,1.61-3.677,3.59l0.008,6.904c0,0.529-0.573,0.759-0.782,0.809 c-9.792,2.332-15.913,9.505-15.913,18.554c0,11.28,9.324,16.378,19.391,20.204c8.048,3.159,11.331,6.363,11.331,11.063 c0,5.113-4.649,8.685-11.311,8.685c-5.688,0-13.387-3.605-13.463-3.642c-0.492-0.233-1.014-0.352-1.551-0.352 c-1.465,0-2.741,0.886-3.252,2.258l-1.69,4.578c-0.602,1.71,0.324,3.098,1.509,3.715c4.727,2.462,13.876,3.905,14.282,3.968 c0.11,0.016,0.667,0.213,0.667,0.721v6.875c0,1.979,1.651,3.588,3.68,3.588h3.283c2.029,0,3.681-1.609,3.681-3.588v-7.234 c0-0.677,0.499-0.736,0.602-0.761c10.433-2.344,16.859-9.977,16.859-19.561C213.041,90.995,207.574,84.634,194.766,79.575z'/%3E%3Cpath fill='%23fff' d='M190.665,0c-47.622,0-86.225,38.604-86.225,86.225c0,47.62,38.603,86.227,86.225,86.227 c47.62,0,86.225-38.606,86.225-86.227S238.285,0,190.665,0z M190.665,152.467c-36.586,0-66.241-29.658-66.241-66.242 s29.655-66.241,66.241-66.241c36.584,0,66.24,29.657,66.24,66.241S227.249,152.467,190.665,152.467z'/%3E%3C/g%3E%3Cg%3E%3Cpath fill='%23fff' d='M190.666,208.877c-47.623,0-86.226,38.604-86.226,86.225s38.603,86.227,86.226,86.227 c47.62,0,86.224-38.605,86.224-86.227C276.889,247.481,238.286,208.877,190.666,208.877z M190.666,361.345 c-36.586,0-66.242-29.659-66.242-66.243c0-36.583,29.656-66.241,66.242-66.241c36.583,0,66.239,29.658,66.239,66.241 C256.904,331.686,227.249,361.345,190.666,361.345z'/%3E%3Cpath fill='%23fff' d='M216.21,314.953c-1.853-2.117-5.072-2.332-7.191-0.477c-4.688,4.105-9.708,6.366-15.948,6.366 c-8.781,0-15.544-4.423-20.191-11.155c-0.196-0.284-0.497-0.865,0.503-0.865h11.654c2.814,0,5.096-2.281,5.096-5.096 s-2.281-5.096-5.096-5.096h-15.613c-0.844,0-0.932-0.666-0.965-1.002c-0.084-0.831-0.129-1.673-0.129-2.526 c0-1.013,0.01-1.509,0.126-2.491c0.02-0.179,0.177-1.036,1.218-1.036h17.715c2.814,0,5.096-2.282,5.096-5.096 s-2.281-5.097-5.096-5.097h-13.381c-1.75,0-0.93-1.166-0.51-1.723c4.7-6.248,11.17-10.298,19.572-10.298 c4.531,0,7.984,1.192,11.877,3.446c2.435,1.41,5.553,0.581,6.964-1.855c1.41-2.435,0.58-5.553-1.855-6.963 c-5.443-3.153-10.662-4.819-16.985-4.819c-14.236,0-25.562,8.324-31.373,20.36c-0.294,0.608-0.606,1.852-1.856,1.852h-6.537 c-2.814,0-5.096,2.282-5.096,5.097c0,2.814,2.281,5.096,5.096,5.096h4.329c0.833,0,0.619,0.719,0.604,0.899 c-0.083,0.985-0.099,1.622-0.099,2.628c0,0.915,0.036,1.822,0.104,2.721c0.021,0.27,0.149,0.808-0.757,0.808h-6.534 c-2.814,0-5.096,2.281-5.096,5.096s2.281,5.096,5.096,5.096h9.097c1.084,0,1.064,0.583,1.193,0.872 c5.604,12.561,17.208,21.34,31.828,21.34c8.712,0,16.115-3.157,22.663-8.891C217.851,320.29,218.063,317.07,216.21,314.953z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A");
  background-size: contain;
}
.entry .entry-form .register-content .ic.ic-affiliate {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Svg Vector Icons : http://www.onlinewebfonts.com/icon --%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 1000 1000' enable-background='new 0 0 1000 1000' xml:space='preserve'%3E%3Cmetadata%3E Svg Vector Icons : http://www.onlinewebfonts.com/icon %3C/metadata%3E%3Cg%3E%3Cg fill='%23111827' transform='translate(0.000000,511.000000) scale(0.100000,-0.100000)'%3E%3Cpath d='M2815.4,4823.6c-553.8-127.6-1033.6-507.9-1288.8-1023.4c-148-303.7-188.9-482.3-186.3-842.2c2.6-472.1,119.9-816.7,403.2-1179.1c331.8-423.6,829.4-678.8,1398.5-714.6l224.6-15.3v150.6c0,257.8,0,255.2-239.9,273.1c-607.4,43.4-1117.8,441.5-1322,1036.2c-84.2,245-84.2,655.9,2.6,916.2c142.9,439,502.8,803.9,944.3,959.6c176.1,61.3,597.2,84.2,798.8,43.4c186.3-38.3,459.4-173.5,627.8-306.3c114.8-91.9,285.8-293.5,375.2-449.2c25.5-40.8,38.3-38.3,199.1,33.2c94.4,43.4,171,91.9,171,109.7c0,68.9-219.5,362.4-393,525.7c-222,209.3-444.1,344.5-717.1,433.9C3563.2,4856.8,3070.6,4879.7,2815.4,4823.6z'/%3E%3Cpath d='M5829.4,3606.2C4859.6,3504.2,4032.8,2771.7,3798,1807c-79.1-319-79.1-778.4-2.6-1092.3C4037.9-262.7,4859.6-985,5847.3-1084.5c832-81.7,1646.1,273.1,2133.5,936.6c454.3,615.1,587,1408.8,357.3,2123.3C7993.6,3047.3,6952.3,3723.6,5829.4,3606.2z M6554.2,3159.6c229.7-51,594.6-234.8,786-393C8024.2,2200,8236,1202.2,7843,398.3C7595.5-104.5,7090.2-510.3,6541.5-643c-262.9-63.8-684-58.7-941.7,12.8C4770.3-400.5,4198.6,296.2,4142.5,1146c-76.6,1140.8,893.2,2128.4,2028.9,2064.6C6291.3,3205.6,6462.3,3182.6,6554.2,3159.6z'/%3E%3Cpath d='M1582.8,1271.1C947.3,888.3,490.5,314.1,253.1-395.4C184.2-602.2,100-944.1,100-1020.7c0-23,63.8-43.4,183.8-61.3c199.1-30.6,224.6-25.5,224.6,43.4c0,99.5,127.6,546.1,214.4,742.6c173.5,403.2,497.7,814.1,837.1,1069.3l145.5,107.2l173.5-132.7C2095.7,582,2399.4,434,2662.3,367.6c283.3-71.4,900.9-66.4,977.5,10.2c7.7,7.7-5.1,94.4-30.6,194l-45.9,183.8L3433,735.1c-556.4-79.1-1036.1,71.5-1431.7,451.7c-114.8,112.3-214.4,201.6-219.5,199.1C1776.7,1385.9,1687.4,1332.3,1582.8,1271.1z'/%3E%3Cpath d='M1146.4-1268.2c-538.5-513-801.4-783.5-798.8-814.1c2.5-25.5,35.7-109.7,68.9-188.8l63.8-140.4l336.9-7.7l336.9-7.7l48.5-191.4c173.5-676.3,663.5-1283.7,1322-1641c283.3-153.1,913.6-375.2,1071.9-375.2c23,0,63.8,63.8,102.1,158.2c35.7,89.3,66.4,168.4,71.5,176.1c2.6,7.7-84.2,89.3-194,181.2c-426.2,357.3-666.1,803.9-758,1411.3c-20.4,140.4-38.3,262.9-38.3,273.1c0,10.2,150.6,23,336.9,25.5l334.3,7.6l71.5,173.5l71.5,171l-806.5,773.3c-441.5,423.7-811.6,773.3-821.8,775.8C1957.9-502.6,1587.9-847.1,1146.4-1268.2z M2460.7-1533.7l484.9-469.6l-285.8-2.6h-288.4v-176.1c0-635.5,168.4-1288.8,431.3-1671.7c45.9-63.8,74-117.4,66.4-117.4s-79.1,33.2-160.8,74c-334.3,168.4-689.1,505.3-885.6,839.6c-127.6,216.9-255.2,587-298.6,857.5l-30.6,193.9h-252.7c-137.8,0-247.6,10.2-242.4,23c10.2,28.1,946.8,921.3,964.7,921.3C1970.7-1061.5,2195.3-1273.3,2460.7-1533.7z'/%3E%3Cpath d='M4134.8-872.7c-255.2-153.1-477.2-313.9-630.4-451.7l-125-114.8l137.8-142.9l137.8-140.4l181.2,148c252.7,206.7,421.1,316.4,456.8,298.6c17.9-7.7,104.6-79.1,196.5-155.7c91.9-76.6,275.6-196.5,408.3-265.4c587-306.3,1253.1-377.7,1893.6-204.2c275.6,74,666.1,278.2,908.5,472.1l211.8,168.4l171-114.8c622.7-418.6,1056.6-1013.2,1265.8-1738c74-252.7,142.9-724.8,142.9-974.9v-163.3H6926.8H4362V-4443v-191.4h2753.7h2753.7l15.3,79.1c7.6,43.4,15.3,194,15.3,334.3c0,1513.4-661,2682.2-1921.7,3389.2l-148,81.7L7633.7-939c-316.5-308.8-630.4-487.4-1043.8-597.2c-257.8-66.4-768.2-61.3-1041.3,12.8c-393,104.6-717.1,296-1015.7,594.6c-94.4,94.4-181.2,173.5-191.4,173.5C4331.3-755.3,4239.5-808.9,4134.8-872.7z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-size: contain;
}
.entry .entry-form .register-content .ic.ic-tel {
  mask: url("../../images/huashun/v2/icon/icon_phone.svg");
  mask-size: 100% 100%;
}
.entry .entry-form .register-left {
  border-radius: 10px 0 0 10px;
  background-color: rgba(255, 255, 255, 0.3);
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  padding: 0 14px;
  text-decoration: none;
}
.entry .entry-form .register-left .login_text {
  color: #fff;
  font-weight: 600;
}
.entry .entry-form .register-left .login_text span {
  text-transform: uppercase;
  word-break: break-all;
  display: block;
  text-align: center;
}
.entry .entry-form .register-left .ic-user-login {
  width: 24px;
  height: 24px;
  display: block;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAQAAAD9CzEMAAAACXBIWXMAAAsTAAALEwEAmpwYAAACiklEQVR42uWXLYziQBiGV1SuW3cCgSFZsWoVDnMGgziFQa/CkKxCYteSbFJRVYuoaEgwFSjMBVGDwKAQTRpSUfNccpBM2m++Abrr9nFt35nO9/NOpw8/A16Z4rNkS05OyoqAKd3vmPo3nxzQOOLTbz55jzWG02XlPktScgwbevdP3iHCTDDlRSieeccsIKZzz/R9cs4EtJ3KX8wpAchvThYTzsS83BjtgjOTW+RzXYxHixaefMLbJY751dVr4TIioeRMygdt0W/Z1SjoA5DXU0OLhDolY1H2DIC+nsvcJuCVI3aGIooSyJWOIrKFSJvMYbTHmnoMQGy1lf0RIS6GQr8AQFrvYhppqBwXc5loSmAj9xyAQMifcBM9CPi8VFLetLkWNwuru0uxWA7nsCTscOFbxyTAsdqIAFOrOMDFu8OuXXNjiimw3ARcDBRHAczMDR84KfaLcTFTRh2B0FwugdQq9HCTKC/4W3lGCqwU6bpRBBGwq5opUKQjFEzdFC8U1Rf4itRjj0bi/KqU1RTFqvgDjZE6ZgHszeUK2KriLnZKHtUxGyCpmilTxR6FkiAVDkBYN9qzKo+wMVb1rbrRusb2NuhRUudgEqS4v1d33loo9WYt6DjUMZBVTh/4ALQddcgBw8Yx/RMFEIrzhGI2E6NB9pxs6z+isVyF5qlWhYxHtcCFWYD8aEbKMP/mXShQz0YsrceWDm+ssREzpC2aQXcIz5yAkt7lcB6RcuIaOSkREzr/v4wFUKiHZgYAHFnShIiDOSspMKUhem1kORsjul+L4vtXL2tx4l4KLfdaR624h4SXJv/IG25h+5V/5QEBRzQyQrPnNAaPLjNCEnYUlOxJCJnRw3v4AfwDD2rwa9aIv18AAAAASUVORK5CYII=);
  background-size: contain;
  margin-bottom: 8px;
}

body:has(#registerForm) .container {
  max-width: 540px;
}

[data-page=register] .entry .entry-form.login-animate {
  left: -640px;
  opacity: 0;
  display: none;
}

.entry img {
  max-width: 100%;
}

/* Huashun title omits bootstrap.min.css — grid, spacing, buttons */
body:has(#registerForm) .container .row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -12px;
  margin-right: -12px;
}
body:has(#registerForm) .container .col-12 {
  flex: 0 0 100%;
  max-width: 100%;
  padding-left: 12px;
  padding-right: 12px;
  box-sizing: border-box;
}
.entry .justify-content-center {
  justify-content: center;
}
.entry .text-center {
  text-align: center;
}
.entry .w-100 {
  width: 100%;
}
.entry .my-4 {
  margin-top: 24px;
  margin-bottom: 24px;
}
.entry .py-3 {
  padding-top: 16px;
  padding-bottom: 16px;
}
.entry .mb-3 {
  margin-bottom: 16px;
}
.entry .mb-2 {
  margin-bottom: 8px;
}
.entry .text-danger {
  color: #dc3545;
}
.entry .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 400;
  line-height: 1.5;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  padding: 6px 12px;
  font-size: 16px;
  border-radius: 6px;
  box-sizing: border-box;
}
.entry .btn-enter {
  background-image: linear-gradient(180deg, #fcc83c, #f8971c);
  background-color: #f8971c;
  color: #1a1a1a;
  font-weight: 600;
  border: none;
  box-shadow: 0 2px 8px rgba(248, 151, 28, 0.35);
}
.entry .btn-enter:hover,
.entry .btn-enter:focus {
  color: #1a1a1a;
  filter: brightness(1.03);
}
/* --- Huashun register: light / white theme (aligned with .page-login form-wrap) --- */
/* mreset sets input,button{background:#fff} — keep transparent inputs inside white bars + flex so rows don’t split visually */
body:has(#registerForm) {
    background-color: #eef0f3;
    color: #111827;
}

body:has(#registerForm) .container.entry {
    max-width: 540px;
    margin-left: auto;
    margin-right: auto;
    padding: 16px 16px 32px;
    width: 100%;
    box-sizing: border-box;
}

body:has(#registerForm) .container.entry .text-center {
    text-align: center;
}

body:has(#registerForm) .register-page__logo-wrap {
    margin-top: 16px;
    margin-bottom: 16px;
}

body:has(#registerForm) .register-page__logo-link {
    display: inline-block;
    text-decoration: none;
    line-height: 0;
}

body:has(#registerForm) .register-page__logo,
body:has(#registerForm) .container.entry .text-center.my-4 img {
    max-width: min(85vw, 260px);
    width: auto;
    height: auto;
    display: inline-block;
    vertical-align: middle;
}
body:has(#registerForm) .register-content {
    padding: 16px 14px 20px !important;
}

#registerForm .input-group {
    display: flex !important;
    flex-wrap: nowrap;
    align-items: center;
    width: 100% !important;
    max-width: 100%;
    border-radius: 10px;
    overflow: hidden;
    background-color: #fff !important;
    border: 1px solid #e5e7eb !important;
    box-sizing: border-box;
    min-height: 0;
}

#registerForm .input-group.flex-nowrap {
    flex-wrap: nowrap !important;
}

#registerForm .input-group > .form-control {
    flex: 1 1 auto !important;
    width: 1% !important;
    min-width: 0 !important;
}

#registerForm .input-group > .input-group-text {
    display: flex !important;
    align-items: center !important;
    justify-content: center;
    flex-shrink: 0;
}

#registerForm .input-group .input-group-text,
#registerForm .input-group button.input-group-text {
    background-color: transparent !important;
    background: transparent !important;
    border: none !important;
}

#registerForm .form-control {
    color: #111827 !important;
    background-color: transparent !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 10px 12px 10px 0 !important;
    min-height: 0;
    line-height: 1.35;
    box-sizing: border-box;
}

#registerForm .input-group .input-group-text {
    padding: 0 8px 0 12px !important;
}
#registerForm .input-group button.input-group-text img {
    width: 18px !important;
    height: 18px !important;
    max-width: 18px !important;
    max-height: 18px !important;
    display: block !important;
    opacity: 0.55;
    filter: brightness(0) saturate(100%) invert(6%) sepia(35%) saturate(1157%) hue-rotate(183deg) brightness(95%) contrast(93%);
}

/* Sprite icons — compact box; no filter (Safari) */
#registerForm .register-content .ic {
    width: 18px !important;
    height: 18px !important;
    max-width: 18px !important;
    max-height: 18px !important;
    display: block !important;
    flex-shrink: 0 !important;
    box-sizing: border-box !important;
    background-size: contain !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

/* Phone: bundled CSS pointed at missing huashun SVG — inline icon so it always loads */
#registerForm .register-content .ic.ic-tel {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23475569' d='M493.4 24.6l-104-24c-11.3-2.6-22.9 3.3-27.5 13.9l-48 112c-4.2 9.8-1.4 21.3 6.9 28l60.6 49.6c-36 76.7-98.9 140.5-177.2 177.2l-49.6-60.6c-6.8-8.3-18.2-11.1-28-6.9l-112 48C3.9 366.5-2 378.1.6 389.4l24 104C27.1 504.2 36.7 512 48 512c256.1 0 464-207.5 464-464 0-11.2-7.7-20.9-18.6-23.4z'/%3E%3C/svg%3E") !important;
}

#registerForm .form-control::placeholder {
    color: #4b5563 !important;
    opacity: 1 !important;
}

#registerForm .text-danger,
#registerForm [id$="_msg"] {
    color: #dc2626 !important;
    font-size: 13px !important;
    margin-top: 5px !important;
}

#registerForm .register-field-hint {
    margin: 6px 0 0;
    padding: 0 2px;
    font-size: 12px;
    line-height: 1.45;
    color: #9a3412;
}

#registerForm .mb-3,
#registerForm .mb-2 {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

#registerForm .btn-enter,
#registerForm .btn-links {
    width: 100% !important;
    max-width: 100%;
    display: flex !important;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}

#registerForm .btn-enter {
    background-image: none !important;
    background-color: #fffbeb !important;
    color: #9a3412 !important;
    font-weight: 600;
    border: 1px solid #fcd34d !important;
    border-radius: 10px !important;
    padding: 11px 14px !important;
    box-shadow: 0 1px 3px rgba(180, 83, 9, 0.08) !important;
}

#registerForm .btn-enter:hover,
#registerForm .btn-enter:focus {
    background-color: #fef3c7 !important;
    color: #7c2d12 !important;
    filter: none !important;
}

#registerForm .btn-links {
    background: #007bb5 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 10px !important;
    padding: 12px !important;
    font-weight: 600;
}

#registerForm .btn-links:hover,
#registerForm .btn-links:focus {
    background: #006fa3 !important;
    color: #fff !important;
}

#registerForm .text-center.mb-2 a {
    color: #1565c0;
    font-size: 13px;
    text-decoration: underline;
}

body:has(#registerForm) .container.entry .external-break-line .break-line {
    background: rgba(0, 0, 0, 0.12) !important;
}

body:has(#registerForm) .container.entry .external-break-line span {
    color: #6b7280 !important;
}

body:has(#registerForm) .entry .entry-form .register-content .input-group {
    background-color: #fff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 10px !important;
}
.page-login .primary-btn{
  margin-top: 0.533333rem!important;
  margin-bottom: 0.533333rem!important;
}
.header {
  height: 48px;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: start;
  align-items: center;
  padding:10px;
}
.header .logo {
  width: 120px;
}
/* Subpage header: center title with equal flex sides (matches head-right spacer in header_huashun.php) */
.page-fixed-head {
  justify-content: flex-start;
}
.page-fixed-head .head-left,
.page-fixed-head .head-right {
  flex: 1 1 0;
  min-width: 0;
}
.page-fixed-head .title {
  flex: 0 0 auto;
}