.card-page[data-v-ecf458b1]{align-items:center;background:#f5f6f8;font-family:inherit;justify-content:flex-start;min-height:100vh;min-height:100svh;padding:0}.card-frame[data-v-ecf458b1],.card-page[data-v-ecf458b1]{display:flex;flex-direction:column}.card-frame[data-v-ecf458b1]{background:#f8f9f9;height:100vh;height:100svh;max-width:420px;position:relative;width:100%}@media(min-width:640px){.card-page[data-v-ecf458b1]{background:#eef0f2;min-height:100dvh;padding:32px 16px}.card-frame[data-v-ecf458b1]{border-radius:20px;box-shadow:0 12px 40px #0000001a;height:768px;max-height:calc(100vh - 64px);max-height:calc(100svh - 64px);overflow:hidden}}.card-page.is-preview[data-v-ecf458b1]{background:#f5f6f8;height:100%;min-height:100%;padding:0}.card-page.is-preview .card-frame[data-v-ecf458b1]{box-shadow:none;height:100%;overflow:hidden}@media(min-width:640px){.card-page.is-preview[data-v-ecf458b1]{padding:0}.card-page.is-preview .card-frame[data-v-ecf458b1]{box-shadow:none;height:100%}}.top-block[data-v-ecf458b1]{height:50%;overflow:hidden;position:relative;width:100%}.bands-wrap[data-v-ecf458b1]{display:flex;flex-direction:row;inset:-20%;position:absolute;transform:rotate(-15deg);transform-origin:center}.band[data-v-ecf458b1]{height:100%;margin-right:-1px}.band[data-v-ecf458b1]:last-child{margin-right:0}.band-1[data-v-ecf458b1]{background:#02929a;flex:1.08}.band-2[data-v-ecf458b1]{background:#169ba2;flex:.55}.band-3[data-v-ecf458b1]{background:#28a3a9;flex:.92}.invite-title[data-v-ecf458b1]{align-items:center;color:#fff;display:flex;font-size:22px;font-weight:600;justify-content:space-between;letter-spacing:.5px;line-height:1.5;margin:0;padding:40px 24px 0;position:relative;z-index:1}.gender-symbol[data-v-ecf458b1],.invite-title-text[data-v-ecf458b1]{display:inline-block}.gender-symbol[data-v-ecf458b1]{color:#fff;font-size:46px;font-weight:900;line-height:1;opacity:.1;transform:rotate(45deg);-webkit-text-stroke:1px #fff}.position-badge[data-v-ecf458b1]{background:#ffffff40;border-radius:999px;display:inline-block;font-size:18px;font-weight:600;margin-left:0;padding:4px 14px;vertical-align:middle}.card-shadow[data-v-ecf458b1]{filter:drop-shadow(0 0 20px rgba(0,0,0,.05));inset:95px 24px 100px;position:absolute;z-index:1}.content-card[data-v-ecf458b1]{background:#fff;border-radius:16px;inset:0;padding:24px;position:absolute;--notch-radius:14px;--notch-y:340px;-webkit-mask-composite:source-in;-webkit-mask-composite:source-in,xor;mask-composite:intersect;-webkit-mask-image:radial-gradient(circle at 0 var(--notch-y),transparent var(--notch-radius),#000 calc(var(--notch-radius) + .5px)),radial-gradient(circle at 100% var(--notch-y),transparent var(--notch-radius),#000 calc(var(--notch-radius) + .5px));mask-image:radial-gradient(circle at 0 var(--notch-y),transparent var(--notch-radius),#000 calc(var(--notch-radius) + .5px)),radial-gradient(circle at 100% var(--notch-y),transparent var(--notch-radius),#000 calc(var(--notch-radius) + .5px))}.cta-button[data-v-ecf458b1]{background:#02929a;border:none;border-radius:12px;box-shadow:0 6px 20px #02929a47;color:#fff;cursor:pointer;font:inherit;font-size:16px;font-weight:600;height:56px;left:24px;letter-spacing:.5px;padding:0 20px;position:absolute;right:24px;top:calc(var(--notch-y) + 24px);transition:transform .12s,box-shadow .18s;z-index:2}.cta-button[data-v-ecf458b1]:hover{box-shadow:0 8px 24px #02929a5c;transform:translateY(-1px)}.cta-button[data-v-ecf458b1]:active{transform:translateY(0)}.lower-info[data-v-ecf458b1]{left:24px;position:absolute;right:24px;top:calc(var(--notch-y) + 100px)}.info-strip[data-v-ecf458b1]{display:grid;gap:8px;grid-template-columns:repeat(4,1fr)}.info-cell[data-v-ecf458b1]{align-items:center;display:flex;flex-direction:column;gap:2px}.info-label[data-v-ecf458b1]{color:#abaeae;font-size:11px;letter-spacing:.5px}.info-value[data-v-ecf458b1]{color:#1a1d21;font-size:13px;font-weight:700;letter-spacing:.3px;white-space:nowrap}.barcode-section[data-v-ecf458b1]{background:none;border:none;cursor:pointer;display:block;font:inherit;margin-top:24px;padding:0;text-align:left;transition:opacity .18s;width:100%}.barcode-section[data-v-ecf458b1]:hover{opacity:.7}.barcode-image[data-v-ecf458b1]{display:block;height:auto;width:100%}.barcode-text[data-v-ecf458b1]{align-items:center;color:#5a606b;display:flex;font-family:JetBrainsMono,monospace;font-size:10px;font-weight:700;gap:8px;justify-content:space-between;letter-spacing:1px;margin-top:8px;text-align:left}.verify-hint[data-v-ecf458b1]{color:#02929a;font-family:inherit;font-size:11px;font-weight:500;letter-spacing:0;text-decoration:underline;text-underline-offset:3px}.process-flow[data-v-ecf458b1]{align-items:flex-start;bottom:44px;display:flex;justify-content:center;left:24px;position:absolute;right:24px}.flow-step[data-v-ecf458b1]{align-items:center;display:flex;flex:0 0 auto;flex-direction:column;gap:6px;position:relative}.flow-step.is-active[data-v-ecf458b1]:before{border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid #02929a;content:"";height:0;left:50%;position:absolute;top:-12px;transform:translate(-50%);width:0}.flow-node[data-v-ecf458b1]{background:#fff;border:2px solid #d8dce0;border-radius:50%;flex-shrink:0;height:10px;width:10px}.flow-step.is-active .flow-node[data-v-ecf458b1]{background:#02929a;border-color:#02929a;box-shadow:0 0 0 4px #02929a2e;position:relative}.flow-step.is-active .flow-node[data-v-ecf458b1]:after{animation:flow-pulse-ecf458b1 1.8s ease-out infinite;background:#02929a;border-radius:50%;content:"";height:100%;left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%) scale(1);width:100%}@keyframes flow-pulse-ecf458b1{0%{opacity:.5;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(3.5)}}.flow-label[data-v-ecf458b1]{color:#abaeae;font-size:11px;letter-spacing:.3px;white-space:nowrap}.flow-step.is-active .flow-label[data-v-ecf458b1]{color:#02929a;font-weight:700}.flow-line[data-v-ecf458b1]{background:repeating-linear-gradient(90deg,#d8dce0 0 4px,transparent 4px 8px);flex:1;height:1px;margin:7px 6px 0;max-width:32px}.card-header[data-v-ecf458b1]{justify-content:space-between}.card-header[data-v-ecf458b1],.header-left[data-v-ecf458b1]{align-items:center;display:flex;gap:12px}.header-left[data-v-ecf458b1]{min-width:0}.avatar[data-v-ecf458b1]{background:linear-gradient(135deg,#02929a,#28a3a9);border-radius:50%;flex-shrink:0;height:44px;width:44px}.avatar--img[data-v-ecf458b1]{background:#fff;-o-object-fit:cover;object-fit:cover}.header-text[data-v-ecf458b1]{display:flex;flex-direction:column;gap:2px;min-width:0}.header-name[data-v-ecf458b1]{color:#1a1d21;font-size:20px;font-weight:700;letter-spacing:.3px}.header-id[data-v-ecf458b1]{color:#abaeae;font-family:JetBrainsMono,monospace;font-size:11px;letter-spacing:.5px}.header-position[data-v-ecf458b1]{color:#0c803d;flex-shrink:0;font-family:ZiHunGangRenTi,FontquanXinYiGuanHeiTi,MiSans,sans-serif;font-size:16px;font-style:italic;font-weight:600;white-space:nowrap}.header-divider[data-v-ecf458b1]{background:#02929a1a;height:1px;margin:16px -24px 0}.qr-section[data-v-ecf458b1]{align-items:center;bottom:calc(100% - var(--notch-y));display:flex;justify-content:center;left:24px;position:absolute;right:24px;top:86px}.qr-wrap[data-v-ecf458b1]{position:relative}.qr-image[data-v-ecf458b1]{background:#fff;border-radius:8px;display:block;height:190px;width:190px}.qr-logo[data-v-ecf458b1]{background:#fff;border-radius:10px;box-shadow:0 4px 14px #0000002e;height:42px;left:50%;-o-object-fit:contain;object-fit:contain;padding:4px;position:absolute;top:50%;transform:translate(-50%,-50%);width:42px}.qr-placeholder[data-v-ecf458b1]{align-items:center;background:repeating-linear-gradient(45deg,#f4f6f6,#f4f6f6 8px,#e9ecec 0 16px);border-radius:8px;color:#889090;display:flex;font-size:13px;height:190px;justify-content:center;letter-spacing:.5px;width:190px}.notch-divider[data-v-ecf458b1]{background:repeating-linear-gradient(90deg,rgba(2,146,154,.18) 0 4px,transparent 4px 8px);height:1px;left:calc(var(--notch-radius) + 12px);position:absolute;right:calc(var(--notch-radius) + 12px);top:var(--notch-y);transform:translateY(-50%)}