.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(ellipse 90% 70% at 50% -10%,rgba(15,118,110,.1),transparent 60%),radial-gradient(ellipse 60% 50% at 85% 20%,rgba(217,119,6,.07),transparent 60%)}.login-card{padding:32px 30px;width:100%;max-width:400px}.login-logo{font-family:var(--serif);font-size:28px;font-weight:700;color:var(--teal-deep);text-align:center}.login-logo span{letter-spacing:.25em;font-family:var(--sans)}.login-logo span,.login-sub{font-size:13px;color:var(--ink-faint)}.login-sub{text-align:center;margin:6px 0 22px}.login-tabs{display:flex;gap:8px;margin-bottom:20px}.login-tabs button{flex:1 1;padding:9px;border:1px solid var(--line);border-radius:10px;background:#fff;font-size:14px;font-weight:600;color:var(--ink-soft)}.login-tabs button.on{background:var(--teal-mist);border-color:var(--teal);color:var(--teal-deep)}.login-tabs button:disabled{opacity:.5;cursor:not-allowed}.member-pick{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.member-opt{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#fff;font-size:14px;font-weight:600;color:var(--ink)}.member-opt.on{border-color:var(--teal);background:var(--teal-mist)}.mo-av{font-size:18px}.avatar-pick{display:flex;flex-wrap:wrap;gap:8px}.avatar-pick button{width:40px;height:40px;font-size:20px;border:1px solid var(--line);border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center}.avatar-pick button.on{border-color:var(--teal);background:var(--teal-mist);box-shadow:0 0 0 2px rgba(15,118,110,.2)}.login-err{background:#fbecec;color:var(--rose);font-size:13px;padding:9px 12px;border-radius:8px;margin-bottom:14px}.login-submit{width:100%;justify-content:center;padding:12px;font-size:15px;margin-top:6px}.login-foot{text-align:center;color:var(--ink-faint);font-size:12px;margin-top:16px}.login-hint{text-align:center;font-size:13px;color:var(--ink-soft);margin-bottom:14px}.confirm-box{text-align:center;padding:14px 0 20px}.confirm-avatar{width:64px;height:64px;border-radius:50%;background:var(--teal-mist);display:flex;align-items:center;justify-content:center;font-size:32px;margin:0 auto 12px;border:2px solid #fff;box-shadow:0 2px 8px rgba(28,43,51,.12)}.confirm-name{font-family:var(--serif);font-size:20px;font-weight:700;color:var(--ink)}.confirm-tip{font-size:13px;color:var(--ink-faint);margin-top:6px}