.auth-page.dark-theme{--auth-primary:#00cae0;--auth-primary-hover:#00b8cc;--auth-primary-light:rgba(0,202,224,.15);--auth-accent:#0ad3fb;--auth-bg-page:#000;--auth-bg-panel:#0a0a0a;--auth-bg-card:#161616;--auth-bg-input:#1a1a1a;--auth-bg-hover:hsla(0,0%,100%,.06);--auth-text-primary:#fff;--auth-text-secondary:#a1a1aa;--auth-text-muted:#71717a;--auth-border:hsla(0,0%,100%,.1);--auth-border-hover:hsla(0,0%,100%,.2);--auth-border-focus:var(--auth-primary);--auth-shadow:0 4px 20px rgba(0,202,224,.2);--auth-shadow-hover:0 8px 30px rgba(0,202,224,.3);--auth-divider:hsla(0,0%,100%,.08);--auth-btn-text:#000}.auth-page.light-theme{--auth-primary:#00a1c2;--auth-primary-hover:#008aa8;--auth-primary-light:rgba(0,161,194,.12);--auth-accent:#0891b2;--auth-bg-page:#f8fafc;--auth-bg-panel:#fff;--auth-bg-card:#f1f5f9;--auth-bg-input:#fff;--auth-bg-hover:rgba(0,0,0,.04);--auth-text-primary:#0f172a;--auth-text-secondary:#64748b;--auth-text-muted:#94a3b8;--auth-border:rgba(0,0,0,.1);--auth-border-hover:rgba(0,0,0,.2);--auth-border-focus:var(--auth-primary);--auth-shadow:0 4px 20px rgba(0,161,194,.15);--auth-shadow-hover:0 8px 30px rgba(0,161,194,.25);--auth-divider:rgba(0,0,0,.08);--auth-btn-text:#fff}.auth-page{background:var(--auth-bg-page);color:var(--auth-text-primary);display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;height:100vh;line-height:1.6;overflow:hidden;-webkit-font-smoothing:antialiased;transition:background .3s ease,color .3s ease}h1,h2,h3,h4,h5,h6{font-weight:600;letter-spacing:-.02em;line-height:1.2}.auth-carousel-panel{background:linear-gradient(135deg,#0a0a0a,#1a1a2e);height:100vh;overflow:hidden;position:relative;width:50%}.auth-carousel-panel .starry-bg{overflow:hidden;pointer-events:none;z-index:0}.auth-carousel-panel .starry-bg,.auth-carousel-panel .stars{height:100%;left:0;position:absolute;top:0;width:100%}.auth-carousel-panel .stars .star{animation:twinkle 3s ease-in-out infinite;background:#fff;border-radius:50%;height:2px;opacity:0;position:absolute;width:2px}.auth-carousel-panel .stars .star:first-child{animation-delay:.1s}.auth-carousel-panel .stars .star:nth-child(2){animation-delay:.2s}.auth-carousel-panel .stars .star:nth-child(3){animation-delay:.3s}.auth-carousel-panel .stars .star:nth-child(4){animation-delay:.4s}.auth-carousel-panel .stars .star:nth-child(5){animation-delay:.5s}.auth-carousel-panel .stars .star:nth-child(6){animation-delay:.6s}.auth-carousel-panel .stars .star:nth-child(7){animation-delay:.7s}.auth-carousel-panel .stars .star:nth-child(8){animation-delay:.8s}.auth-carousel-panel .stars .star:nth-child(9){animation-delay:.9s}.auth-carousel-panel .stars .star:nth-child(10){animation-delay:1s}.auth-carousel-panel .stars .star:nth-child(11){animation-delay:1.1s}.auth-carousel-panel .stars .star:nth-child(12){animation-delay:1.2s}.auth-carousel-panel .stars .star:nth-child(13){animation-delay:1.3s}.auth-carousel-panel .stars .star:nth-child(14){animation-delay:1.4s}.auth-carousel-panel .stars .star:nth-child(15){animation-delay:1.5s}.auth-carousel-panel .stars .star:nth-child(16){animation-delay:1.6s}.auth-carousel-panel .stars .star:nth-child(17){animation-delay:1.7s}.auth-carousel-panel .stars .star:nth-child(18){animation-delay:1.8s}.auth-carousel-panel .stars .star:nth-child(19){animation-delay:1.9s}.auth-carousel-panel .stars .star:nth-child(20){animation-delay:2s}.auth-carousel-panel .stars .star:nth-child(21){animation-delay:2.1s}.auth-carousel-panel .stars .star:nth-child(22){animation-delay:2.2s}.auth-carousel-panel .stars .star:nth-child(23){animation-delay:2.3s}.auth-carousel-panel .stars .star:nth-child(24){animation-delay:2.4s}.auth-carousel-panel .stars .star:nth-child(25){animation-delay:2.5s}.auth-carousel-panel .stars .star:nth-child(26){animation-delay:2.6s}.auth-carousel-panel .stars .star:nth-child(27){animation-delay:2.7s}.auth-carousel-panel .stars .star:nth-child(28){animation-delay:2.8s}.auth-carousel-panel .stars .star:nth-child(29){animation-delay:2.9s}.auth-carousel-panel .stars .star:nth-child(30){animation-delay:3s}.auth-carousel-panel .stars .star:nth-child(31){animation-delay:3.1s}.auth-carousel-panel .stars .star:nth-child(32){animation-delay:3.2s}.auth-carousel-panel .stars .star:nth-child(33){animation-delay:3.3s}.auth-carousel-panel .stars .star:nth-child(34){animation-delay:3.4s}.auth-carousel-panel .stars .star:nth-child(35){animation-delay:3.5s}.auth-carousel-panel .stars .star:nth-child(36){animation-delay:3.6s}.auth-carousel-panel .stars .star:nth-child(37){animation-delay:3.7s}.auth-carousel-panel .stars .star:nth-child(38){animation-delay:3.8s}.auth-carousel-panel .stars .star:nth-child(39){animation-delay:3.9s}.auth-carousel-panel .stars .star:nth-child(40){animation-delay:4s}.auth-carousel-panel .stars .star:nth-child(41){animation-delay:4.1s}.auth-carousel-panel .stars .star:nth-child(42){animation-delay:4.2s}.auth-carousel-panel .stars .star:nth-child(43){animation-delay:4.3s}.auth-carousel-panel .stars .star:nth-child(44){animation-delay:4.4s}.auth-carousel-panel .stars .star:nth-child(45){animation-delay:4.5s}.auth-carousel-panel .stars .star:nth-child(46){animation-delay:4.6s}.auth-carousel-panel .stars .star:nth-child(47){animation-delay:4.7s}.auth-carousel-panel .stars .star:nth-child(48){animation-delay:4.8s}.auth-carousel-panel .stars .star:nth-child(49){animation-delay:4.9s}.auth-carousel-panel .stars .star:nth-child(50){animation-delay:5s}.auth-carousel-panel .shooting-stars{height:100%;left:0;position:absolute;top:0;width:100%}.auth-carousel-panel .shooting-star{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.8));border-radius:50%;height:1px;opacity:0;position:absolute;transform:rotate(35deg);width:80px}.auth-carousel-panel .shooting-star:before{background:#fff;border-radius:50%;box-shadow:0 0 6px 2px hsla(0,0%,100%,.5);content:"";height:4px;position:absolute;right:0;top:50%;transform:translateY(-50%);width:4px}.auth-carousel-panel .shooting-star.star-1{animation:shooting 6s ease-in-out infinite;animation-delay:1s;left:15%;top:8%}.auth-carousel-panel .shooting-star.star-2{animation:shooting 8s ease-in-out infinite;animation-delay:3s;left:45%;top:18%}.auth-carousel-panel .shooting-star.star-3{animation:shooting 7s ease-in-out infinite;animation-delay:5s;left:70%;top:5%}.auth-carousel-panel .shooting-star-left{background:linear-gradient(90deg,hsla(0,0%,100%,.8),transparent);border-radius:50%;height:1px;opacity:0;position:absolute;transform:rotate(-35deg);width:80px}.auth-carousel-panel .shooting-star-left:before{background:#fff;border-radius:50%;box-shadow:0 0 6px 2px hsla(0,0%,100%,.5);content:"";height:4px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:4px}.auth-carousel-panel .shooting-star-left.star-left-1{animation:shooting-left 7s ease-in-out infinite;animation-delay:2s;right:10%;top:12%}.auth-carousel-panel .shooting-star-left.star-left-2{animation:shooting-left 8s ease-in-out infinite;animation-delay:4.5s;right:35%;top:22%}@keyframes twinkle{0%,to{opacity:.3}50%{opacity:1}}@keyframes shooting{0%{opacity:0;transform:rotate(35deg) translateX(0)}5%{opacity:1}15%{opacity:0;transform:rotate(35deg) translateX(200px)}to{opacity:0;transform:rotate(35deg) translateX(200px)}}@keyframes shooting-left{0%{opacity:0;transform:rotate(-35deg) translateX(0)}5%{opacity:1}15%{opacity:0;transform:rotate(-35deg) translateX(-200px)}to{opacity:0;transform:rotate(-35deg) translateX(-200px)}}.auth-carousel-panel .auth-carousel.semi-carousel{height:100vh;position:relative;width:100%;z-index:1}.auth-carousel-panel .carousel-slide{align-items:center;box-sizing:border-box;display:flex;height:100%;justify-content:center;padding:32px;width:100%}.auth-carousel-panel .slide-content{align-items:center;display:flex;flex-direction:column;height:auto;justify-content:center;max-height:calc(100vh - 80px);max-width:560px;width:100%}.auth-carousel-panel .slide-image{align-items:center;border-radius:12px;display:flex;height:55vh;justify-content:center;margin:0 auto 20px;max-height:500px;min-height:320px;overflow:hidden;width:100%}.auth-carousel-panel .slide-image img{border-radius:12px;height:auto;max-height:100%;max-width:100%;object-fit:contain;width:auto}.auth-carousel-panel .slide-image-placeholder{align-items:center;background:hsla(0,0%,100%,.05);border:2px dashed hsla(0,0%,100%,.2);border-radius:12px;color:hsla(0,0%,100%,.3);display:flex;height:100%;justify-content:center;width:100%}.auth-carousel-panel .slide-image-placeholder svg{height:100px;width:100px}.auth-carousel-panel .slide-text{color:#fff;padding:0 24px;text-align:center}.auth-carousel-panel .slide-text .slide-title{color:#fff!important;font-family:"DM Serif Text",Roboto,-apple-system,BlinkMacSystemFont,sans-serif;font-size:24px!important;font-weight:600!important;line-height:1.3!important;margin-bottom:8px!important}.auth-carousel-panel .slide-text .slide-desc{color:hsla(0,0%,100%,.7)!important;font-size:14px;line-height:1.6;margin:0 auto;max-width:450px}.auth-carousel-panel .semi-carousel-indicator{bottom:32px!important}.auth-carousel-panel .semi-carousel-indicator .semi-carousel-indicator-item{background:hsla(0,0%,100%,.3)!important;border-radius:4px;height:8px;transition:all .3s ease;width:8px}.auth-carousel-panel .semi-carousel-indicator .semi-carousel-indicator-item.semi-carousel-indicator-item-active{background:#00cae0!important;width:24px}.auth-carousel-panel .semi-carousel-arrow-next,.auth-carousel-panel .semi-carousel-arrow-prev{align-items:center!important;backdrop-filter:blur(8px);background:hsla(0,0%,100%,.08)!important;border:none!important;border-radius:50%!important;cursor:pointer!important;display:flex!important;height:36px!important;justify-content:center!important;opacity:0;transition:all .3s ease!important;user-select:none!important;-webkit-user-select:none!important;width:36px!important}.auth-carousel-panel .semi-carousel-arrow-next:hover,.auth-carousel-panel .semi-carousel-arrow-prev:hover{background:hsla(0,0%,100%,.15)!important}.auth-carousel-panel .semi-carousel-arrow-next .semi-icon,.auth-carousel-panel .semi-carousel-arrow-next svg,.auth-carousel-panel .semi-carousel-arrow-prev .semi-icon,.auth-carousel-panel .semi-carousel-arrow-prev svg{color:#fff!important;fill:#fff!important;height:16px!important;pointer-events:none;width:16px!important}.auth-carousel-panel .semi-carousel-arrow-prev{left:24px!important}.auth-carousel-panel .semi-carousel-arrow-next{right:24px!important}.auth-carousel-panel:hover .semi-carousel-arrow-next,.auth-carousel-panel:hover .semi-carousel-arrow-prev{opacity:1}.auth-form-panel{align-items:center;background:var(--auth-bg-panel);display:flex;flex-direction:column;height:100vh;overflow:hidden;padding:32px 48px;transition:background .3s ease;width:50%}.auth-form-panel .panel-header{align-items:center;display:flex;flex-shrink:0;justify-content:space-between;margin-bottom:24px;width:100%}.auth-form-panel .logo{align-items:center;display:flex;gap:10px}.auth-form-panel .logo .logo-icon{height:42px;object-fit:contain;width:42px}.auth-form-panel .logo .logo-text{color:var(--auth-text-primary);font-family:"DM Serif Text",Roboto,-apple-system,BlinkMacSystemFont,sans-serif;font-size:24px;font-weight:700;transition:color .3s ease}.auth-form-panel .header-actions{align-items:center;display:flex;gap:8px}.auth-form-panel .header-actions .header-btn.semi-button{background:var(--auth-bg-card)!important;border:1px solid var(--auth-border)!important;border-radius:8px;color:var(--auth-text-secondary)!important;padding:8px 12px;transition:all .2s ease}.auth-form-panel .header-actions .header-btn.semi-button:hover{background:var(--auth-bg-hover)!important;border-color:var(--auth-border-hover)!important;color:var(--auth-text-primary)!important}.auth-form-panel .header-actions .header-btn.semi-button:active{background:var(--auth-bg-card)!important}.auth-form-panel .header-actions .header-btn.semi-button .semi-icon{color:inherit!important;font-size:18px}.auth-form-panel .header-actions .header-btn.semi-button .semi-button-content{color:inherit!important}.auth-form-panel .header-actions .theme-btn.semi-button{min-width:40px;padding:8px}.auth-form-panel .header-actions .theme-btn.semi-button .semi-icon{font-size:20px}.auth-form-container{display:flex;flex:1;flex-direction:column;justify-content:center;margin:0 auto;max-width:350px;width:100%}.auth-header{margin-bottom:32px;text-align:center}.auth-header h2,.auth-header h2.semi-typography{color:var(--auth-text-primary)!important;font-family:"DM Serif Text",Roboto,-apple-system,BlinkMacSystemFont,sans-serif!important;font-size:28px!important;font-weight:600!important;margin-bottom:8px!important;transition:color .3s ease}.auth-header .semi-typography{color:var(--auth-text-secondary)!important;transition:color .3s ease}.social-login{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.social-login .social-btn.semi-button{border-radius:8px;cursor:pointer;font-size:15px;font-weight:500;height:48px;justify-content:center;transition:all .2s ease}.social-login .social-btn.semi-button,.social-login .social-btn.semi-button .semi-button-content{align-items:center;display:flex;gap:12px}.social-login .social-btn.semi-button.google-btn{background:#fff!important;border:1px solid rgba(0,0,0,.15)!important;color:#1f1f1f!important}.social-login .social-btn.semi-button.google-btn .semi-button-content{color:#1f1f1f!important}.social-login .social-btn.semi-button.google-btn:hover{background:#f5f5f5!important;box-shadow:0 4px 12px rgba(0,0,0,.1);transform:translateY(-1px)}.social-login .social-btn.semi-button.google-btn:active{background:#eee!important}.social-login .social-btn.semi-button.facebook-btn{background:#fff!important;border:1px solid rgba(0,0,0,.15)!important;color:#1f1f1f!important}.social-login .social-btn.semi-button.facebook-btn .semi-button-content{color:#1f1f1f!important}.social-login .social-btn.semi-button.facebook-btn:hover{background:#f5f5f5!important;box-shadow:0 4px 12px rgba(0,0,0,.1);transform:translateY(-1px)}.social-login .social-btn.semi-button.facebook-btn:active{background:#1466d8!important}.auth-divider{margin:15px 0!important}.auth-divider.semi-divider,.auth-divider.semi-divider:after,.auth-divider.semi-divider:before{border-color:var(--auth-divider)!important}.auth-divider .semi-divider-text{background:var(--auth-bg-panel)!important;color:var(--auth-text-muted)!important;font-size:13px;transition:background .3s ease,color .3s ease}.auth-tabs .semi-tabs-bar{background:transparent!important;border-bottom:none!important;display:flex!important;justify-content:center!important;margin-bottom:10px;padding:0}.auth-tabs .semi-tabs-bar .semi-tabs-tab{background:transparent!important;border-radius:8px;color:var(--auth-text-secondary);flex:none!important;font-size:14px;font-weight:500;margin:0 4px!important;padding:8px 24px;transition:all .2s ease}.auth-tabs .semi-tabs-bar .semi-tabs-tab:hover{background:var(--auth-bg-hover)!important;color:var(--auth-text-primary)}.auth-tabs .semi-tabs-bar .semi-tabs-tab.semi-tabs-tab-active{background:var(--auth-bg-card)!important;color:var(--auth-primary)}.auth-tabs .semi-tabs-bar .semi-tabs-ink-bar{display:none}.auth-form .semi-form-field{padding:8px 0}.auth-form .semi-form-field .semi-form-field-label{color:var(--auth-text-primary);font-weight:500;margin-bottom:8px;transition:color .3s ease}.auth-form .semi-form-field .semi-form-field-label .semi-form-field-label-text{color:var(--auth-text-primary)}.auth-form .semi-form-field .semi-input-wrapper{align-items:center;background:var(--auth-bg-input);border:1px solid var(--auth-border);border-radius:8px;display:flex;height:48px;transition:all .2s ease}.auth-form .semi-form-field .semi-input-wrapper:hover{border-color:var(--auth-border-hover)}.auth-form .semi-form-field .semi-input-wrapper:focus-within{border-color:var(--auth-primary);box-shadow:0 0 0 3px var(--auth-primary-light)}.auth-form .semi-form-field .semi-input-wrapper .semi-input{background:transparent;color:var(--auth-text-primary);font-size:14px;transition:color .3s ease}.auth-form .semi-form-field .semi-input-wrapper .semi-input::placeholder{color:var(--auth-text-muted)}.auth-form .semi-form-field .semi-input-wrapper .semi-input:-webkit-autofill,.auth-form .semi-form-field .semi-input-wrapper .semi-input:-webkit-autofill:active,.auth-form .semi-form-field .semi-input-wrapper .semi-input:-webkit-autofill:focus,.auth-form .semi-form-field .semi-input-wrapper .semi-input:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 1000px var(--auth-bg-input) inset!important;-webkit-text-fill-color:var(--auth-text-primary)!important;caret-color:var(--auth-text-primary);transition:background-color 5000s ease-in-out 0s}.auth-form .semi-form-field .semi-input-wrapper .semi-input-prefix,.auth-form .semi-form-field .semi-input-wrapper .semi-input-suffix{color:var(--auth-text-muted);transition:color .3s ease}.auth-form .semi-form-field .semi-input-wrapper .semi-input-clearbtn{color:var(--auth-text-muted)}.auth-form .semi-form-field .semi-input-wrapper .semi-input-clearbtn:hover{color:var(--auth-text-secondary)}.auth-form .form-options{align-items:center;display:flex;font-size:14px;justify-content:space-between;margin-bottom:30px;margin-top:10px}.auth-form .form-options .semi-checkbox .semi-checkbox-inner-display{background:var(--auth-bg-input);border-color:var(--auth-border);transition:all .2s ease}.auth-form .form-options .semi-checkbox .semi-checkbox-inner-display:hover{border-color:var(--auth-primary)}.auth-form .form-options .semi-checkbox.semi-checkbox-checked .semi-checkbox-inner-display{background:var(--auth-primary);border-color:var(--auth-primary)}.auth-form .form-options .semi-checkbox .semi-checkbox-addon{color:var(--auth-text-secondary);transition:color .3s ease}.auth-form .form-options .forgot-link,.auth-form .form-options a{color:var(--auth-primary);font-weight:500;text-decoration:none;transition:all .2s ease}.auth-form .form-options .forgot-link:hover,.auth-form .form-options a:hover{color:var(--auth-primary-hover);text-decoration:underline}.auth-form .submit-btn{background:linear-gradient(135deg,var(--auth-accent) 0,var(--auth-primary) 100%);border:none;border-radius:8px;box-shadow:var(--auth-shadow);color:var(--auth-btn-text);font-size:16px;font-weight:600;height:52px;margin-top:20px;transition:all .2s ease}.auth-form .submit-btn:hover:not(:disabled){box-shadow:var(--auth-shadow-hover);transform:translateY(-2px)}.auth-form .submit-btn:active:not(:disabled){transform:translateY(0)}.auth-form .submit-btn:disabled{cursor:not-allowed;opacity:.6}.auth-page .semi-dropdown-menu{background:var(--auth-bg-panel);border:1px solid var(--auth-border);border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.15)}.auth-page .semi-dropdown-menu .semi-dropdown-item{color:var(--auth-text-primary);transition:all .2s ease}.auth-page .semi-dropdown-menu .semi-dropdown-item:hover{background:var(--auth-bg-hover);color:var(--auth-primary)}.auth-form-panel::-webkit-scrollbar{width:6px}.auth-form-panel::-webkit-scrollbar-track{background:transparent}.auth-form-panel::-webkit-scrollbar-thumb{background:var(--auth-border);border-radius:3px}.auth-form-panel::-webkit-scrollbar-thumb:hover{background:var(--auth-border-hover)}.auth-form .semi-form-field-error-message{color:#ef4444;font-size:12px;margin-top:4px}.auth-form .semi-input-wrapper-error{border-color:#ef4444!important}.auth-form .semi-input-wrapper-error:focus-within{box-shadow:0 0 0 3px rgba(239,68,68,.15)!important}.auth-form .submit-btn .semi-button-loading .semi-spin-wrapper .semi-spin{border-color:var(--auth-btn-text);border-top-color:transparent}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.auth-form-container{animation:fadeIn .4s ease-out}.verify-code-field{align-items:flex-start;display:flex;gap:12px}.verify-code-field .semi-form-field{flex:1;margin-bottom:0}.verify-code-field .send-code-btn{background:var(--auth-primary);border:none;border-radius:8px;color:var(--auth-btn-text);flex-shrink:0;font-size:14px;font-weight:500;height:48px;margin-top:8px;min-width:100px;padding:0 16px;transition:all .2s ease}.verify-code-field .send-code-btn:hover:not(:disabled){background:var(--auth-primary-hover)}.verify-code-field .send-code-btn:disabled{background:var(--auth-primary);cursor:not-allowed;opacity:.5}.form-footer{align-items:center;display:flex;flex-direction:column;gap:12px;margin-top:24px;text-align:center}.form-footer .semi-typography{color:var(--auth-text-secondary)!important}.form-footer a{color:var(--auth-primary);cursor:pointer;font-weight:500;text-decoration:none;transition:all .2s ease}.form-footer a:hover{color:var(--auth-primary-hover);text-decoration:underline}.form-footer .forgot-link{color:var(--auth-text-muted);font-size:13px}.form-footer .forgot-link:hover{color:var(--auth-primary)}