.webauth-page[data-v-45407aa9]{min-height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#1b2138,#2a3a5c 40%,#1a3668);position:relative;overflow:hidden}.webauth-bg[data-v-45407aa9]{position:fixed;inset:0;z-index:0;pointer-events:none}.bg-circle[data-v-45407aa9]{position:absolute;border-radius:50%;background:hsla(0,0%,100%,.03)}.bg-circle-1[data-v-45407aa9]{width:500px;height:500px;top:-150px;right:-100px}.bg-circle-2[data-v-45407aa9]{width:300px;height:300px;bottom:-80px;left:-60px}.bg-circle-3[data-v-45407aa9]{width:200px;height:200px;bottom:30%;right:15%;background:rgba(64,158,255,.06)}.webauth-card[data-v-45407aa9]{position:relative;z-index:1;width:420px;max-width:92vw;padding:40px 40px 32px;background:#fff;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.3),0 0 0 1px hsla(0,0%,100%,.08)}.webauth-header[data-v-45407aa9]{text-align:center;margin-bottom:32px}.brand-icon-wrap[data-v-45407aa9]{width:52px;height:52px;margin:0 auto 14px;border-radius:14px;background:linear-gradient(135deg,#409eff,#66b1ff);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(64,158,255,.3)}.brand-icon-wrap i[data-v-45407aa9]{font-size:26px;color:#fff}.brand-name[data-v-45407aa9]{margin:0;font-size:22px;font-weight:700;color:#303133;letter-spacing:1px}.brand-desc[data-v-45407aa9]{margin:6px 0 0;font-size:13px;color:#909399}.step-body[data-v-45407aa9]{min-height:80px}.step-desc[data-v-45407aa9]{text-align:center;font-size:13px;color:#909399;margin-bottom:20px}.group-grid[data-v-45407aa9]{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px;max-height:300px;overflow-y:auto;padding:2px}.group-card[data-v-45407aa9]{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:18px 12px 14px;border:2px solid #ebeef5;border-radius:12px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);background:#fff;animation:cardIn-45407aa9 .4s ease-out both}.group-card[data-v-45407aa9]:hover{border-color:#b3d8ff;background:#f5f9ff;transform:translateY(-2px);box-shadow:0 6px 20px rgba(64,158,255,.1)}.group-card.active[data-v-45407aa9]{border-color:#409eff;background:linear-gradient(135deg,#ecf5ff,#f0f7ff);transform:translateY(-2px);box-shadow:0 6px 24px rgba(64,158,255,.18)}.group-card-icon[data-v-45407aa9]{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;transition:all .25s}.group-card-icon i[data-v-45407aa9]{font-size:22px;color:#fff}.group-card.active .group-card-icon[data-v-45407aa9]{transform:scale(1.08);box-shadow:0 4px 12px rgba(64,158,255,.3)}.group-card-icon.icon-0[data-v-45407aa9]{background:linear-gradient(135deg,#409eff,#66b1ff)}.group-card-icon.icon-1[data-v-45407aa9]{background:linear-gradient(135deg,#67c23a,#85ce61)}.group-card-icon.icon-2[data-v-45407aa9]{background:linear-gradient(135deg,#e6a23c,#ebb563)}.group-card-icon.icon-3[data-v-45407aa9]{background:linear-gradient(135deg,#f56c6c,#f89898)}.group-card-icon.icon-4[data-v-45407aa9]{background:linear-gradient(135deg,#6366f1,#818cf8)}.group-card-body[data-v-45407aa9]{display:flex;flex-direction:column;align-items:center;gap:2px}.group-card-name[data-v-45407aa9]{font-size:14px;font-weight:600;color:#303133;text-align:center;word-break:break-all;line-height:1.3}.group-card.active .group-card-name[data-v-45407aa9]{color:#409eff}.group-card-hint[data-v-45407aa9]{font-size:11px;color:#c0c4cc}.group-card.active .group-card-hint[data-v-45407aa9]{color:#409eff;opacity:.7}.group-card-check[data-v-45407aa9]{position:absolute;top:-6px;right:-6px;width:22px;height:22px;border-radius:50%;background:#409eff;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(64,158,255,.35);animation:popIn-45407aa9 .3s cubic-bezier(.4,0,.2,1)}.group-card-check i[data-v-45407aa9]{font-size:12px;color:#fff;font-weight:700}@keyframes cardIn-45407aa9{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn-45407aa9{0%{transform:scale(0)}to{transform:scale(1)}}.auth-form[data-v-45407aa9]{margin-bottom:8px}.auth-form[data-v-45407aa9] .el-input__inner{height:44px;line-height:44px;font-size:14px;padding-left:40px}.auth-form[data-v-45407aa9] .el-input__prefix{left:12px}.auth-form[data-v-45407aa9] .el-input__prefix i{font-size:18px;color:#909399}.otp-header[data-v-45407aa9]{text-align:center;margin-bottom:24px}.otp-icon[data-v-45407aa9]{font-size:48px;color:#409eff;margin-bottom:12px}.otp-title[data-v-45407aa9]{font-size:16px;font-weight:600;color:#303133;margin:0 0 8px 0}.otp-desc[data-v-45407aa9]{font-size:13px;color:#909399;margin:0}.otp-input[data-v-45407aa9] .el-input__inner{height:48px;line-height:48px;font-size:20px;text-align:center;letter-spacing:8px;padding-left:40px}.step-actions[data-v-45407aa9]{margin-top:20px}.btn-full[data-v-45407aa9]{width:100%;height:44px;font-size:15px;letter-spacing:4px;font-weight:600}.done-box[data-v-45407aa9]{text-align:center}.done-icon[data-v-45407aa9]{font-size:56px;color:#67c23a;margin-bottom:14px}.done-text[data-v-45407aa9]{font-size:20px;color:#303133;font-weight:600;margin-bottom:6px}.done-sub[data-v-45407aa9]{font-size:13px;color:#909399;margin-bottom:24px}.step-error[data-v-45407aa9]{margin-top:16px;padding:10px 14px;background:#fef0f0;border:1px solid #fde2e2;border-radius:6px;color:#f56c6c;font-size:13px;display:flex;align-items:center;gap:8px}.step-error i[data-v-45407aa9]{font-size:16px;flex-shrink:0}.step-loading[data-v-45407aa9]{margin-top:16px;text-align:center;color:#909399;font-size:13px;display:flex;align-items:center;justify-content:center;gap:6px}.step-loading i[data-v-45407aa9]{animation:el-rotate-45407aa9 2s linear infinite}@keyframes el-rotate-45407aa9{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}