.login-page{--sky:#ebf4ff;--sky-mid:#d6eaff;--sky-deep:#c0daff;--blue:#2b6cb0;--blue-v:#3182ce;--blue-l:#4299e1;--blue-xl:#63b3ed;--teal:#0bc5ea;--mint:#38a169;--amber:#d69e2e;--rose:#e53e3e;--indigo:#5a67d8;--white:#fff;--cream:#fafcff;--text:#1a2744;--text2:#2d4068;--textm:#718096;--bd:#bee3f8;--bdl:#e2f0ff}*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.login-page{height:100%;font-family:Noto Sans SC,DM Sans,sans-serif;min-height:100vh;background:var(--sky);display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;position:relative}.login-page .bg-wrap{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.login-page .ring{position:absolute;border-radius:50%;border:1px solid rgba(43,108,176,.07)}.login-page .r1{width:900px;height:900px;top:-300px;left:-250px}.login-page .r2{width:580px;height:580px;top:-130px;left:-80px;border-color:rgba(43,108,176,.04)}.login-page .r3{width:1000px;height:1000px;bottom:-400px;right:-300px;border-color:rgba(11,197,234,.05)}.login-page .blob{position:absolute;border-radius:50%;-webkit-filter:blur(100px);filter:blur(100px);pointer-events:none}.login-page .b1{width:520px;height:520px;background:rgba(49,130,206,.1);top:-100px;left:-120px}.login-page .b2{width:320px;height:320px;background:rgba(11,197,234,.07);bottom:-80px;left:160px}.login-page .left{width:50%;position:relative;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden}.login-page .brand-bar{padding:36px 80px 0;gap:14px}.login-page .brand-bar,.login-page .brand-mark{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-negative:0;flex-shrink:0}.login-page .brand-mark{width:46px;height:46px;border-radius:12px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-family:DM Sans,sans-serif;font-size:15px;font-weight:700;color:#fff;letter-spacing:-1px;-webkit-box-shadow:0 4px 16px rgba(49,130,206,.32);box-shadow:0 4px 16px rgba(49,130,206,.32)}.login-page .brand-words .cn{font-size:16px;font-weight:700;color:var(--text)}.login-page .brand-words .en{font-size:10px;color:var(--textm);letter-spacing:1.2px;margin-top:3px}.login-page .hero{-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0 80px 40px}.login-page .hero,.login-page .tagline{display:-webkit-box;display:-ms-flexbox;display:flex}.login-page .tagline{font-size:11px;font-weight:600;color:var(--blue-v);letter-spacing:3px;text-transform:uppercase;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;margin-bottom:28px}.login-page .tagline:before{content:"";display:block;width:30px;height:2px;background:-webkit-gradient(linear,left top,right top,from(var(--blue-v)),to(var(--teal)));background:linear-gradient(90deg,var(--blue-v),var(--teal));border-radius:2px}.login-page .headline{font-size:64px;font-weight:700;color:var(--text);line-height:1.16;margin-bottom:26px;letter-spacing:-2px}.login-page .headline em{font-style:normal;background:linear-gradient(135deg,var(--blue-v),var(--teal));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-page .desc{font-size:15.5px;color:var(--textm);line-height:1.9;max-width:460px;margin-bottom:44px}.login-page .unit-chips{display:-webkit-box;display:-ms-flexbox;display:flex;gap:9px;-ms-flex-wrap:wrap;flex-wrap:wrap}.login-page .uc{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:7px;padding:8px 16px;border-radius:100px;background:var(--white);border:1px solid var(--bdl);font-size:12.5px;color:var(--text2);font-weight:500;-webkit-box-shadow:0 1px 8px rgba(43,108,176,.06);box-shadow:0 1px 8px rgba(43,108,176,.06);-webkit-transition:all .2s;transition:all .2s}.login-page .uc:hover{border-color:var(--blue-l);color:var(--blue-v);-webkit-transform:translateY(-1px);transform:translateY(-1px);-webkit-box-shadow:0 4px 14px rgba(43,108,176,.12);box-shadow:0 4px 14px rgba(43,108,176,.12)}.login-page .uc-ico{font-size:15px}.login-page .right{-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:var(--white);-webkit-box-shadow:-6px 0 48px rgba(43,108,176,.09);box-shadow:-6px 0 48px rgba(43,108,176,.09)}.login-page .right-bar{padding:18px 56px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;border-bottom:1px solid var(--bdl);-ms-flex-negative:0;flex-shrink:0}.login-page .rb-logo,.login-page .right-bar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.login-page .rb-logo{font-size:13px;font-weight:700;color:var(--text);gap:8px}.login-page .rb-logo span{font-size:10px;font-weight:400;color:var(--textm)}.login-page .rb-links{gap:4px}.login-page .link-btn,.login-page .rb-links{display:-webkit-box;display:-ms-flexbox;display:flex}.login-page .link-btn{font-size:11.5px;color:var(--textm);cursor:pointer;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:5px;padding:6px 12px;border-radius:8px;-webkit-transition:all .18s;transition:all .18s;text-decoration:none;border:1px solid transparent}.login-page .link-btn:hover{color:var(--blue-v);background:var(--sky);border-color:var(--bdl)}.login-page .form-wrap{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:0 64px;overflow-y:auto}.login-page .form-top{padding-top:0;margin-bottom:32px}.login-page .form-kicker{font-size:11px;color:var(--blue-l);font-weight:600;letter-spacing:2.5px;margin-bottom:10px}.login-page .form-heading{font-size:28px;font-weight:700;color:var(--text);margin-bottom:6px}.login-page .form-sub{font-size:13.5px;color:var(--textm);line-height:1.6}.login-page .role-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:30px}.login-page .role-card{position:relative;padding:16px 8px 14px;border:1.5px solid var(--bdl);border-radius:12px;background:var(--cream);cursor:pointer;text-align:center;-webkit-transition:all .22s;transition:all .22s;font-family:inherit;overflow:hidden}.login-page .role-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px}.login-page .rc-blue:before{background:-webkit-gradient(linear,left top,right top,from(var(--blue-v)),to(var(--teal)));background:linear-gradient(90deg,var(--blue-v),var(--teal))}.login-page .rc-indigo:before{background:-webkit-gradient(linear,left top,right top,from(var(--indigo)),to(#7f9cf5));background:linear-gradient(90deg,var(--indigo),#7f9cf5)}.login-page .rc-mint:before{background:-webkit-gradient(linear,left top,right top,from(var(--mint)),to(#68d391));background:linear-gradient(90deg,var(--mint),#68d391)}.login-page .rc-amber:before{background:-webkit-gradient(linear,left top,right top,from(var(--amber)),to(#f6ad55));background:linear-gradient(90deg,var(--amber),#f6ad55)}.login-page .rc-rose:before{background:-webkit-gradient(linear,left top,right top,from(var(--rose)),to(#fc8181));background:linear-gradient(90deg,var(--rose),#fc8181)}.login-page .role-card:hover{border-color:var(--blue-l);background:var(--sky);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.login-page .role-card.active{border-color:var(--blue-v);background:var(--sky);-webkit-box-shadow:0 0 0 3px rgba(49,130,206,.12),0 4px 14px rgba(49,130,206,.14);box-shadow:0 0 0 3px rgba(49,130,206,.12),0 4px 14px rgba(49,130,206,.14)}.login-page .rc-icon{font-size:24px;margin-bottom:8px;display:block}.login-page .rc-label{font-size:12px;font-weight:600;color:var(--text2);line-height:1.3}.login-page .role-card.active .rc-label{color:var(--blue-v)}.login-page .fields{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:16px;margin-bottom:22px}.login-page .fl{font-size:12.5px;font-weight:500;color:var(--text2);margin-bottom:8px;display:block}.login-page .fi-wrap{position:relative}.login-page .fi-ico{position:absolute;left:14px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:15px;color:var(--textm);pointer-events:none}.login-page .fi{width:100%;height:48px;padding:0 16px 0 44px;border:1.5px solid var(--bd);border-radius:10px;background:var(--cream);color:var(--text);font-size:14px;font-family:inherit;outline:none;-webkit-transition:all .2s;transition:all .2s}.login-page .fi::-webkit-input-placeholder{color:#a0aebe;font-size:13px}.login-page .fi::-moz-placeholder{color:#a0aebe;font-size:13px}.login-page .fi:-ms-input-placeholder{color:#a0aebe;font-size:13px}.login-page .fi::-ms-input-placeholder{color:#a0aebe;font-size:13px}.login-page .fi::placeholder{color:#a0aebe;font-size:13px}.login-page .fi:focus{border-color:var(--blue-v);background:var(--sky);-webkit-box-shadow:0 0 0 3px rgba(49,130,206,.1);box-shadow:0 0 0 3px rgba(49,130,206,.1)}.login-page .cap-row{display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px}.login-page .cap-row .fi-wrap{-webkit-box-flex:1;-ms-flex:1;flex:1}.login-page .cap-box{width:120px;-ms-flex-negative:0;flex-shrink:0;height:48px;border:1.5px solid var(--bd);border-radius:10px;background:linear-gradient(135deg,var(--sky-mid),var(--sky-deep));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;cursor:pointer;font-size:20px;font-weight:900;color:var(--blue);letter-spacing:5px;font-style:italic;position:relative;overflow:hidden;-webkit-transition:border-color .2s;transition:border-color .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.login-page .cap-box:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(-45deg,transparent,transparent 5px,rgba(43,108,176,.05) 0,rgba(43,108,176,.05) 10px)}.login-page .cap-box:hover{border-color:var(--blue-v)}.login-page .btn-main{width:100%;height:50px;background:linear-gradient(135deg,var(--blue),var(--blue-v) 50%,var(--blue-l));border:none;border-radius:10px;color:#fff;font-size:16px;font-weight:700;font-family:inherit;cursor:pointer;letter-spacing:4px;position:relative;overflow:hidden;-webkit-transition:all .25s;transition:all .25s;-webkit-box-shadow:0 6px 20px rgba(43,108,176,.38);box-shadow:0 6px 20px rgba(43,108,176,.38);margin-bottom:18px}.login-page .btn-main:after{content:"";position:absolute;inset:0;background:-webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,100%,.12)),to(transparent));background:linear-gradient(180deg,hsla(0,0%,100%,.12),transparent)}.login-page .btn-main:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 10px 28px rgba(43,108,176,.45);box-shadow:0 10px 28px rgba(43,108,176,.45)}.login-page .btn-main:active{-webkit-transform:translateY(0);transform:translateY(0)}.login-page .flinks{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.login-page .flink{font-size:12.5px;color:var(--blue-l);cursor:pointer;text-decoration:none;-webkit-transition:color .2s;transition:color .2s}.login-page .flink:hover{color:var(--blue);text-decoration:underline}.login-page .fdiv{color:var(--bd);margin:0 8px}.login-page .sec-divider{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:14px;margin:32px 0 22px;font-size:12px;color:var(--textm)}.login-page .sec-divider:after,.login-page .sec-divider:before{content:"";-webkit-box-flex:1;-ms-flex:1;flex:1;height:1px;background:var(--bdl)}.login-page .platform-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:36px}.login-page .pf{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px;padding:14px 16px;background:var(--sky);border:1px solid var(--bdl);border-radius:10px;-webkit-transition:all .18s;transition:all .18s}.login-page .pf:hover{border-color:var(--blue-l);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.login-page .pf-ico{font-size:20px;-ms-flex-negative:0;flex-shrink:0}.login-page .pf-title{font-size:12.5px;font-weight:600;color:var(--text)}.login-page .pf-desc{font-size:11px;color:var(--textm);margin-top:2px}.login-page .right-foot{padding:16px 56px;border-top:1px solid var(--bdl);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;-ms-flex-negative:0;flex-shrink:0}.brand-mark img{width:45px;height:45px}.login-page .rf-copy{font-size:11px;color:var(--textm)}.login-page .rf-tags{gap:6px}.login-page .rf-tag,.login-page .rf-tags{display:-webkit-box;display:-ms-flexbox;display:flex}.login-page .rf-tag{font-size:10px;padding:3px 9px;border-radius:20px;border:1px solid var(--bd);color:var(--textm);-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px}.login-page .rft-dot{width:5px;height:5px;border-radius:50%}@-webkit-keyframes slideInR{0%{opacity:0;-webkit-transform:translateX(24px);transform:translateX(24px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInR{0%{opacity:0;-webkit-transform:translateX(24px);transform:translateX(24px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes riseUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes riseUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.login-page .right{-webkit-animation:slideInR .5s cubic-bezier(.16,1,.3,1) both;animation:slideInR .5s cubic-bezier(.16,1,.3,1) both}.login-page .brand-bar{-webkit-animation:riseUp .45s ease .05s both;animation:riseUp .45s ease .05s both}.login-page .tagline{-webkit-animation:riseUp .45s ease .08s both;animation:riseUp .45s ease .08s both}.login-page .headline{-webkit-animation:riseUp .45s ease .11s both;animation:riseUp .45s ease .11s both}.login-page .desc{-webkit-animation:riseUp .45s ease .14s both;animation:riseUp .45s ease .14s both}.login-page .unit-chips{-webkit-animation:riseUp .45s ease .17s both;animation:riseUp .45s ease .17s both}.login-form{text-align:center;width:100%}.logo-icon{width:60%}.login-tip{font-size:25px;font-weight:700;height:100px;margin-top:50px}