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