@charset "utf-8";

.auth-page{min-width:1200px;background:#07111f!important;color:#d7e5f5;font-family:"Microsoft Yahei",Arial,sans-serif;overflow:auto!important;}
.auth-page .wrapper{min-width:1200px;background:linear-gradient(135deg,#07111f 0%,#0b2440 56%,#0f3a62 100%)!important;min-height:100vh;position:relative;overflow:hidden;}
.auth-page .wrapper:before{content:"";position:absolute;right:-160px;top:100px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(116,200,255,.22),rgba(116,200,255,0) 68%);pointer-events:none;}
.auth-page .wrapper:after{content:"";position:absolute;left:-180px;bottom:-220px;width:560px;height:560px;border-radius:50%;background:radial-gradient(circle,rgba(29,137,228,.18),rgba(29,137,228,0) 70%);pointer-events:none;}
.auth-page .header{background:none!important;}
.auth-shell{position:relative;z-index:2;width:100%;min-width:1200px;margin:0!important;padding:150px 0 80px!important;background:transparent!important;overflow:visible!important;}
.auth-container{width:1180px!important;max-width:none!important;}
.auth-row{display:flex;align-items:center;justify-content:space-between;}
.auth-intro{flex:0 0 500px!important;width:500px!important;padding:0 28px 0 8px;color:#fff;}
.auth-intro>span,.auth-card-title span{display:block;margin-bottom:14px;color:#74c8ff;font-size:12px;font-weight:800;letter-spacing:2.4px;}
.auth-intro h1{margin:0 0 18px;color:#fff;font-size:40px;font-weight:800;line-height:1.25;}
.auth-intro p{max-width:560px;margin:0 0 13px;color:#c3d4e8;font-size:15px;line-height:28px;}
.auth-intro ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:24px 0 0;padding:0;}
.auth-intro li{list-style:none;position:relative;padding:14px 16px 14px 36px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:rgba(255,255,255,.06);color:#e7f3ff;font-size:13px;font-weight:700;line-height:21px;}
.auth-intro li:before{content:"";position:absolute;left:16px;top:21px;width:8px;height:8px;border-radius:50%;background:#74c8ff;box-shadow:0 0 0 4px rgba(116,200,255,.13);}
.auth-info-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px;}
.auth-info-links a{display:inline-block;padding:10px 14px;border:1px solid rgba(116,200,255,.38);border-radius:4px;background:rgba(29,137,228,.12);color:#e9f7ff!important;font-size:13px;font-weight:800;}
.auth-info-links a:hover{background:#1d89e4;border-color:#1d89e4;color:#fff!important;}
.auth-card-wrap{flex:0 0 560px!important;width:560px!important;max-width:560px!important;float:none!important;margin:0!important;}
.auth-card{position:relative;margin:0!important;padding:34px 34px 28px!important;border:1px solid rgba(116,200,255,.2)!important;border-radius:8px!important;background:rgba(255,255,255,.96)!important;box-shadow:0 28px 80px rgba(0,0,0,.32)!important;color:#101a2b!important;}
.auth-card:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#1d89e4,#74d6ff);}
.auth-card-title{margin-bottom:24px;}
.auth-card-title h2{margin:0!important;color:#101a2b!important;font-size:28px!important;font-weight:800!important;line-height:1.25;}
.auth-card-title p{margin:10px 0 0;color:#647389;font-size:14px;line-height:24px;}
.auth-card section{margin-bottom:14px!important;}
.auth-card section,.auth-card label.input,.auth-card .input,.auth-card .login-input,.auth-card .reg-input,.auth-card .input-group,.auth-card .form-control{width:100%!important;max-width:none!important;box-sizing:border-box!important;}
.auth-card label.input,.auth-card .login-input,.auth-card .reg-input{display:block!important;}
.auth-card .input-group{display:table!important;table-layout:fixed!important;border-collapse:separate!important;}
.auth-card .input-group-addon{display:table-cell!important;width:46px!important;min-width:46px!important;border-color:#dce6f2!important;background:#f5f9ff!important;color:#1d89e4!important;vertical-align:middle!important;}
.auth-card .input-group .form-control{display:table-cell!important;float:none!important;}
.auth-card .form-control{height:44px!important;border:1px solid #dce6f2!important;border-radius:4px!important;box-shadow:none!important;color:#101a2b!important;font-size:14px!important;}
.auth-card .form-control:focus{border-color:#1d89e4!important;box-shadow:0 0 0 3px rgba(29,137,228,.12)!important;}
.auth-card .checkbox{color:#647389!important;font-size:13px!important;}
.auth-card .checkbox a,.auth-switch a,.auth-card a{color:#1d89e4!important;font-weight:800;}
.auth-card .btn-u,.auth-card .btn-u-sea-shop{height:46px!important;border:0!important;border-radius:4px!important;background:#1d89e4!important;color:#fff!important;font-size:16px!important;font-weight:800!important;box-shadow:0 14px 32px rgba(29,137,228,.25)!important;}
.auth-card .btn-u:hover,.auth-card .btn-u-sea-shop:hover{background:#0f6ec0!important;color:#fff!important;}
.auth-switch{margin-top:18px!important;color:#c3d4e8!important;font-size:14px;}
.auth-page .log-reg-block{width:auto!important;}
.auth-page .login-input,.auth-page .reg-input{border:0!important;background:transparent!important;}
.auth-page .reg-input .row{margin-left:-8px;margin-right:-8px;}
.auth-page .reg-input [class*="col-"]{padding-left:8px;padding-right:8px;}
.auth-page #imgCode,.auth-page img[src*="AuthCode"]{border-radius:4px;border:1px solid #dce6f2;background:#fff;cursor:pointer;}
.auth-page .text-right a{color:#1d89e4!important;font-weight:800;}
.auth-page .margin-bottom-20{margin-bottom:0!important;}
.auth-register-page .auth-shell{padding-top:138px!important;}
.auth-register-page .auth-card{padding-top:30px!important;}
.auth-register-page .auth-card .form-control{height:42px!important;}
.auth-register-page .auth-card section{margin-bottom:12px!important;}

@media screen and (max-width:1300px){
  .auth-container{width:1100px!important;}
  .auth-intro{flex-basis:470px!important;width:470px!important;}
  .auth-card-wrap{flex-basis:540px!important;width:540px!important;max-width:540px!important;}
  .auth-intro h1{font-size:36px;}
  .auth-intro ul{grid-template-columns:1fr;}
}

@media screen and (max-width:768px){
  html,body.auth-page{width:100%!important;min-width:0!important;overflow-x:hidden!important;}
  .auth-page .wrapper{width:100%!important;min-width:0!important;overflow:hidden!important;}
  .auth-shell{width:100%!important;min-width:0!important;padding:116px 16px 48px!important;box-sizing:border-box!important;}
  .auth-container{width:100%!important;max-width:none!important;}
  .auth-row{display:block!important;}
  .auth-intro{width:100%!important;max-width:none!important;padding:0!important;margin:0 0 22px!important;box-sizing:border-box!important;}
  .auth-intro>span,.auth-card-title span{font-size:11px!important;letter-spacing:1.8px!important;}
  .auth-intro h1{font-size:28px!important;line-height:1.3!important;}
  .auth-intro p{font-size:14px!important;line-height:25px!important;}
  .auth-intro ul{grid-template-columns:1fr!important;gap:10px!important;margin-top:18px!important;}
  .auth-info-links{gap:8px!important;margin-top:18px!important;}
  .auth-info-links a{padding:9px 11px!important;font-size:12px!important;}
  .auth-card-wrap{width:100%!important;max-width:none!important;flex-basis:auto!important;}
  .auth-card{padding:28px 20px 24px!important;}
  .auth-card-title{margin-bottom:18px!important;}
  .auth-card-title h2{font-size:24px!important;}
  .auth-card-title p{font-size:13px!important;line-height:23px!important;}
  .auth-card .row{margin-left:0!important;margin-right:0!important;}
  .auth-card [class*="col-"]{float:none!important;width:100%!important;padding-left:0!important;padding-right:0!important;}
  .auth-page .reg-input .row{margin-left:0!important;margin-right:0!important;}
  .auth-page .reg-input [class*="col-"]{padding-left:0!important;padding-right:0!important;}
}