.share-image-modal[data-v-c50bbfa3]{align-items:center;background:#0009;display:flex;justify-content:center;inset:0;padding:20px;position:fixed;z-index:1000}.share-image-container[data-v-c50bbfa3]{background:var(--bg-card);border-radius:var(--sq-lg);corner-shape:squircle;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:500px;overflow:hidden;width:100%}.share-image-header[data-v-c50bbfa3]{align-items:center;border-bottom:1px solid var(--bd);display:flex;flex-shrink:0;justify-content:space-between;padding:20px 24px}.share-image-header h3[data-v-c50bbfa3]{color:var(--tx-1);font-size:18px;font-weight:600;margin:0}.share-image-header .close-btn[data-v-c50bbfa3]{background:var(--bg-soft);border:none;border-radius:var(--sq-sm);height:32px;width:32px;corner-shape:squircle;align-items:center;color:var(--tx-2);cursor:pointer;display:flex;font-size:20px;justify-content:center;transition:all .2s}.share-image-header .close-btn[data-v-c50bbfa3]:hover{background:var(--bd);color:var(--tx-1)}.share-image-body[data-v-c50bbfa3]{display:flex;flex:1;flex-direction:column;gap:20px;min-height:0;overflow-y:auto;padding:24px}.preview-section[data-v-c50bbfa3]{width:100%}.share-canvas[data-v-c50bbfa3]{background:var(--bg-card);border-radius:var(--sq-md);width:100%;corner-shape:squircle;box-shadow:0 4px 20px #0000001a;display:flex;flex-direction:column;overflow:hidden}.canvas-header[data-v-c50bbfa3]{flex-shrink:0;overflow:hidden;padding:16px 24px;position:relative}.canvas-header .header-image[data-v-c50bbfa3]{display:block;-o-object-fit:cover;object-fit:cover}.canvas-header .header-image[data-v-c50bbfa3],.canvas-header .header-placeholder[data-v-c50bbfa3]{aspect-ratio:16/9;border-radius:var(--sq-md);width:100%;corner-shape:squircle}.canvas-header .header-placeholder[data-v-c50bbfa3]{align-items:center;background:linear-gradient(135deg,var(--bg-soft) 0,#e4e8ec 100%);display:flex;justify-content:center}.canvas-header .header-placeholder .placeholder-icon[data-v-c50bbfa3]{font-size:48px;opacity:.5}.canvas-content[data-v-c50bbfa3]{display:flex;flex:1;flex-direction:column;min-height:0;padding:20px 24px}.canvas-content .content-title[data-v-c50bbfa3]{color:var(--tx-1);font-size:22px;font-weight:700;line-height:1.4;margin:0 0 12px}.canvas-content .content-desc[data-v-c50bbfa3],.canvas-content .content-title[data-v-c50bbfa3]{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.canvas-content .content-desc[data-v-c50bbfa3]{color:var(--tx-2);font-size:14px;line-height:1.6;margin:0}.canvas-footer[data-v-c50bbfa3]{align-items:flex-start;border-top:1px solid var(--bd);display:flex;flex-shrink:0;height:auto;justify-content:space-between;min-height:85px;padding:12px 24px}.canvas-footer .footer-left[data-v-c50bbfa3]{display:flex;flex-direction:column;gap:8px}.canvas-footer .footer-left .footer-logo-section .footer-logo[data-v-c50bbfa3]{height:45px;width:auto}.canvas-footer .footer-left .footer-logo-section .footer-logo-text[data-v-c50bbfa3]{color:var(--tx-1);font-size:18px;font-weight:700}.canvas-footer .footer-left .footer-site-desc[data-v-c50bbfa3]{color:var(--tx-2);display:-webkit-box;font-size:12px;-webkit-line-clamp:2;line-height:1.4;margin:0;-webkit-box-orient:vertical;overflow:hidden}.canvas-footer .footer-right[data-v-c50bbfa3]{align-items:center;display:flex;flex-direction:column;gap:6px}.canvas-footer .footer-right .footer-qrcode[data-v-c50bbfa3]{border-radius:var(--sq-sm);height:90px;width:90px;corner-shape:squircle}.canvas-footer .footer-right .qrcode-text[data-v-c50bbfa3]{color:var(--tx-3);font-size:11px}.action-section[data-v-c50bbfa3]{display:flex;justify-content:center}.action-section .generate-btn[data-v-c50bbfa3]{border-radius:var(--sq-xl);font-size:15px;height:44px;min-width:180px;corner-shape:squircle}@media(max-width:480px){.share-image-modal[data-v-c50bbfa3]{padding:16px}.share-image-header[data-v-c50bbfa3]{padding:16px 20px}.share-image-header h3[data-v-c50bbfa3]{font-size:16px}.share-image-body[data-v-c50bbfa3]{padding:20px}.canvas-header[data-v-c50bbfa3]{padding:12px 16px}.canvas-content[data-v-c50bbfa3]{padding:16px 20px}.canvas-content .content-title[data-v-c50bbfa3]{font-size:18px}.canvas-content .content-desc[data-v-c50bbfa3]{font-size:13px}.canvas-footer[data-v-c50bbfa3]{padding:16px 20px}.canvas-footer .footer-right .footer-qrcode[data-v-c50bbfa3]{height:64px;width:64px}}
