*{box-sizing:border-box}html,body,#app{width:100%;min-height:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:#1f2329;background:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input{font-family:inherit}button{-webkit-tap-highlight-color:transparent}:root{--primary: #586cff;--primary-light: #eef1ff;--primary-soft: #f5f8ff;--text-main: #111827;--text-secondary: #4b5563;--text-muted: #9ca3af;--bg-page: #ffffff;--bg-card: #ffffff;--border: #e5e7eb;--error: #ff4d4f;--success: #16a34a}.invite-page{min-height:100vh;background:radial-gradient(circle at 20% 0%,rgba(88,108,255,.08),transparent 28%),radial-gradient(circle at 90% 10%,rgba(56,189,248,.1),transparent 24%),#fff;padding:28px 16px}.invite-wrap{width:100%;max-width:420px;margin:0 auto}.invite-hero{padding:18px 8px 14px;text-align:center}.invite-logo{width:68px;height:68px;margin:0 auto 16px;border-radius:20px;display:block;object-fit:cover;box-shadow:0 10px 24px #2864ff24}.invite-hero h1{margin:0 0 8px;font-size:22px;line-height:32px;font-weight:700;color:var(--text-main);letter-spacing:-.01em}.invite-hero p{margin:0;font-size:14px;line-height:22px;color:var(--text-muted)}.benefit-row{display:flex;justify-content:center;gap:8px;margin:4px 0 20px}.benefit-tag{padding:6px 12px;border-radius:999px;background:var(--primary-soft);color:var(--primary);font-size:12px;font-weight:500}.invite-card{background:#fffffff5;border:1px solid rgba(229,231,235,.9);border-radius:24px;padding:24px 20px;box-shadow:0 16px 40px #0f172a0f}.form-group{margin-bottom:18px}.form-label{display:block;font-size:14px;font-weight:500;color:var(--text-secondary);margin-bottom:8px}.form-input{width:100%;height:52px;border:1px solid var(--border);border-radius:14px;padding:0 14px;font-size:15px;color:var(--text-main);background:#fff;outline:none;transition:all .2s}.form-input::placeholder{color:#c4c7cf}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #586cff14}.code-row{display:flex;gap:10px}.code-row .form-input{flex:1;min-width:0}.code-btn{width:112px;height:52px;border:none;border-radius:14px;background:var(--primary-light);color:var(--primary);font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap}.code-btn:disabled{background:#f0f0f0;color:#aaa;cursor:not-allowed}.submit-btn{width:100%;height:52px;border:none;border-radius:999px;background:linear-gradient(135deg,#586cfc,#4190f5);color:#fff;font-size:16px;font-weight:600;cursor:pointer;margin-top:4px;box-shadow:0 10px 22px #586cff38;transition:transform .15s}.submit-btn:active{transform:scale(.99)}.submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.tips{margin:16px 0 0;font-size:12px;color:var(--text-muted);text-align:center;line-height:20px}.tips a{color:var(--primary);text-decoration:none}.message{margin-top:14px;padding:10px 12px;border-radius:12px;font-size:13px;text-align:center}.message.error{background:#fef2f2;color:var(--error)}.message.success{background:#f0fdf4;color:var(--success)}.success-panel{text-align:center}.success-icon{width:66px;height:66px;background:var(--success);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:34px;margin-bottom:18px}.success-panel h2{margin:0 0 10px;font-size:20px;color:var(--text-main)}.success-panel p{margin:0 0 22px;font-size:14px;color:var(--text-secondary);line-height:22px}.download-btn{width:100%;margin-top:8px;border:none;cursor:pointer}.toast{position:fixed;left:50%;bottom:80px;transform:translate(-50%);max-width:80%;padding:10px 18px;border-radius:12px;background:#000000c7;color:#fff;font-size:14px;line-height:20px;text-align:center;z-index:9999;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toast-fade-enter-active,.toast-fade-leave-active{transition:opacity .25s}.toast-fade-enter-from,.toast-fade-leave-to{opacity:0}