*{margin:0;padding:0;box-sizing:border-box}html{font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-size:16px;scroll-behavior:smooth}body{background-color:#f8fafc;color:#1e293b;line-height:1.6;min-height:100vh}#app{min-height:100vh}button,input,textarea{font-family:inherit}button{cursor:pointer;border:none;outline:none}input,textarea{outline:none}a{text-decoration:none;color:inherit}ul,ol{list-style:none}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-xs{gap:.25rem}.gap-sm{gap:.5rem}.gap-md{gap:1rem}.gap-lg{gap:1.5rem}.text-center{text-align:center}.text-primary{color:#1e3a8a}.text-accent{color:#f59e0b}.text-secondary{color:#64748b}.font-bold{font-weight:700}.font-medium{font-weight:500}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.mt-sm{margin-top:.5rem}.mt-md{margin-top:1rem}.mt-lg{margin-top:1.5rem}.mb-sm{margin-bottom:.5rem}.mb-md{margin-bottom:1rem}.mb-lg{margin-bottom:1.5rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fadeIn{animation:fadeIn .5s ease-out}.animate-pulse{animation:pulse 2s infinite}.animate-slideUp{animation:slideUp .4s ease-out}.login-modal-overlay[data-v-6d122e5e]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.login-modal-wrapper[data-v-6d122e5e]{width:100%;max-width:420px}.login-modal[data-v-6d122e5e]{background:#fff;border-radius:16px;padding:32px;position:relative;box-shadow:0 20px 60px #00000026}.modal-close[data-v-6d122e5e]{position:absolute;top:16px;right:16px;width:32px;height:32px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:background .2s}.modal-close[data-v-6d122e5e]:hover{background:#f1f5f9}.modal-header[data-v-6d122e5e]{text-align:center;margin-bottom:28px}.modal-icon[data-v-6d122e5e]{margin-bottom:12px}.modal-icon .brand-logo[data-v-6d122e5e]{width:72px;height:72px;object-fit:contain}.modal-title[data-v-6d122e5e]{font-size:1.5rem;font-weight:700;color:#1f2a44;margin-bottom:0}.role-section[data-v-6d122e5e]{display:flex;justify-content:center;gap:16px;margin-bottom:28px}.dev-mode-tip[data-v-6d122e5e]{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#fffbeb;border-radius:8px;font-size:14px;color:#92400e;margin-bottom:20px}.dev-mode-tip strong[data-v-6d122e5e]{color:#d97706;font-weight:600}.role-item[data-v-6d122e5e]{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:24px;background:#f8fafc;color:#64748b;font-size:.875rem;cursor:pointer;transition:all .2s;border:0}.role-item.active[data-v-6d122e5e]{background:#1e3a8a;color:#fff}.form-group[data-v-6d122e5e]{margin-bottom:20px}.form-group label[data-v-6d122e5e]{display:block;font-size:.875rem;font-weight:500;color:#1f2a44;margin-bottom:8px}.required[data-v-6d122e5e]{color:#ef4444}.input-wrapper[data-v-6d122e5e]{display:flex;align-items:center;gap:12px;padding:0 14px;height:48px;border:2px solid #E2E8F0;border-radius:12px;transition:border-color .2s}.input-wrapper[data-v-6d122e5e]:focus-within{border-color:#1e3a8a}.form-input[data-v-6d122e5e]{flex:1;height:100%;border:none;outline:none;font-size:1rem;color:#1f2a44;background:transparent}.form-input[data-v-6d122e5e]::placeholder{color:#94a3b8}.code-input[data-v-6d122e5e]{width:120px}.error-input[data-v-6d122e5e]{border-color:#ef4444!important}.form-error[data-v-6d122e5e]{font-size:.75rem;color:#ef4444;margin-top:6px}.code-input-wrapper[data-v-6d122e5e]{display:flex;gap:12px}.get-code-btn[data-v-6d122e5e]{padding:0 20px;height:48px;border:2px solid #1E3A8A;border-radius:12px;background:#fff;color:#1e3a8a;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.get-code-btn[data-v-6d122e5e]:hover:not(:disabled){background:#1e3a8a0d}.get-code-btn[data-v-6d122e5e]:disabled{border-color:#cbd5e1;color:#94a3b8;cursor:not-allowed}.error-message[data-v-6d122e5e]{display:flex;align-items:center;gap:8px;padding:12px 14px;background:#fef2f2;border-radius:8px;margin-bottom:16px;font-size:.875rem;color:#ef4444}.login-btn[data-v-6d122e5e]{width:100%;height:48px;border:none;border-radius:12px;background:#1e3a8a;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.login-btn[data-v-6d122e5e]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #1e3a8a4d}.login-btn[data-v-6d122e5e]:disabled{opacity:.6;cursor:not-allowed}.loading-spinner[data-v-6d122e5e]{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin-6d122e5e .8s linear infinite}@keyframes spin-6d122e5e{to{transform:rotate(360deg)}}.third-party-section[data-v-6d122e5e]{margin-top:24px}.divider[data-v-6d122e5e]{display:flex;align-items:center;gap:12px;margin-bottom:16px}.divider[data-v-6d122e5e]:before,.divider[data-v-6d122e5e]:after{content:"";flex:1;height:1px;background:#e2e8f0}.divider span[data-v-6d122e5e]{font-size:.8125rem;color:#94a3b8}.third-party-buttons[data-v-6d122e5e]{display:flex;justify-content:center;gap:16px}.third-party-btn[data-v-6d122e5e]{display:flex;flex-direction:column;align-items:center;gap:6px;width:72px;padding:12px 8px;border:1px solid #E2E8F0;border-radius:12px;background:#fff;cursor:pointer;transition:all .2s}.third-party-btn[data-v-6d122e5e]:hover{border-color:#1e3a8a;background:#1e3a8a05}.third-party-btn span[data-v-6d122e5e]{font-size:.75rem;color:#64748b}.third-party-btn.wechat .wechat-icon[data-v-6d122e5e]{width:32px;height:32px;object-fit:contain}.third-party-btn.apple svg[data-v-6d122e5e]{color:#1f2937}.third-party-btn.alipay .alipay-icon[data-v-6d122e5e]{width:32px;height:32px;object-fit:contain}.dev-hint[data-v-6d122e5e]{text-align:center;font-size:.75rem;color:#f59e0b;margin-top:12px}.bind-title[data-v-6d122e5e]{font-size:1.25rem;font-weight:600;color:#1f2a44;margin-bottom:8px}.bind-desc[data-v-6d122e5e]{font-size:.875rem;color:#64748b;margin-bottom:24px}.back-btn[data-v-6d122e5e]{padding:6px 12px;width:100%;height:44px;border:1px solid #E2E8F0;border-radius:12px;background:#fff;color:#1e3a8a;font-size:.9375rem;cursor:pointer;margin-top:12px;transition:background .2s}.back-btn[data-v-6d122e5e]:hover{background:#f1f5f9}.wrong-role-icon[data-v-6d122e5e]{display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:#f59e0b1a;border-radius:50%;margin:0 auto 20px}.wrong-role-title[data-v-6d122e5e]{font-size:1.25rem;font-weight:600;color:#1f2a44;text-align:center;margin-bottom:8px}.wrong-role-desc[data-v-6d122e5e]{font-size:.875rem;color:#64748b;text-align:center;margin-bottom:24px}.wrong-role-actions[data-v-6d122e5e]{display:flex;flex-direction:column;gap:12px}.outline-btn[data-v-6d122e5e]{width:100%;height:48px;border:2px solid #E2E8F0;border-radius:12px;background:#fff;color:#64748b;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s}.outline-btn[data-v-6d122e5e]:hover{border-color:#1e3a8a;color:#1e3a8a}.fade-enter-active[data-v-6d122e5e],.fade-leave-active[data-v-6d122e5e]{transition:opacity .3s ease}.fade-enter-from[data-v-6d122e5e],.fade-leave-to[data-v-6d122e5e]{opacity:0}.tpm-overlay[data-v-1f9fdf04]{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a8c;display:flex;align-items:center;justify-content:center;z-index:3000;padding:20px}.tpm-card[data-v-1f9fdf04]{position:relative;width:420px;max-width:100%;max-height:86vh;overflow-y:auto;background:#fff;border-radius:16px;padding:26px 26px 22px;box-shadow:0 20px 50px #0f172a40}.tpm-close[data-v-1f9fdf04]{position:absolute;top:14px;right:14px;border:none;background:transparent;color:#94a3b8;cursor:pointer;padding:4px;border-radius:8px;display:flex}.tpm-close[data-v-1f9fdf04]:hover{color:#1e293b;background:#f1f5f9}.tpm-title[data-v-1f9fdf04]{font-size:17px;font-weight:700;color:#1e293b;margin:0 28px 8px 0;line-height:1.5}.tpm-msg[data-v-1f9fdf04]{font-size:13.5px;color:#64748b;line-height:1.7;margin:0 0 16px}.tpm-steps[data-v-1f9fdf04]{list-style:none;margin:0 0 14px;padding:14px 16px;background:#f8fafc;border:1px solid #E2E8F0;border-radius:12px;display:flex;flex-direction:column;gap:10px}.tpm-step[data-v-1f9fdf04]{display:flex;align-items:center;gap:10px}.tpm-step-icon[data-v-1f9fdf04]{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#fff;border:1.5px solid #CBD5E1}.tpm-step-icon.done[data-v-1f9fdf04]{border-color:#10b981;background:#10b98114}.tpm-step-icon.pending[data-v-1f9fdf04]{border-color:#cbd5e1}.tpm-step-icon.undone[data-v-1f9fdf04]{border-color:#1e3a8a}.tpm-step-label[data-v-1f9fdf04]{flex:1;font-size:13.5px;color:#1e293b}.tpm-step-status[data-v-1f9fdf04]{font-size:12px}.tpm-step-status.done[data-v-1f9fdf04]{color:#10b981;font-weight:600}.tpm-step-status.pending[data-v-1f9fdf04]{color:#94a3b8}.tpm-step-status.undone[data-v-1f9fdf04]{color:#1e3a8a;font-weight:600}.tpm-dev-note[data-v-1f9fdf04]{font-size:12px;color:#b45309;background:#fffbeb;border:1px solid #FDE68A;border-radius:10px;padding:9px 12px;line-height:1.6;margin:0 0 14px}.tpm-profile-status[data-v-1f9fdf04]{font-size:12.5px;color:#475569;background:#eff6ff;border-radius:10px;padding:9px 12px;margin:0 0 14px}.tpm-actions[data-v-1f9fdf04]{display:flex;gap:10px;justify-content:flex-end}.tpm-actions button[data-v-1f9fdf04]{border-radius:10px;padding:10px 20px;font-size:13.5px;cursor:pointer;border:none;transition:opacity .15s}.tpm-actions button[data-v-1f9fdf04]:disabled{opacity:.6;cursor:not-allowed}.tpm-btn-secondary[data-v-1f9fdf04]{background:#f1f5f9;color:#475569}.tpm-btn-secondary[data-v-1f9fdf04]:hover:not(:disabled){background:#e2e8f0}.tpm-btn-primary[data-v-1f9fdf04]{background:#1e3a8a;color:#fff}.tpm-btn-primary[data-v-1f9fdf04]:hover:not(:disabled){background:#25479f}.tpm-loading[data-v-1f9fdf04]{display:flex;flex-direction:column;align-items:center;gap:14px;padding:22px 0 10px;color:#64748b;font-size:13.5px}.tpm-spinner[data-v-1f9fdf04]{width:32px;height:32px;border:3px solid rgba(30,58,138,.15);border-top-color:#1e3a8a;border-radius:50%;animation:tpm-spin-1f9fdf04 .8s linear infinite}@keyframes tpm-spin-1f9fdf04{to{transform:rotate(360deg)}}.tpm-icon-warn[data-v-1f9fdf04]{text-align:center;margin-bottom:10px}