:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:#1e2842;background:#f6f7fc;color-scheme:light;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;min-height:100svh;background:radial-gradient(ellipse at 14% 12%,#eae5fb88,transparent 48%),radial-gradient(ellipse at 90% 90%,#e5eefc77,transparent 44%),#f6f7fc}
button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icon-library{position:absolute;width:0;height:0;overflow:hidden}
.login-brand{display:flex;align-items:center;gap:11px;padding:23px 34px;height:84px}.login-brand-icon{display:block;width:48px;height:48px;flex:none;object-fit:contain}.login-brand strong{font-size:15px;letter-spacing:.08em;font-weight:600}.login-brand small{display:block;font-size:10px;letter-spacing:.12em;color:#939bb2;margin-top:4px}
.login-shell{min-height:calc(100svh - 84px);display:flex;align-items:center;justify-content:center;flex-direction:column;padding:16px 20px 30px}.login-card{width:100%;max-width:410px;background:#fff;border:1px solid #e9ebf4;border-radius:26px;padding:42px 38px 31px;box-shadow:0 24px 80px #28255908,0 4px 16px #28255903;animation:login-arrive .45s ease-out both}
.login-welcome{display:flex;align-items:center;gap:8px;margin:0;color:#9a8de2;font-size:9px;letter-spacing:1.8px;line-height:1.6;font-weight:600}.login-welcome i{width:5px;height:5px;background:#9a8de2;border-radius:50%}h1{font-size:30px;line-height:1.4;font-weight:600;letter-spacing:1px;margin:16px 0 9px}.login-intro{font-size:12px;color:#8a94ad;line-height:1.8;margin:0 0 31px}
.login-field{display:block;margin-bottom:20px}.login-field>span{font-size:12px;color:#53607a;display:block;margin-bottom:9px;font-weight:500}.login-field>div{height:51px;display:flex;align-items:center;gap:10px;border:1px solid #e3e7f0;border-radius:11px;padding:0 14px;color:#9ba5bc;background:#fbfcff;transition:border .2s,box-shadow .2s,background .2s}.login-field>div:focus-within{border-color:#9080e6;box-shadow:0 0 0 3px #9681ed13;background:#fff}.login-field input{width:100%;min-width:0;outline:none;border:0;background:transparent;font-size:12px;color:#34425f;padding:12px 0}.login-field input::placeholder{color:#adb5c8}.password-toggle{display:grid;place-items:center;background:transparent;border:0;color:#9ca6ba;padding:5px;border-radius:5px;cursor:pointer}.password-toggle:hover{color:#7567d7}.password-toggle:focus-visible{outline:2px solid #9988ef}
.login-error-space{min-height:28px;margin-top:-3px}.login-status{margin:0 0 10px;color:#bd4254;font-size:11px;line-height:1.7;overflow-wrap:anywhere}.login-status:empty{display:none}.caps-lock{font-size:11px;color:#ae862b;margin:-10px 0 10px}
.login-submit{height:50px;display:flex;align-items:center;justify-content:center;gap:12px;width:100%;border:0;border-radius:11px;background:linear-gradient(100deg,#7461e5,#665be2);color:white;box-shadow:0 8px 20px #7966e732;font-size:13px;font-weight:500;cursor:pointer;transition:transform .2s,box-shadow .2s}.login-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 11px 26px #7966e74a}.login-submit:active:not(:disabled){transform:translateY(0)}.login-submit:focus-visible{outline:3px solid #b4a7f5;outline-offset:3px}.login-submit:disabled{cursor:wait;opacity:.6}.login-submit.is-success{background:linear-gradient(100deg,#48a68f,#3c9b88)}
.login-help{text-align:center;font-size:10px;color:#9aa3b8;line-height:1.8;margin:18px 0 0}.login-divider{display:flex;align-items:center;gap:12px;font-size:9px;color:#b0b6c8;margin:23px 0 15px}.login-divider:before,.login-divider:after{content:"";height:1px;background:#edf0f6;flex:1}
.dingtalk-login{width:100%;min-height:47px;border:1px solid #d9e7f9;border-radius:11px;background:linear-gradient(110deg,#f4f9ff,#f7faff);display:flex;align-items:center;justify-content:center;gap:11px;color:#287bd3;text-decoration:none;font-size:12px;font-weight:500;transition:background .2s,box-shadow .2s,transform .2s}.dingtalk-login:hover:not([aria-disabled=true]){background:#edf5ff;box-shadow:0 5px 15px #338bed14;transform:translateY(-1px)}.dingtalk-login:focus-visible{outline:3px solid #a5ccf2;outline-offset:3px}.dingtalk-login[aria-disabled=true]{opacity:.55;cursor:not-allowed}.dingtalk-hint{font-size:10px;color:#929eb5;text-align:center;line-height:1.7;margin:10px 0 0}.workspace-divider{margin-top:29px;margin-bottom:19px}.login-features{display:flex;justify-content:space-between;font-size:10px;color:#939db5;gap:8px}.login-features span{display:flex;align-items:center;gap:5px}.login-features svg{width:16px;height:16px;color:#aba3d7}.login-footer{text-align:center;color:#a1abc0;font-size:10px;margin:22px 0 0;letter-spacing:.5px}
@keyframes login-arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:520px){.login-brand{height:78px;padding:20px 23px}.login-shell{padding:8px 18px 24px;min-height:calc(100svh - 78px)}.login-card{padding:32px 27px 27px;border-radius:24px}h1{font-size:28px}.login-intro{margin-bottom:27px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
@media(max-height:780px){.login-brand{height:70px;padding:16px 26px}.login-shell{min-height:calc(100svh - 70px);padding:8px 20px 18px}.login-card{padding:26px 38px 22px}h1{margin:12px 0 7px}.login-intro{margin-bottom:22px}.login-field{margin-bottom:15px}.login-field>div{height:46px}.login-help{margin-top:12px}.login-divider{margin:16px 0 12px}.workspace-divider,.login-features{display:none}.login-footer{margin-top:12px}.dingtalk-hint{margin-top:8px}}
@media(max-width:520px) and (max-height:780px){.login-card{padding-right:26px;padding-left:26px}}
.native-login-panel{display:flex;align-items:center;flex-direction:column;text-align:center;min-height:285px;padding:22px 0 8px}.native-login-panel[hidden],.native-retry[hidden],#login-methods[hidden]{display:none!important}.native-login-panel>strong{font-size:16px;font-weight:600;margin-top:24px;color:#304450}.native-login-panel>p{max-width:270px;min-height:42px;margin:12px 0 18px;color:#7d8a9b;font-size:12px;line-height:1.8}.native-login-orbit{position:relative;display:grid;place-items:center;width:104px;height:104px;border-radius:50%;background:#f1faf7}.native-login-orbit:before{content:"";position:absolute;inset:0;border:2px solid #d7ede6;border-top-color:#49a892;border-right-color:#86cbb7;border-radius:50%;animation:native-orbit 1.2s linear infinite}.native-login-orbit img{display:block;object-fit:contain}.native-cancel{border:0;border-radius:7px;background:transparent;padding:9px 12px;color:#7e8da0;font-size:11px;cursor:pointer}.native-cancel:hover{color:#248573;background:#f1f8f5}.native-cancel:focus-visible,.native-retry:focus-visible{outline:3px solid #b8dfd3;outline-offset:3px}.native-retry{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:43px;padding:10px 14px;margin-bottom:22px;border:1px solid #bcded3;border-radius:11px;background:#f2faf7;color:#21836f;font-size:12px;cursor:pointer}.native-retry:hover{background:#eaf6f0}@keyframes native-orbit{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.native-login-orbit:before{animation:none}}