*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}body{background:url(https://xmcdn.oss-cn-shanghai.aliyuncs.com/xm_onepage/coze_login/1.0.0/img/coze-login-bg-48b5a76.png) no-repeat 50%;background-size:cover;min-height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative}.login-title{position:absolute;top:20px;left:20px;z-index:10;width:325px;height:36px;background:url(https://xmcdn.oss-cn-shanghai.aliyuncs.com/xm_onepage/coze_login/1.0.0/img/coze-login-title-38ec7f8.png) no-repeat 50%;background-size:contain}#app{width:100%;min-height:100vh;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding-left:62.5%}#app,#login-container{display:-webkit-box;display:-ms-flexbox;display:flex}#login-container{width:420px;height:470px;min-width:420px;min-height:470px;background:url(https://xmcdn.oss-cn-shanghai.aliyuncs.com/xm_onepage/coze_login/1.0.0/img/coze-login-form-bg-254e720.png) no-repeat 50%;background-size:contain;border-radius:20px;overflow:hidden;text-align:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative;padding:0 32px}.login-form{margin-top:158px}.login-form .form-group{text-align:left}.login-form .form-group .form-label{display:block;font-weight:400;font-size:14px;color:#15171d;line-height:22px;margin-bottom:4px}.login-form .form-group .form-input{width:100%;height:40px;border-radius:8px;border:1px solid #e5e5e5;font-size:14px;color:#15171d;line-height:20px;padding:12px 10px;background:#fff;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent}.login-form .form-group .form-input:focus{-webkit-box-shadow:0 0 16px 0 rgba(9,17,80,.1);box-shadow:0 0 16px 0 rgba(9,17,80,.1);border-radius:8px;border:1px solid #15171d;outline:none;-webkit-tap-highlight-color:transparent}.login-form .form-group .form-input::-webkit-input-placeholder{color:#b2bcc2;font-size:14px}.login-form .form-group .form-input::-moz-placeholder{color:#b2bcc2;font-size:14px}.login-form .form-group .form-input:-ms-input-placeholder{color:#b2bcc2;font-size:14px}.login-form .form-group .form-input::-ms-input-placeholder{color:#b2bcc2;font-size:14px}.login-form .form-group .form-input::placeholder{color:#b2bcc2;font-size:14px}.login-form .form-group .error-message{color:#ea5513;line-height:18px;text-shadow:0 0 16px rgba(9,17,80,.1);font-weight:400;font-size:12px;margin-top:4px;min-height:20px}.login-form #login-btn-container{margin-top:12px}.agreement-section{margin-top:17px}.agreement-section .agreement-checkbox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:4px;cursor:pointer;font-size:14px;line-height:20px}.agreement-section .agreement-checkbox input[type=checkbox]{width:14px;height:14px;margin-top:3px;-ms-flex-negative:0;flex-shrink:0}.agreement-section .agreement-checkbox .agreement-text{font-weight:400;font-size:14px;color:#383535;line-height:20px;text-shadow:0 0 16px rgba(9,17,80,.1);text-align:left;font-style:normal}.agreement-section .agreement-checkbox .agreement-text .agreement-link{color:#4d53e8;text-decoration:none}.message-toast{position:fixed;top:50px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);padding:12px 16px;border-radius:8px;color:#fff;font-size:14px;z-index:10000;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;min-width:200px;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.15);box-shadow:0 4px 12px rgba(0,0,0,.15)}.message-toast.success{background-color:#2ed573}.message-toast.error{background-color:#ff4757}.message-toast .message-close{cursor:pointer;margin-left:12px;font-size:16px;line-height:1}.message-toast .message-close:hover{opacity:.8}.modal-mask{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:1000;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.modal-mask.show{opacity:1}.modal-mask.show .modal{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.modal-container{width:100%;height:100%}.modal,.modal-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.modal{width:360px;height:240px;background:#fff;-webkit-box-shadow:0 0 8px 0 rgba(107,110,121,.4);box-shadow:0 0 8px 0 rgba(107,110,121,.4);border-radius:12px;border:1px solid rgba(204,207,227,.5);-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:32px 24px;-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;position:relative}.modal .modal-close{position:absolute;top:20px;right:20px;width:20px;height:20px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAB+ElEQVR4AeyXPVLDMBCF7fgAXIAEWqr8GFq4AAUdRS4Ad6DkEFyAIh0FF4AWPEkaaBnCBThAIt4zY3A8kVZ/MDDjzMrRWHpvv1lb1qiT/PFfCxj6gNoKthUMrUCo/v+/g0XxsvcwXdw9ThezYvZ2HFoRetCLnvSW/MQKrjrZVZokhzDqK6VuitnrKfpeQS09IO7Tk97oG0MEhNFWzSFTKr1moto9qy411GJyhlZGw7u817zIgGl6AdESrQpnyE1wMFumn97o6kMEzAfbt2mqxrDwgtTDqTG94WsMEZDqfNCb+ECa4XoTekvNCpAmrpAx4JjXGpCTbSFjwTGnEyAFEmRMOOZzBqTIBNn8lGA+VisXhN07h/lr4QVIBx0kxr6+c+gHwUGfeANSrIHkEFswHE2CAGnw0y0IULMgKmbnHacS1v+9ATVw3G3YqhzBkF6AOjjuNmygiwbpDGiC46JhiwnpBKiHW//OxYS0BrSFw+MtIxakFaArXEmISwxIEZBniJDtywwpn3FEQJwhLlGMoO1LD6noDXt9yIBJ8l6Te29fmyDVunctzXdXBMzU6hxG95DMcYY4YSL0vYJaekA8p2dntTxD3xgi4Gi083Qw7B7tD7sDmzOEMRsG6UEveub57jNuGUMENKp/YbAFDC1yW8G2gqEVCNV/AAAA//+b9JCLAAAABklEQVQDALwjZmCl2M+MAAAAAElFTkSuQmCC) no-repeat 50%;background-size:contain;cursor:pointer;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.modal .modal-close:hover{opacity:.7}.modal .modal-close:active{opacity:.5}.modal .modal-title{font-weight:500;font-size:18px;color:#15171d;line-height:26px;text-align:center;margin-bottom:16px}.modal .modal-content{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;font-weight:400;font-size:16px;color:#333;line-height:24px;text-align:center;font-style:normal;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.modal .modal-button-container{width:200px}.common-btn{height:40px;background:#15171d;border-radius:8px;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;position:relative}.common-btn .common-btn-inner{z-index:2;border-radius:7px;background:-webkit-gradient(linear,left top,left bottom,from(#63646a),to(rgba(99,100,106,0)));background:-webkit-linear-gradient(top,#63646a,rgba(99,100,106,0));background:linear-gradient(180deg,#63646a,rgba(99,100,106,0))}.common-btn .common-btn-inner,.common-btn .common-btn-inner .common-btn-text{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:calc(100% - 2px);height:calc(100% - 2px)}.common-btn .common-btn-inner .common-btn-text{z-index:3;border-radius:6px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-weight:400;font-size:16px;color:#fff;line-height:22px;text-shadow:0 0 16px rgba(9,17,80,.1);background:-webkit-gradient(linear,left top,left bottom,from(#34353d),to(#121418));background:-webkit-linear-gradient(top,#34353d,#121418);background:linear-gradient(180deg,#34353d,#121418)}.common-btn .common-btn-inner .common-btn-text:hover{background:-webkit-gradient(linear,left top,left bottom,from(#34353d),to(#121418)),#121418;background:-webkit-linear-gradient(top,#34353d,#121418),#121418;background:linear-gradient(180deg,#34353d,#121418),#121418}.common-btn.loading{opacity:.7;cursor:not-allowed}