.vue-puzzle-vcode{position:fixed;top:0;left:0;bottom:0;right:0;background-color:#0000004d;z-index:999;opacity:0;pointer-events:none;transition:opacity .2s}.vue-puzzle-vcode.inside_{position:relative;background-color:transparent;width:100%;height:100%}.vue-puzzle-vcode.inside_ .vue-auth-box_{position:relative;top:0;left:0;transform:translate(0);padding:0;background:transparent;box-shadow:none}.vue-puzzle-vcode.show_{opacity:1;pointer-events:auto}.vue-auth-box_{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);padding:20px;background:#fff;-webkit-user-select:none;user-select:none;border-radius:3px;box-shadow:0 1px 3px #0000004d}.vue-auth-box_ .auth-body_{position:relative;overflow:hidden;border-radius:3px}.vue-auth-box_ .auth-body_ .loading-box_{position:absolute;top:0;left:0;bottom:0;right:0;background-color:#000c;z-index:20;opacity:1;transition:opacity .1s;display:flex;align-items:center;justify-content:center}.vue-auth-box_ .auth-body_ .loading-box_.hide_{opacity:0;pointer-events:none}.vue-auth-box_ .auth-body_ .loading-box_.hide_ .loading-gif_ span{animation-play-state:paused}.vue-auth-box_ .auth-body_ .loading-box_ .loading-gif_{flex:none;height:5px;line-height:0}@keyframes load{0%{opacity:1;transform:scale(1.3)}to{opacity:.2;transform:scale(.3)}}.vue-auth-box_ .auth-body_ .loading-box_ .loading-gif_ span{display:inline-block;width:5px;height:100%;margin-left:2px;border-radius:50%;background-color:#888;animation:load 1.04s ease infinite}.vue-auth-box_ .auth-body_ .loading-box_ .loading-gif_ span:nth-child(1){margin-left:0}.vue-auth-box_ .auth-body_ .loading-box_ .loading-gif_ span:nth-child(2){animation-delay:.13s}.vue-auth-box_ .auth-body_ .loading-box_ .loading-gif_ span:nth-child(3){animation-delay:.26s}.vue-auth-box_ .auth-body_ .loading-box_ .loading-gif_ span:nth-child(4){animation-delay:.39s}.vue-auth-box_ .auth-body_ .loading-box_ .loading-gif_ span:nth-child(5){animation-delay:.52s}.vue-auth-box_ .auth-body_ .info-box_{position:absolute;bottom:0;left:0;width:100%;height:24px;line-height:24px;text-align:center;overflow:hidden;font-size:13px;background-color:#83ce3f;opacity:0;transform:translateY(24px);transition:all .2s;color:#fff;z-index:10}.vue-auth-box_ .auth-body_ .info-box_.show{opacity:.95;transform:translateY(0)}.vue-auth-box_ .auth-body_ .info-box_.fail{background-color:#ce594b}.vue-auth-box_ .auth-body_ .auth-canvas1_{width:100%;height:100%}.vue-auth-box_ .auth-body_ .auth-canvas2_{position:absolute;top:0;left:0;width:60px;height:100%;z-index:2}.vue-auth-box_ .auth-body_ .auth-canvas3_{position:absolute;width:100%;height:100%;top:0;left:0;opacity:0;transition:opacity .6s;z-index:3}.vue-auth-box_ .auth-body_ .auth-canvas3_.show{opacity:1}.vue-auth-box_ .auth-body_ .flash_{position:absolute;top:0;left:0;width:30px;height:100%;background-color:#ffffff1a;z-index:3}.vue-auth-box_ .auth-body_ .flash_.show{transition:transform .6s}.vue-auth-box_ .auth-body_ .reset_{position:absolute;top:2px;right:2px;width:35px;height:auto;z-index:12;cursor:pointer;transition:transform .2s;transform:rotate(0)}.vue-auth-box_ .auth-body_ .reset_:hover{transform:rotate(-90deg)}.vue-auth-box_ .auth-control_ .range-box{position:relative;width:100%;background-color:#eef1f8;margin-top:20px;border-radius:3px;box-shadow:0 0 8px #f0f0f099 inset}.vue-auth-box_ .auth-control_ .range-box .range-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:14px;color:#b7bcd1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;width:100%}.vue-auth-box_ .auth-control_ .range-box .range-slider{position:absolute;height:100%;width:50px;background-color:#6aa0ffcc;border-radius:3px}.vue-auth-box_ .auth-control_ .range-box .range-slider .range-btn{position:absolute;display:flex;align-items:center;justify-content:center;right:0;width:50px;height:100%;background-color:#fff;border-radius:3px;box-shadow:0 0 4px #ccc;cursor:pointer}.vue-auth-box_ .auth-control_ .range-box .range-slider .range-btn>div{width:0;height:40%;transition:all .2s;border:solid 1px #6aa0ff}.vue-auth-box_ .auth-control_ .range-box .range-slider .range-btn>div:nth-child(2){margin:0 4px}.vue-auth-box_ .auth-control_ .range-box .range-slider .range-btn:hover>div:first-child,.vue-auth-box_ .auth-control_ .range-box .range-slider .range-btn.isDown>div:first-child{border:solid 4px transparent;height:0;border-right-color:#6aa0ff}.vue-auth-box_ .auth-control_ .range-box .range-slider .range-btn:hover>div:nth-child(2),.vue-auth-box_ .auth-control_ .range-box .range-slider .range-btn.isDown>div:nth-child(2){border-width:3px;height:0;border-radius:3px;margin:0 6px;border-right-color:#6aa0ff}.vue-auth-box_ .auth-control_ .range-box .range-slider .range-btn:hover>div:nth-child(3),.vue-auth-box_ .auth-control_ .range-box .range-slider .range-btn.isDown>div:nth-child(3){border:solid 4px transparent;height:0;border-left-color:#6aa0ff}.vue-puzzle-overflow{overflow:hidden!important}.auth-page[data-v-e75b5a80]{min-height:100vh;display:flex;flex-direction:column;background-color:#f5f7fa;background-image:radial-gradient(at 0% 0%,rgba(58,142,230,.05) 0px,transparent 50%),radial-gradient(at 100% 0%,rgba(255,102,0,.05) 0px,transparent 50%)}.auth-header-nav[data-v-e75b5a80]{height:64px;background:#fff;box-shadow:0 2px 10px #0000000d;display:flex;align-items:center;z-index:10}.auth-header-nav .header-inner[data-v-e75b5a80]{width:100%;max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}.auth-header-nav .header-logo[data-v-e75b5a80]{display:flex;align-items:center;gap:12px;text-decoration:none}.auth-header-nav .header-logo img[data-v-e75b5a80]{height:32px}.auth-header-nav .header-logo .logo-divider[data-v-e75b5a80]{width:1px;height:20px;background:#e5e7eb}.auth-header-nav .header-logo .page-name[data-v-e75b5a80]{font-size:18px;font-weight:600;color:#1f2937}.auth-header-nav .header-links[data-v-e75b5a80]{display:flex;align-items:center;gap:24px}.auth-header-nav .header-links a[data-v-e75b5a80]{font-size:14px;color:#6b7280;text-decoration:none;transition:color .2s}.auth-header-nav .header-links a[data-v-e75b5a80]:hover{color:var(--primary-color)}.auth-container[data-v-e75b5a80]{flex:1;display:flex;width:100%;max-width:1000px;margin:60px auto;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 20px 40px #00000014}@media (max-width: 768px){.auth-container[data-v-e75b5a80]{flex-direction:column;margin:20px;max-width:calc(100% - 40px)}}.auth-aside[data-v-e75b5a80]{flex:1;background:linear-gradient(135deg,#3a8ee6,#2b71ba);color:#fff;padding:60px;display:flex;align-items:center}@media (max-width: 768px){.auth-aside[data-v-e75b5a80]{display:none}}.auth-aside .aside-content[data-v-e75b5a80]{max-width:320px}.auth-aside .aside-logo[data-v-e75b5a80]{display:block;margin-bottom:40px}.auth-aside .aside-logo img[data-v-e75b5a80]{height:40px;filter:brightness(0) invert(1)}.auth-aside .aside-title[data-v-e75b5a80]{font-size:32px;font-weight:800;margin-bottom:16px;line-height:1.2}.auth-aside .aside-desc[data-v-e75b5a80]{font-size:16px;opacity:.8;margin-bottom:48px;line-height:1.6}.auth-aside .aside-features[data-v-e75b5a80]{display:flex;flex-direction:column;gap:24px}.auth-aside .aside-features .feature-item[data-v-e75b5a80]{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:500}.auth-aside .aside-features .feature-item .el-icon[data-v-e75b5a80]{font-size:20px;color:#ffffffe6}.auth-main[data-v-e75b5a80]{width:460px;padding:60px;display:flex;align-items:center}@media (max-width: 768px){.auth-main[data-v-e75b5a80]{width:100%;padding:40px 30px}}.auth-card[data-v-e75b5a80]{width:100%}.auth-header[data-v-e75b5a80]{margin-bottom:40px}.auth-header .auth-title[data-v-e75b5a80]{font-size:28px;font-weight:700;color:#1f2937;margin-bottom:12px}.auth-header .auth-subtitle[data-v-e75b5a80]{font-size:14px;color:#6b7280}.auth-header .auth-subtitle a[data-v-e75b5a80]{color:var(--primary-color);font-weight:600;text-decoration:none}.auth-header .auth-subtitle a[data-v-e75b5a80]:hover{text-decoration:underline}.auth-form .form-options[data-v-e75b5a80]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.auth-form .form-options .forgot-pwd[data-v-e75b5a80]{font-size:14px;color:#6b7280;text-decoration:none}.auth-form .form-options .forgot-pwd[data-v-e75b5a80]:hover{color:var(--primary-color)}.auth-form .submit-btn[data-v-e75b5a80]{width:100%;height:50px;font-size:16px;font-weight:600;border-radius:12px;margin-bottom:32px}.third-party-auth .divider[data-v-e75b5a80]{position:relative;text-align:center;margin-bottom:24px}.third-party-auth .divider[data-v-e75b5a80]:before{content:"";position:absolute;left:0;top:50%;width:100%;height:1px;background:#e5e7eb;z-index:0}.third-party-auth .divider span[data-v-e75b5a80]{position:relative;background:#fff;padding:0 16px;font-size:12px;color:#9ca3af;z-index:1}.third-party-auth .auth-icons[data-v-e75b5a80]{display:flex;justify-content:center;gap:20px}.third-party-auth .auth-icons .auth-icon-item[data-v-e75b5a80]{width:44px;height:44px;border-radius:50%;border:1px solid #e5e7eb;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;color:#6b7280}.third-party-auth .auth-icons .auth-icon-item[data-v-e75b5a80]:hover{border-color:var(--primary-color);color:var(--primary-color);background:#f0f7ff}.third-party-auth .auth-icons .auth-icon-item.wechat[data-v-e75b5a80]:hover{color:#07c160;border-color:#07c160;background:#f0fdf4}.third-party-auth .auth-icons .auth-icon-item .qq-icon[data-v-e75b5a80]{font-size:12px;font-weight:700}.auth-footer[data-v-e75b5a80]{padding:40px 0;text-align:center;color:#9ca3af;font-size:13px}.auth-footer p[data-v-e75b5a80]{margin-bottom:12px}.auth-footer .footer-links[data-v-e75b5a80]{display:flex;justify-content:center;align-items:center;gap:12px}.auth-footer .footer-links a[data-v-e75b5a80]{color:#9ca3af;text-decoration:none}.auth-footer .footer-links a[data-v-e75b5a80]:hover{color:#6b7280}.auth-footer .footer-links .dot[data-v-e75b5a80]{color:#e5e7eb}@media (max-width: 768px){.auth-header-nav[data-v-e75b5a80]{height:auto}.auth-header-nav .header-inner[data-v-e75b5a80]{flex-wrap:wrap;row-gap:10px;padding:12px 16px}.auth-header-nav .header-logo[data-v-e75b5a80]{min-width:0}.auth-header-nav .header-logo img[data-v-e75b5a80]{height:28px}.auth-header-nav .header-logo .page-name[data-v-e75b5a80]{font-size:16px}.auth-header-nav .header-links[data-v-e75b5a80]{width:100%;flex-wrap:wrap;gap:10px 16px}.auth-header-nav .header-links a[data-v-e75b5a80]{font-size:13px}.auth-container[data-v-e75b5a80]{margin:12px;max-width:calc(100% - 24px);border-radius:16px}.auth-main[data-v-e75b5a80]{padding:28px 20px}.auth-footer[data-v-e75b5a80]{padding:24px 16px calc(24px + env(safe-area-inset-bottom,0px))}.auth-footer p[data-v-e75b5a80]{margin-bottom:10px;font-size:12px;line-height:1.6;padding:0 8px}.auth-footer .footer-links[data-v-e75b5a80]{flex-wrap:wrap;gap:10px 16px;padding:0 12px}.auth-footer .footer-links a[data-v-e75b5a80]{font-size:12px}.auth-footer .footer-links .dot[data-v-e75b5a80]{display:none}}.login-tabs[data-v-e75b5a80]{display:flex;gap:32px;margin-bottom:32px;border-bottom:1px solid #e5e7eb}.login-tabs .tab-item[data-v-e75b5a80]{padding:12px 4px;font-size:16px;font-weight:500;color:#6b7280;cursor:pointer;position:relative;transition:color .2s}.login-tabs .tab-item[data-v-e75b5a80]:hover{color:var(--primary-color)}.login-tabs .tab-item.active[data-v-e75b5a80]{color:var(--primary-color);font-weight:600}.login-tabs .tab-item.active[data-v-e75b5a80]:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--primary-color);border-radius:1px}.verify-code-row[data-v-e75b5a80]{display:flex;gap:12px;width:100%}.verify-code-row .el-input[data-v-e75b5a80]{flex:1}.verify-code-row .code-btn[data-v-e75b5a80]{width:160px;color:var(--primary-color);border-color:#d0e5ff;background:#f0f7ff}.verify-code-row .code-btn[data-v-e75b5a80]:hover{background:var(--primary-color);color:#fff}.verify-code-row .code-btn.is-disabled[data-v-e75b5a80]{background:#f5f7fa;color:#9ca3af;border-color:#e5e7eb}.register-link[data-v-e75b5a80],.login-link[data-v-e75b5a80]{color:var(--primary-color);text-decoration:none}.register-link[data-v-e75b5a80]:hover,.login-link[data-v-e75b5a80]:hover{text-decoration:underline}.form-options .el-checkbox[data-v-e75b5a80]{white-space:normal;height:auto;line-height:1.4}.form-options .el-checkbox a[data-v-e75b5a80]{color:var(--primary-color);text-decoration:none}.form-options .el-checkbox a[data-v-e75b5a80]:hover{text-decoration:underline}@media (max-width: 768px){.login-tabs[data-v-e75b5a80]{gap:24px;margin-bottom:24px}.verify-code-row[data-v-e75b5a80]{flex-direction:column;align-items:stretch}.verify-code-row .code-btn[data-v-e75b5a80]{width:100%}}