.contact-dialog.contact-invite{width:min(460px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:0;margin:auto;border:1px solid #fff;border-radius:26px;background:#f5f5f2;color:#242724;overflow:auto;box-shadow:0 24px 80px #0004;--text:#242724;--muted:#62675f;--line:#2222}
#contact-card-root{min-width:0}
.invite-card{padding:12px;font-family:var(--font-ui);text-align:left}
.invite-hero{position:relative;overflow:hidden;border-radius:18px;border:1px solid #c5cec1;padding:22px;background:linear-gradient(135deg,#e4e9df,#ccd7c7 55%,#a7b8a0)}
.invite-art{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.invite-art-ring{position:absolute;right:-40px;bottom:-80px;width:240px;height:240px;border-radius:50%;border:36px solid #ffffff38}
.invite-art-glow{position:absolute;right:24px;bottom:10px;width:112px;height:112px;border-radius:38%;background:#fff3;filter:blur(3px)}
.invite-art-mark{position:absolute;right:22px;bottom:24px;width:64px;height:64px;opacity:.85}
.invite-art-mark img{display:block;width:100%;height:100%;border-radius:18px}
.invite-hero-content{position:relative;min-height:184px;display:flex;flex-direction:column;align-items:flex-start}
.invite-badge{max-width:calc(100% - 42px);border:1px solid #ffffff90;border-radius:30px;background:#f7f8f2b0;font-size:11px;line-height:1.5;padding:7px 11px;color:#424b3e}
.invite-close{position:absolute;right:-10px;top:-10px;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:#ffffff70;color:#354130}
.invite-close:hover{background:#ffffffb0}
.invite-heading{margin-top:auto;max-width:calc(100% - 66px);padding-top:24px}
.invite-card .invite-heading h2{margin:0;font-size:26px;line-height:1.3;font-weight:700;letter-spacing:-.03em;color:#242724}
.invite-heading p{font-size:13px;line-height:1.7;color:#4c5846;margin:10px 0 0}
.invite-body{padding:23px 14px 2px}
.invite-kicker{margin:0;font-size:12px;font-weight:500;color:#626b5d;letter-spacing:.08em}
.invite-steps{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:18px}
.invite-steps li{display:grid;grid-template-columns:32px minmax(0,1fr);gap:12px;align-items:start}
.invite-step-number{width:32px;height:32px;display:grid;place-items:center;border:1px solid #ced4c8;border-radius:50%;font-size:11px;color:#78846f;font-variant-numeric:tabular-nums}
.invite-steps h3{margin:1px 0 3px;font-size:14px;line-height:1.5;font-weight:600}
.invite-steps p{margin:0;font-size:12px;line-height:1.75;color:#687060}
.invite-contact{margin-top:22px;border-top:1px solid #d9ddd4;padding-top:18px}
.invite-copy-row{margin-top:12px;display:flex;align-items:center;gap:8px;padding:5px 5px 5px 15px;border:1px solid #d2d9cb;border-radius:30px;min-height:54px}
.invite-wechat{min-width:0;flex:1;user-select:text;font-size:16px;letter-spacing:.02em;color:#354130}
.invite-copy{display:flex;align-items:center;justify-content:center;gap:7px;min-width:112px;min-height:44px;padding:10px 14px;border-radius:24px;background:#35432e;color:#f7f8f3;font-size:13px;white-space:nowrap}
.invite-copy:hover{background:#45573b}
.invite-copy .ui-icon{width:16px;height:16px;flex-basis:16px}
.invite-status{min-height:36px;margin:10px 0 0;color:#626b5d;font-size:11px;line-height:1.65}
.contact-invite button:focus-visible{outline:2px solid #5f7650;outline-offset:3px}
@media(max-width:380px){.invite-card{padding:8px}.invite-hero{padding:17px}.invite-hero-content{min-height:170px}.invite-heading{max-width:calc(100% - 52px)}.invite-card .invite-heading h2{font-size:22px}.invite-art-mark{width:48px;height:48px;right:16px}.invite-body{padding:20px 10px 2px}.invite-copy{min-width:100px;padding-inline:10px}}