.login-overlay{--dl-bg-overlay:#0000008c;--dl-bg-container:#16181d;--dl-bg-elev-1:#1d2026;--dl-bg-elev-2:#21252c;--dl-bg-input:#1a1d23;--dl-border:#2a2e36;--dl-border-strong:#3a3f48;--dl-text-primary:#f5f6f8;--dl-text-secondary:#9aa0a8;--dl-text-muted:#6b7079;--dl-accent:#06b6d4;--dl-accent-hover:#22d3ee;--dl-accent-soft:#06b6d41f;--dl-accent-ring:#06b6d433;--dl-danger:#ef4444;--dl-scroll-thumb:#ffffff1a;--dl-scroll-thumb-hover:#fff3;--dl-brand-wechat:#07c160;--dl-brand-github-fg:#f5f6f8;--dl-brand-google:#4285f4}html[data-theme=light] .login-overlay{--dl-bg-overlay:#0f172a66;--dl-bg-container:#fff;--dl-bg-elev-1:#f6f7f9;--dl-bg-elev-2:#eef0f3;--dl-bg-input:#fff;--dl-border:#d8dce3;--dl-border-strong:#a8b0bd;--dl-text-primary:#0f172a;--dl-text-secondary:#475569;--dl-text-muted:#64748b;--dl-accent:#0891b2;--dl-accent-hover:#0e7490;--dl-accent-soft:#0891b21a;--dl-accent-ring:#0891b22e;--dl-danger:#dc2626;--dl-scroll-thumb:#0f172a24;--dl-scroll-thumb-hover:#0f172a47;--dl-brand-github-fg:#0f172a}.login-overlay{background:var(--dl-bg-overlay);-webkit-backdrop-filter:blur(.25rem);backdrop-filter:blur(.25rem);z-index:10000;justify-content:center;align-items:center;padding:1.25rem;display:flex;position:fixed;inset:0}.login-overlay.fullscreen-mode{background:var(--dl-bg-container);-webkit-backdrop-filter:none;backdrop-filter:none;padding:0}.login-container{background:var(--dl-bg-container);border:1px solid var(--dl-border);border-radius:6px;flex-direction:column;width:100%;max-width:26rem;max-height:92vh;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 56px #00000073}html[data-theme=light] .login-container{box-shadow:0 1px 2px #0f172a0a,0 24px 48px -8px #0f172a38,0 0 0 1px #0f172a0a}.login-container.fullscreen-container{width:100%;max-width:100%;height:100vh;max-height:100vh;box-shadow:none;border:none;border-radius:0}.login-close{width:2rem;height:2rem;color:var(--dl-text-secondary);cursor:pointer;z-index:10;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;transition:background .15s,border-color .15s,color .15s;display:flex;position:absolute;top:.875rem;right:.875rem}.login-close:hover{background:var(--dl-bg-elev-1);border-color:var(--dl-border);color:var(--dl-text-primary)}.login-header{text-align:center;padding:1.75rem 1.75rem 1rem}.login-container.fullscreen-container .login-header{padding:2rem 1.5rem 1.25rem}.login-title{color:var(--dl-text-primary);letter-spacing:-.015em;margin:0 0 .375rem;font-size:1.375rem;font-weight:600;line-height:1.3}.login-subtitle{color:var(--dl-text-secondary);margin:0;font-size:.8125rem;line-height:1.5}.login-body{scrollbar-width:thin;scrollbar-color:var(--dl-scroll-thumb) transparent;flex:1;padding:0 1.75rem 1.5rem;overflow-y:auto}.login-container.fullscreen-container .login-body{padding:0 1.5rem 1.5rem}.login-body::-webkit-scrollbar{width:6px;height:6px}.login-body::-webkit-scrollbar-track{background:0 0}.login-body::-webkit-scrollbar-thumb{background:var(--dl-scroll-thumb);border-radius:3px}.login-body::-webkit-scrollbar-thumb:hover{background:var(--dl-scroll-thumb-hover)}.login-tabs{border-bottom:1px solid var(--dl-border);gap:.25rem;margin-bottom:1.25rem;display:flex}.login-tab{color:var(--dl-text-muted);cursor:pointer;background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:.4375rem;padding:.625rem .5rem .75rem;font-size:.8125rem;font-weight:500;transition:color .15s;display:flex;position:relative}.login-tab svg{opacity:.85;width:16px;height:16px}.login-tab:hover{color:var(--dl-text-primary)}.login-tab:after{content:"";background:var(--dl-accent);opacity:0;border-radius:2px 2px 0 0;height:2px;transition:opacity .18s,transform .18s;position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(.6)}.login-tab.active{color:var(--dl-accent);font-weight:600}.login-tab.active:after{opacity:1;transform:scaleX(1)}.login-form{margin-bottom:.5rem}.form-group{margin-bottom:.875rem}.form-label{color:var(--dl-text-secondary);letter-spacing:.01em;margin-bottom:.4375rem;font-size:.75rem;font-weight:600;display:block}.form-input{background:var(--dl-bg-input);border:1px solid var(--dl-border);width:100%;height:2.5rem;color:var(--dl-text-primary);box-sizing:border-box;border-radius:6px;outline:none;padding:0 .875rem;font-size:.875rem;transition:border-color .15s,box-shadow .15s}.form-input::placeholder{color:var(--dl-text-muted)}.form-input:focus{border-color:var(--dl-accent);box-shadow:0 0 0 3px var(--dl-accent-ring)}.code-wrapper .form-input{flex:1;min-width:0}.code-btn{height:2.5rem;color:var(--dl-accent);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:6px;flex-shrink:0;padding:0 .875rem;font-size:.8125rem;font-weight:600;transition:background .15s,border-color .15s,color .15s}.code-btn:hover:not(:disabled){background:var(--dl-accent-soft);border-color:var(--dl-accent)}.code-btn:disabled{color:var(--dl-text-muted);cursor:not-allowed}.password-wrapper .form-input{flex:1;padding-right:2.5rem}.password-login-tip{color:var(--dl-text-muted);text-align:center;margin-top:.5rem;font-size:.6875rem;line-height:1.5}.login-submit-btn{background:var(--dl-accent);border:1px solid var(--dl-accent);color:#fff;cursor:pointer;letter-spacing:.02em;border-radius:6px;justify-content:center;align-items:center;gap:.5rem;width:100%;height:2.625rem;padding:0 1rem;font-size:.9375rem;font-weight:600;transition:background .15s,border-color .15s,opacity .15s;display:flex}.login-submit-btn:hover:not(:disabled){background:var(--dl-accent-hover);border-color:var(--dl-accent-hover)}.login-submit-btn:active:not(:disabled){filter:brightness(.95)}.login-submit-btn:disabled{opacity:.5;cursor:not-allowed}.login-error-msg{color:#f87171;background:#ef44441f;border:1px solid #ef444459;border-radius:6px;margin:0 0 .75rem;padding:.55rem .75rem;font-size:.8125rem;line-height:1.45}.login-agreement{text-align:center;margin-top:.875rem}.agreement-checkbox{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.4375rem;display:inline-flex}.agreement-text{color:var(--dl-text-secondary);font-size:.75rem;line-height:1.5}.agreement-link{color:var(--dl-accent);font-weight:500;text-decoration:none}.agreement-link:hover{text-decoration:underline}.divider{align-items:center;margin:1.25rem 0 1rem;display:flex}.divider:before,.divider:after{content:"";background:var(--dl-border);flex:1;height:1px}.divider-text{color:var(--dl-text-muted);letter-spacing:.04em;padding:0 .875rem;font-size:.6875rem}.social-login{grid-template-columns:repeat(2,1fr);gap:.5rem;display:grid}.social-login.is-single{grid-template-columns:1fr}.social-btn{background:var(--dl-bg-elev-1);border:1px solid var(--dl-border);height:2.375rem;color:var(--dl-text-primary);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:.5rem;padding:0 .75rem;font-size:.8125rem;font-weight:500;transition:background .15s,border-color .15s,color .15s;display:flex}.social-btn:hover:not(:disabled){border-color:var(--dl-border-strong);background:var(--dl-bg-elev-2)}.social-btn:disabled,.social-btn[aria-disabled=true]{opacity:.72;cursor:not-allowed}.social-btn svg{flex-shrink:0;width:1.125rem;height:1.125rem}.social-btn.wechat svg{color:var(--dl-brand-wechat)}.social-btn.wechat:hover:not(:disabled){border-color:var(--dl-brand-wechat);background:#07c1601a}.social-btn.github svg{color:var(--dl-brand-github-fg)}.social-btn.github:hover:not(:disabled){background:var(--dl-bg-elev-2);border-color:var(--dl-text-secondary)}.social-btn.google{color:var(--dl-text-primary)}.social-btn.google:hover:not(:disabled){border-color:var(--dl-brand-google);background:#4285f414}html[data-theme=light] .social-btn.github:hover:not(:disabled){border-color:var(--dl-border-strong);background:#0f172a0a}html[data-theme=light] .social-btn.google:hover:not(:disabled){background:#4285f41a;border-color:#4285f473}html[data-theme=light] .social-btn.wechat:hover:not(:disabled){background:#07c16014;border-color:#07c16073}.login-modal-fade-enter-active,.login-modal-fade-leave-active{transition:opacity .18s}.login-modal-fade-enter-active .login-container,.login-modal-fade-leave-active .login-container{transition:transform .18s,opacity .18s}.login-modal-fade-enter-from,.login-modal-fade-leave-to{opacity:0}.login-modal-fade-enter-from .login-container,.login-modal-fade-leave-to .login-container{opacity:0;transform:translateY(.5rem)}.login-modal-fade-enter-from .login-container.fullscreen-container,.login-modal-fade-leave-to .login-container.fullscreen-container{transform:translateY(100%)}@media (max-width:48rem){.login-container{border-radius:6px;max-width:calc(100% - 1.5rem);max-height:90vh}.login-header{padding:1.5rem 1.25rem 1rem}.login-title{font-size:1.25rem}.login-subtitle{font-size:.75rem}.login-body{padding:0 1.25rem 1.25rem}.social-login{grid-template-columns:1fr}.login-close{top:.625rem;right:.625rem}}@media (max-width:30rem){.login-container{border-radius:6px;max-width:calc(100% - 1rem)}.login-header{padding:1.25rem 1rem .875rem}.login-body{padding:0 1rem 1rem}.login-tab{gap:.3125rem;font-size:.75rem}}.logo-wrapper{background:0 0;border:none;border-radius:0;justify-content:center;align-items:center;width:auto;max-width:11rem;height:auto;margin:0 auto 1rem;padding:0;display:inline-flex;overflow:visible}.logo-image{object-fit:contain;border-radius:0;width:auto;max-width:11rem;height:2.5rem;display:block}.input-wrapper{position:relative}.phone-row{align-items:stretch;gap:.5rem;display:flex}.phone-country-select{background:var(--dl-bg-input);border:1px solid var(--dl-border);height:2.5rem;color:var(--dl-text-primary);border-radius:6px;flex:0 0 7.5rem;padding:0 .5rem;font-size:.8125rem}.phone-country-fixed{background:var(--dl-bg-input);border:1px solid var(--dl-border);height:2.5rem;color:var(--dl-text-secondary);-webkit-user-select:none;user-select:none;border-radius:6px;flex:0 0 7.5rem;justify-content:center;align-items:center;padding:0 .5rem;font-size:.8125rem;display:inline-flex}.phone-row .form-input{flex:1;min-width:0}.code-wrapper{align-items:center;gap:.5rem;display:flex}.password-wrapper{display:flex;position:relative}.password-toggle-btn{color:var(--dl-text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:.25rem;transition:color .15s;display:flex;position:absolute;top:50%;right:.5rem;transform:translateY(-50%)}.password-toggle-btn:hover{color:var(--dl-text-primary)}.tuxing-yzm-group{margin-top:.5rem;margin-bottom:1.125rem}.tuxing-yzm-img{cursor:pointer;-webkit-user-select:none;user-select:none;background:#f8fafc;border:1px solid #94a3b873;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:7rem;height:2.5rem;transition:border-color .15s,box-shadow .15s;display:flex;overflow:hidden}.tuxing-yzm-img:hover{border-color:var(--dl-accent)}.tuxing-yzm-img img{object-fit:cover;pointer-events:none;width:100%;height:100%}.checkbox-input{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.checkbox-custom{border:1.5px solid var(--dl-border-strong);background:var(--dl-bg-input);border-radius:3px;flex-shrink:0;width:.875rem;height:.875rem;transition:background .15s,border-color .15s;position:relative}.checkbox-input:checked+.checkbox-custom{background:var(--dl-accent);border-color:var(--dl-accent)}.checkbox-input:checked+.checkbox-custom:after{content:"";border:1.5px solid #fff;border-width:0 1.5px 1.5px 0;width:.25rem;height:.4375rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-60%)rotate(45deg)}.zhaohui-zhanghao-entry{text-align:center;margin-top:.875rem}.zhaohui-link{color:var(--dl-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.25rem .5rem;font-size:.75rem;transition:color .15s,background .15s}.zhaohui-link:hover{color:var(--dl-accent);background:var(--dl-accent-soft)}.code-btn{background:0 0;border:1px solid #0000}@keyframes shake-login{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}.agreement-checkbox.shake{animation:.5s cubic-bezier(.36,.07,.19,.97) both shake-login}