*{box-sizing:border-box}*,body,html{margin:0;padding:0}body,html{background:transparent;color:#333;font-family:Microsoft Yahei,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px}a{color:#409eff;text-decoration:none}a:hover{color:#66b1ff}button{background:transparent;border:none;cursor:pointer;font-family:inherit;font-size:inherit;outline:none}input{border:1px solid #dcdfe6;color:#333;font-size:14px;outline:none;padding:0 15px;transition:border-color .2s}input:focus{border-color:#409eff}.ie9 input{line-height:normal}.ie9 button{overflow:visible}[data-theme=light]{--bg-primary:#fff;--bg-secondary:#f5f7fa;--bg-hover:#f0f2f5;--text-primary:#303133;--text-secondary:#606266;--border-color:#dcdfe6;--primary-color:#409eff;--primary-hover:#66b1ff;--primary-active:#337ecc;--success-color:#67c23a;--success-hover:#85ce61;--warning-color:#e6a23c;--warning-hover:#ebb563;--danger-color:#f56c6c;--danger-hover:#f78989;--hover-color:#ecf5ff;--shadow-opacity:0.1;--bg-modal-mask:rgba(0,0,0,.5)}[data-theme=dark]{--bg-primary:#1e1e20;--bg-secondary:#272729;--bg-hover:#303033;--text-primary:#e5e5e5;--text-secondary:#a0a0a2;--border-color:#38383a;--primary-color:#409eff;--primary-hover:#66b1ff;--primary-active:#337ecc;--success-color:#67c23a;--success-hover:#85ce61;--warning-color:#e6a23c;--warning-hover:#ebb563;--danger-color:#f56c6c;--danger-hover:#f78989;--hover-color:#2b4b6b;--shadow-opacity:0.3;--bg-modal-mask:rgba(30,30,32,.85)}.toast{align-items:center;border-radius:4px;color:#fff;display:flex;gap:8px;left:50%;padding:12px 20px;position:fixed;top:20px;transform:translateX(-50%);z-index:9999}.toast-success{background-color:var(--success-color)}.toast-error{background-color:var(--danger-color)}.toast-warning{background-color:var(--warning-color)}.toast-info{background-color:var(--primary-color)}.toast-close{background:transparent;border:none;color:inherit;cursor:pointer;font-size:16px;padding:0 4px}.modal{height:100%;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-mask{background:rgba(0,0,0,.5)}.modal-content{background:#fff;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.15);margin:100px auto;position:relative;width:500px}.modal-header{border-bottom:1px solid #eee;padding:16px 24px}.modal-title{font-size:16px;font-weight:500;margin:0}.modal-close{color:#999;font-size:16px}.modal-body{font-size:14px;padding:24px}.modal-footer{border-top:1px solid #eee;padding:16px 24px}.modal-cancel,.modal-confirm{border-radius:4px;cursor:pointer;font-size:14px;margin-left:8px;padding:6px 16px}.modal-cancel{background:#fff;border:1px solid #ddd;color:#666}.modal-confirm{border:1px solid var(--primary-color)}.login-layout{align-items:center;background:transparent;display:flex;justify-content:center;position:relative}.login-bg{display:none;height:100%;left:0;opacity:.1;position:absolute;top:0;width:100%;z-index:0}.login-bg img{height:100%;object-fit:cover;width:100%}.login-footer{bottom:10px;position:fixed}.content-wrapper{position:relative;width:100%;z-index:1}.login-container{overflow:hidden;padding:20px;position:relative}.login-logo{display:block;margin-bottom:20px;text-align:center}.login-logo img{height:60px}.login-title{margin-bottom:20px;position:relative;text-align:center}.login-title h2{color:var(--text-primary);font-size:20px;margin-bottom:5px}.lang-switch{color:var(--primary-color);cursor:pointer}.mode-tabs{border-bottom:1px solid var(--border-color);display:flex;margin-bottom:20px}.tab-btn{color:var(--text-secondary);flex:1;padding:10px 0;position:relative;text-align:center}.tab-btn.active{color:var(--primary-color);font-weight:700}.tab-btn.active:after{background:var(--primary-color);bottom:-1px;content:"";height:2px;left:0;position:absolute;width:100%}.login-form{height:255px;width:100%}.form-item{margin-bottom:25px;position:relative}.form-item label{color:var(--text-primary);display:block;font-weight:500;margin-bottom:5px}.form-item input{background:var(--bg-primary);border-radius:4px;color:var(--text-primary);height:40px;width:100%}.sms-code-input{max-width:60%}.captcha-wrap{align-items:flex-end;display:block;gap:10px}.captcha-input{flex:1}.captcha-img{border-radius:4px;cursor:pointer;height:40px;width:100px}.error-tip{bottom:-20px;color:var(--danger-color);font-size:12px;left:0;opacity:0;position:absolute;transition:opacity .2s}.error-tip.show{opacity:1}.form-footer{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.remember-checkbox{align-items:center;color:var(--text-secondary);display:flex}.remember-checkbox input{height:auto;margin-right:5px;width:auto}.forgot-pwd{color:var(--primary-color);font-size:12px}.login-btn{background:var(--primary-color);border-radius:4px;color:#fff;font-weight:500;height:40px;transition:background .2s;width:100%}.login-btn:hover{background:var(--primary-hover)}.login-btn:active{background:var(--primary-active)}.login-btn:disabled{background:#a0cfff;cursor:not-allowed}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #fff;border-radius:50%;border-top-color:transparent;display:inline-block;height:16px;margin-right:5px;vertical-align:middle;width:16px}@keyframes spin{to{transform:rotate(1turn)}}.code-btn{background:var(--primary-color);border-radius:4px;bottom:0;color:#fff;height:40px;position:absolute;right:0;width:100px}.code-btn:disabled{background:#a0cfff;cursor:not-allowed}.other-ops{color:var(--text-secondary);display:flex;font-size:12px;justify-content:space-between;margin-top:20px;text-align:center}.mobile-mode .login-container{padding:20px}.mobile-mode .captcha-wrap{align-items:stretch;flex-direction:column}.mobile-mode .captcha-img{margin-top:5px;width:100%}.iframe-mode .login-bg,.iframe-mode .login-footer{display:none}.switch-mode-btn{margin-bottom:20px;text-align:right}.mode-tabs{display:none}.mobile-mode .switch-mode-btn{text-align:center}.phone-item{position:relative}.phone-input-wrap{align-items:center;display:flex;gap:10px}.country-code-select{height:40px;position:relative;width:60px}.country-code-btn{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);cursor:pointer;display:flex;height:40px;justify-content:center;text-align:center;width:100%}.country-code-btn .arrow-icon{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid var(--text-secondary);display:inline-block;height:0;margin-left:5px;transition:transform .2s;width:0}.country-code-btn:hover .arrow-icon{border-top-color:var(--primary-color)}.code-dropdown{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.1);left:0;list-style:none;max-height:200px;overflow-y:auto;position:absolute;top:45px;width:200px;z-index:100}.code-dropdown li{color:var(--text-primary);cursor:pointer;padding:8px 10px;transition:background .2s}.code-dropdown li:hover{background:var(--hover-color)}.code-dropdown li.active{background:var(--primary-color);color:#fff}.phone-input-wrap input{flex:1;width:auto!important}input[type=number]{-moz-appearance:textfield;appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(64,158,255,.2);outline:none}.mobile-mode input[type=number]{font-size:14px}.captcha-modal{display:none;z-index:999}.captcha-modal,.modal-mask{height:100%;left:0;position:absolute;top:0;width:100%}.modal-mask{backdrop-filter:blur(1px);background:var(--bg-modal-mask);transition:opacity .2s}[data-theme=dark] .modal-mask{background:var(--bg-secondary);opacity:.9}.modal-content{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 2px 15px rgba(0,0,0,var(--shadow-opacity,.1));left:50%;margin:0;max-width:360px;overflow:hidden;position:absolute;top:50%;transform:translate(-50%,-50%);width:90%}[data-theme=dark] .modal-content{--shadow-opacity:0.3;box-shadow:0 2px 20px rgba(0,0,0,var(--shadow-opacity))}.modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:12px 18px}.modal-header h3{color:var(--text-primary);font-size:15px;font-weight:500;margin:0}.modal-close{align-items:center;background:transparent;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;font-size:18px;height:28px;justify-content:center;transition:all .2s;width:28px}.modal-close:hover{background:var(--bg-hover);color:var(--primary-color)}.modal-body{padding:18px}.modal-body .captcha-wrap{align-items:flex-start;display:flex;gap:8px;margin:0}.modal-input-container{margin-bottom:5px;position:relative}.captcha-input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;box-sizing:border-box;color:var(--text-primary);font-size:14px;height:40px;outline:none;padding:0 10px;width:100%}.captcha-input::placeholder{color:var(--text-secondary);opacity:.8}[data-theme=dark] .captcha-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(64,158,255,.2)}.modal-captcha-img{border-radius:4px;cursor:pointer;height:38px;object-fit:cover;width:100px}.modal-captcha-error{color:var(--danger-color);font-size:12px;height:14px;line-height:14px;margin-top:4px}.modal-footer{border-top:1px solid var(--border-color);padding:12px 18px;text-align:right}.modal-confirm{background:var(--primary-color);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:7px 18px;transition:background .2s}.modal-confirm:hover{background:var(--primary-hover)}[data-theme=dark] .modal-confirm:active{background:var(--primary-active)}.mobile-mode .login-container{height:480px;min-height:480px}.mobile-mode .modal-content{max-width:300px}.mobile-mode .modal-body .captcha-wrap{align-items:stretch;flex-direction:column}.mobile-mode .modal-captcha-img{height:80px;margin-top:8px;width:100%}.login-container.captcha-modal-open{overflow:hidden}