/* C7_LOGIN_REFERENCE_LAYOUT_FIX_START 20260612093401 */
html,body{
  min-height:100vh!important;
  background:#050505 url('/wap/static/img/custom/login_worldcup_bg_202606120910.jpg?v=20260612093401') center top/cover no-repeat fixed!important;
}
html body #app{
  min-height:100vh!important;
  background:transparent!important;
}
html body .loginwindow,
html body .Login-window,
html body div[class*="loginwindow"],
html body div[class*="Login-window"]{
  min-height:100vh!important;
  overflow:hidden!important;
  background:#050505!important;
  background-image:linear-gradient(180deg,rgba(0,0,0,.15) 0%,rgba(0,0,0,.20) 34%,rgba(0,0,0,.50) 100%),url('/wap/static/img/custom/login_worldcup_bg_202606120910.jpg?v=20260612093401')!important;
  background-position:center top!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  background-attachment:scroll!important;
  padding:0!important;
  color:#fff!important;
}
html body .loginwindow::before,
html body .Login-window::before,
html body div[class*="loginwindow"]::before,
html body div[class*="Login-window"]::before{
  content:"‹"!important;
  position:fixed!important;
  left:.34rem!important;
  top:.22rem!important;
  z-index:20!important;
  width:.48rem!important;
  height:.48rem!important;
  line-height:.42rem!important;
  color:#fff!important;
  font-size:.82rem!important;
  font-weight:300!important;
  text-shadow:0 .03rem .1rem rgba(0,0,0,.85)!important;
  pointer-events:none!important;
}
html body .loginwindow::after,
html body .Login-window::after,
html body div[class*="loginwindow"]::after,
html body div[class*="Login-window"]::after{
  content:"注册C7账号"!important;
  position:fixed!important;
  right:.34rem!important;
  top:.26rem!important;
  z-index:20!important;
  color:#fff!important;
  font-size:.34rem!important;
  font-weight:600!important;
  letter-spacing:.01rem!important;
  text-shadow:0 .03rem .1rem rgba(0,0,0,.88)!important;
  pointer-events:none!important;
}
html body .loginwindow .login-logo-wrapper,
html body .loginwindow .login-logo-wrapper[data-v-6b49e292],
html body .loginwindow .login-logo-wrapper .login-logo,
html body .loginwindow .login-logo-wrapper img.login-logo,
html body .loginwindow img.login-logo,
html body .loginwindow img[alt="Logo"]{
  display:none!important;
  width:0!important;
  height:0!important;
  min-height:0!important;
  padding:0!important;
  margin:0!important;
  opacity:0!important;
}
html body .loginwindow .lginner,
html body .Login-window .lginner,
html body div[class*="loginwindow"] .lginner,
html body div[class*="Login-window"] .lginner{
  position:relative!important;
  z-index:5!important;
  width:auto!important;
  min-height:auto!important;
  margin:1.02rem .38rem 0!important;
  padding:1.86rem 0 0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  overflow:visible!important;
}
html body .loginwindow .lginner::before,
html body .Login-window .lginner::before,
html body div[class*="loginwindow"] .lginner::before,
html body div[class*="Login-window"] .lginner::before{
  content:"C7\A欢迎来到C7娱乐\A世界杯官方指定投注平台"!important;
  position:absolute!important;
  left:0!important;
  top:0!important;
  display:block!important;
  width:100%!important;
  height:1.72rem!important;
  padding-left:1.76rem!important;
  box-sizing:border-box!important;
  white-space:pre-line!important;
  color:#fff!important;
  font-weight:700!important;
  font-size:.62rem!important;
  line-height:.58rem!important;
  letter-spacing:.01rem!important;
  text-align:left!important;
  text-shadow:0 .04rem .12rem rgba(0,0,0,.90),0 0 .20rem rgba(255,218,130,.20)!important;
  background:linear-gradient(135deg,rgba(255,255,255,.97),rgba(255,220,112,.95) 44%,rgba(45,150,55,.92) 100%) left top/.30rem .30rem!important;
}
html body .loginwindow .lginner::after,
html body .Login-window .lginner::after,
html body div[class*="loginwindow"] .lginner::after,
html body div[class*="Login-window"] .lginner::after{
  content:"C7\A世界杯"!important;
  position:absolute!important;
  left:.02rem!important;
  top:.02rem!important;
  width:1.48rem!important;
  height:1.30rem!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-direction:column!important;
  white-space:pre-line!important;
  border-radius:.26rem!important;
  color:#7a3100!important;
  font-weight:900!important;
  font-size:.38rem!important;
  line-height:.34rem!important;
  text-align:center!important;
  letter-spacing:.02rem!important;
  background:linear-gradient(145deg,rgba(255,255,255,.95) 0%,rgba(255,218,107,.92) 36%,rgba(31,154,63,.92) 100%)!important;
  border:1px solid rgba(255,255,255,.76)!important;
  box-shadow:0 .08rem .22rem rgba(0,0,0,.55),inset 0 0 0 1px rgba(255,255,255,.25)!important;
  text-shadow:0 1px 0 rgba(255,255,255,.35)!important;
}
html body .loginwindow .lginner::before{
  /* 让标题第三行更接近参考图：通过阴影和紧凑行高形成主副标题层次 */
}
html body .loginwindow .LoginSquare,
html body .Login-window .LoginSquare,
html body div[class*="loginwindow"] .LoginSquare,
html body div[class*="Login-window"] .LoginSquare{
  margin-top:.30rem!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
html body .loginwindow .LoginSquare::before,
html body .Login-window .LoginSquare::before,
html body div[class*="loginwindow"] .LoginSquare::before,
html body div[class*="Login-window"] .LoginSquare::before{
  content:""!important;
  display:none!important;
}
html body .loginwindow .LoginSquare .inputline,
html body .Login-window .LoginSquare .inputline,
html body div[class*="loginwindow"] .LoginSquare .inputline,
html body div[class*="Login-window"] .LoginSquare .inputline{
  width:100%!important;
  height:.92rem!important;
  margin:0 0 .24rem!important;
  padding:0 .26rem!important;
  box-sizing:border-box!important;
  border-radius:.16rem!important;
  border:1px solid rgba(255,224,151,.12)!important;
  background:rgba(31,22,10,.70)!important;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.26),0 .05rem .14rem rgba(0,0,0,.36)!important;
  backdrop-filter:blur(1.5px)!important;
  -webkit-backdrop-filter:blur(1.5px)!important;
}
html body .loginwindow .LoginSquare .inputline input,
html body .Login-window .LoginSquare .inputline input,
html body div[class*="loginwindow"] .LoginSquare .inputline input,
html body div[class*="Login-window"] .LoginSquare .inputline input{
  color:#fff!important;
  font-size:.33rem!important;
  font-weight:500!important;
  background:transparent!important;
  text-shadow:0 .02rem .06rem rgba(0,0,0,.55)!important;
}
html body .loginwindow .LoginSquare .inputline input::placeholder,
html body .Login-window .LoginSquare .inputline input::placeholder{
  color:rgba(255,255,255,.72)!important;
  opacity:1!important;
}
html body .loginwindow .LoginSquare .inputline div,
html body .Login-window .LoginSquare .inputline div,
html body div[class*="loginwindow"] .LoginSquare .inputline div,
html body div[class*="Login-window"] .LoginSquare .inputline div{
  color:rgba(255,236,186,.78)!important;
}
html body .loginwindow .LoginSquare .oplines,
html body .Login-window .LoginSquare .oplines,
html body div[class*="loginwindow"] .LoginSquare .oplines,
html body div[class*="Login-window"] .LoginSquare .oplines{
  height:.68rem!important;
  line-height:.68rem!important;
  margin:.02rem 0 1.34rem!important;
  color:#fff!important;
  background:transparent!important;
}
html body .loginwindow .LoginSquare .oplines *,
html body .Login-window .LoginSquare .oplines *,
html body div[class*="loginwindow"] .LoginSquare .oplines *,
html body div[class*="Login-window"] .LoginSquare .oplines *{
  color:#fff!important;
  font-size:.30rem!important;
  text-shadow:0 .03rem .09rem rgba(0,0,0,.88)!important;
}
html body .loginwindow .LoginSquare .oplines .van-checkbox__icon .van-icon{
  border-color:rgba(255,226,150,.72)!important;
  background:rgba(0,0,0,.18)!important;
}
html body .loginwindow .LoginSquare .confirm,
html body .Login-window .LoginSquare .confirm,
html body div[class*="loginwindow"] .LoginSquare .confirm,
html body div[class*="Login-window"] .LoginSquare .confirm{
  margin:0!important;
  padding:0!important;
}
html body .loginwindow .LoginSquare .confirm .sumbtns,
html body .Login-window .LoginSquare .confirm .sumbtns,
html body div[class*="loginwindow"] .LoginSquare .confirm .sumbtns,
html body div[class*="Login-window"] .LoginSquare .confirm .sumbtns{
  width:100%!important;
  height:.98rem!important;
  line-height:.98rem!important;
  border-radius:.10rem!important;
  color:rgba(255,255,255,.45)!important;
  font-size:.42rem!important;
  font-weight:700!important;
  letter-spacing:.02rem!important;
  background:rgba(217,161,94,.66)!important;
  border:1px solid rgba(255,221,166,.16)!important;
  box-shadow:0 .08rem .20rem rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.13)!important;
  text-shadow:0 .02rem .06rem rgba(0,0,0,.45)!important;
}
html body .loginwindow .LoginSquare .botline,
html body .Login-window .LoginSquare .botline,
html body div[class*="loginwindow"] .LoginSquare .botline,
html body div[class*="Login-window"] .LoginSquare .botline{
  display:none!important;
}
html body .loginwindow .gbline,
html body .Login-window .gbline,
html body div[class*="loginwindow"] .gbline,
html body div[class*="Login-window"] .gbline{
  display:none!important;
}
@media (max-width:420px){
  html body .loginwindow .lginner,
  html body .Login-window .lginner,
  html body div[class*="loginwindow"] .lginner,
  html body div[class*="Login-window"] .lginner{
    margin-left:.34rem!important;
    margin-right:.34rem!important;
    margin-top:1.00rem!important;
  }
  html body .loginwindow .lginner::before,
  html body .Login-window .lginner::before,
  html body div[class*="loginwindow"] .lginner::before,
  html body div[class*="Login-window"] .lginner::before{
    font-size:.58rem!important;
    line-height:.55rem!important;
    padding-left:1.64rem!important;
  }
  html body .loginwindow .lginner::after,
  html body .Login-window .lginner::after,
  html body div[class*="loginwindow"] .lginner::after,
  html body div[class*="Login-window"] .lginner::after{
    width:1.42rem!important;
    height:1.24rem!important;
  }
}
/* C7_LOGIN_REFERENCE_LAYOUT_FIX_END 20260612093401 */