.universal-login-page{background-color: #f5f5f5;}
.header-universal-login{background-color: #fff;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);position: relative;z-index: 10;padding: 10px 0;}
.universal-login-logo img {max-height: 36px;}
.universal-login-link{position: absolute; top: 50%; right: 20px; transform: translateY(-50%); font-size: 12px;}
.universal-login-sprite{width: 900px; height: 530px;margin: 0 auto ;  background: url(../img/colorful.jpg) no-repeat; background-size: 100% ;border-radius: 30px;box-sizing: border-box;}
.universal-login-inner{display: table;width: 100%;height: 100%;}
.universal-login-left,
.universal-login-right{display: table-cell;vertical-align: middle;height: 100%;}
.universal-login-left{width: 42%;position: relative;}
.universal-login-box{background-color: #fff;height: 100%;border-radius: 30px;position: relative;}
.universal-login-painter{position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);width: 260px;}
.universal-login-slogan{position: absolute; top: 80px; left: 50px; text-align: left;}
.universal-login-slogan img{height: 36px;}
.universal-login-slogan h3{font-size: 38px;color: #000000;text-shadow:1px 1px 0 #fff;font-weight: 200; padding-top: 0.25em;}
.universal-login-content{padding: 60px 0 0 0;text-align: center;}
.universal-login-content .main-title{font-size: 24px;color: #232529;font-weight: bold;}
.universal-login-content .main-title b{color:#eb5e51;}
.universal-login-content .sub-title{font-size: 14px;color: #888f98;margin: 10px 20px;}
.universal-login-content .logged-in {width: 180px;height: 180px;display: inline-block;box-sizing: border-box;}
.universal-login-content .qrcode{width: 180px;height: 180px;display: inline-block;box-sizing: border-box;padding:10px;border:#e8e8e8 1px solid;border-radius: 10px;margin-top: 20px;position: relative;}
.universal-login-content .qrcode img{width: 100%;height: 100%;}
.universal-login-content .qrcode::before {content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%); width: 30px; height: 30px; z-index: 10; background: center / contain no-repeat url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1NzYgNTEyIiBzdHlsZT0iZmlsbDogIzA3QzE2MCI+PHBhdGggZD0iTTM4NS4yIDE2Ny42YzYuNCAwIDEyLjYuMyAxOC44IDEuMUMzODcuNCA5MC4zIDMwMy4zIDMyIDIwNy43IDMyIDEwMC41IDMyIDEzIDEwNC44IDEzIDE5Ny40YzAgNTMuNCAyOS4zIDk3LjUgNzcuOSAxMzEuNmwtMTkuMyA1OC42IDY4LTM0LjFjMjQuNCA0LjggNDMuOCA5LjcgNjguMiA5LjcgNi4yIDAgMTIuMS0uMyAxOC4zLS44LTQtMTIuOS02LjItMjYuNi02LjItNDAuOC0uMS04NC45IDcyLjktMTU0IDE2NS4zLTE1NHptLTEwNC41LTUyLjljMTQuNSAwIDI0LjIgOS43IDI0LjIgMjQuNCAwIDE0LjUtOS43IDI0LjItMjQuMiAyNC4yLTE0LjggMC0yOS4zLTkuNy0yOS4zLTI0LjIuMS0xNC43IDE0LjYtMjQuNCAyOS4zLTI0LjR6bS0xMzYuNCA0OC42Yy0xNC41IDAtMjkuMy05LjctMjkuMy0yNC4yIDAtMTQuOCAxNC44LTI0LjQgMjkuMy0yNC40IDE0LjggMCAyNC40IDkuNyAyNC40IDI0LjQgMCAxNC42LTkuNiAyNC4yLTI0LjQgMjQuMnpNNTYzIDMxOS40YzAtNzcuOS03Ny45LTE0MS4zLTE2NS40LTE0MS4zLTkyLjcgMC0xNjUuNCA2My40LTE2NS40IDE0MS4zUzMwNSA0NjAuNyAzOTcuNiA0NjAuN2MxOS4zIDAgMzguOS01LjEgNTguNi05LjlsNTMuNCAyOS4zLTE0LjgtNDguNkM1MzQgNDAyLjEgNTYzIDM2My4yIDU2MyAzMTkuNHptLTIxOS4xLTI0LjVjLTkuNyAwLTE5LjMtOS43LTE5LjMtMTkuNiAwLTkuNyA5LjctMTkuMyAxOS4zLTE5LjMgMTQuOCAwIDI0LjQgOS43IDI0LjQgMTkuMyAwIDEwLTkuNyAxOS42LTI0LjQgMTkuNnptMTA3LjEgMGMtOS43IDAtMTkuMy05LjctMTkuMy0xOS42IDAtOS43IDkuNy0xOS4zIDE5LjMtMTkuMyAxNC41IDAgMjQuNCA5LjcgMjQuNCAxOS4zLjEgMTAtOS45IDE5LjYtMjQuNCAxOS42eiIvPjwvc3ZnPg==');}
.wechat-qrcode-wrap{position: relative;display: inline-block;margin: 20px auto 0 auto;}
.wechat-qrcode-wrap .qrcode{margin-top: 0;display: block;}
.wechat-qrcode-mask{position: absolute;inset: 0;background: rgba(108, 108, 108, 0.58);border-radius: 10px;display: flex;align-items: center;justify-content: center;color: #fff;text-align: center;padding: 12px;z-index: 30;line-height: 1.5;}
.universal-login-form{width: 60%;margin: 20px auto 0 auto;}
.universal-login-form .c-input{position: relative;margin-bottom: 20px;display: block;}
.universal-login-form .c-input input{width: 100%;padding: 10px 40px 10px 10px;box-sizing: border-box;border: #e8e8e8 1px solid;border-radius: 5px;display: block;}
.agreement-warning{color: #d63638;font-size: 12px;margin: -8px 0 10px 0;text-align: left;}
.universal-login-form .c-input--verification{padding-right: 100px;}
.universal-login-form .c-input--verification img{ width: 90px; height: 36px; position: absolute; top: 50%; right: 0; transform: translateY(-50%);}
.universal-login-button{width: 100%;padding: 10px 0;background-color: #eb5e51;color: #fff;border: none;border-radius: 5px;cursor: pointer;}
.unified-plain-button{width: 100%;padding: 10px 0;background-color: #fff;color: #111;border: 1px solid #e8e8e8;border-radius: 5px;cursor: pointer;}
.unified-plain-button:disabled{background-color: #f1f1f1;opacity: 0.6;cursor: not-allowed;}
.account-helper{font-size: 12px;display:flex;margin-top: 10px;color: #888f98;}
.account-helper-item{flex: 1;}
.account-helper-item:first-child{text-align: left;}
.account-helper-item:last-child{text-align: right;}
.universal-login-content--register .c-input{margin-bottom: 10px;}
.universal-login-other{position: absolute; bottom: 0; width: 100%;text-align: center;}
.other-head{width: 80%;margin: 0 auto; height: 1px;background-color: #e8e8e8;margin-bottom: 20px;position: relative;}
.other-head .text{display: inline-block;position:absolute;top: -10px;left: 50%;padding: 0 20px;background-color: #fff;font-size: 14px;color: #888f98; transform: translateX(-50%);}
.other-content{padding: 20px 0 20px 0;}
.other-content .iconfont{vertical-align: middle;}
.other-content .text{font-size: 12px; color: #888f98;margin:0 13px 0 3px;}
.login-agreement{padding-bottom: 20px;font-size: 12px;color: #888f98;font-weight: 400;}
.agreement-checkbox{display: inline-flex;align-items: center;gap: 8px;cursor: pointer;line-height: 1.4;user-select: none;}
.agreement-checkbox input{position: absolute;opacity: 0;pointer-events: none;}
.agreement-checkbox__indicator{width: 16px;height: 16px;border: 1.5px solid #eb5e51;border-radius: 5px;background: #fff;position: relative;box-sizing: border-box;transition: all 0.2s ease;flex-shrink: 0;}
.agreement-checkbox input:checked + .agreement-checkbox__indicator{background: #eb5e51;border-color: #eb5e51;box-shadow: 0 0 0 3px rgba(235, 94, 81, 0.15);}
.agreement-checkbox input:checked + .agreement-checkbox__indicator::after{content: "";position: absolute;left: 4px;top: 1px;width: 4px;height: 8px;border: solid #fff;border-width: 0 2px 2px 0;transform: rotate(45deg);}
.agreement-checkbox input:focus-visible + .agreement-checkbox__indicator{box-shadow: 0 0 0 3px rgba(235, 94, 81, 0.22);}
.login-agreement .text{color: #6e7781;font-weight: 400;}
.login-agreement .text a{color: #6e7781;font-weight: 400;text-decoration: none;}
.login-agreement .text a:hover{color: #6e7781;text-decoration: underline;}

.footer-universal-login{background: none;border: none;text-align: center;padding: 20px 0 40px 0;margin-top:0;}
.footer-universal-login img{vertical-align: middle;}

.c-popup--login .c-popup__box{border-radius: 30px;}