@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap);:root{--primary-color:#409eff;--background-color:#f8f9fa;--text-color-primary:#2c3e50;--text-color-secondary:#6c757d;--box-shadow:0 2px 12px rgba(0,0,0,0.1)}#app{display:block;-webkit-box-pack:initial;-ms-flex-pack:initial;justify-content:normal;padding:0;background-color:var(--background-color)}#app,*{-webkit-box-sizing:border-box;box-sizing:border-box}body{padding:0;background-color:var(--background-color)}.page-container[data-v-193395f3]{min-height:100vh;background-color:#fff;margin:0!important;padding:0!important;position:relative;left:0;right:0;overflow-x:hidden}.page-container[data-v-193395f3],.page-container[data-v-193395f3] :deep(.header){width:100%!important;max-width:100%!important;-webkit-box-sizing:border-box;box-sizing:border-box}.page-container[data-v-193395f3] :deep(.header){position:fixed!important;top:0!important;left:0!important;z-index:1000!important;background-color:#fff!important;border:none!important;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.08)!important;box-shadow:0 1px 3px rgba(0,0,0,.08)!important;border-radius:0!important}.mockup-tool-container[data-v-193395f3]{width:100%;margin:0;padding:0;padding-top:56px}.unified-content-container[data-v-193395f3]{padding:0;border:none;border-radius:0}.header-section[data-v-193395f3],.unified-content-container[data-v-193395f3]{width:100%;margin:0;background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.header-section[data-v-193395f3]{padding:0 6rem;border:1px solid #e5e7eb;border-radius:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.header-section[data-v-193395f3] :deep(.page-header){width:100%;max-width:1200px;text-align:left;border:1px solid transparent}.seo-content-section[data-v-193395f3]{margin-top:3rem;margin-left:12rem;margin-right:12rem;padding:2rem;background-color:#f8f9fa;border-radius:8px;border:1px solid #e9ecef;max-width:1200px}.seo-content-section h2[data-v-193395f3]{color:#2c3e50;font-size:1.8rem;font-weight:700;margin-bottom:2rem;line-height:1.3;text-align:center}.seo-content-section>p[data-v-193395f3]{color:#555;font-size:1rem;line-height:1.7;margin-bottom:1.5rem}.steps-grid[data-v-193395f3]{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:1.5rem}.step-number[data-v-193395f3]{display:inline-block;width:32px;height:32px;line-height:32px;text-align:center;background:#3b82f6;color:#fff;border-radius:50%;font-weight:700;font-size:.9rem;margin-bottom:.75rem}.step-card h3[data-v-193395f3]{font-size:1.05rem;font-weight:600;color:#2c3e50;margin-bottom:.6rem}.step-card p[data-v-193395f3]{color:#555;font-size:.92rem;line-height:1.6;margin:0}.audience-grid[data-v-193395f3]{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:1.5rem}.audience-card h3[data-v-193395f3]{font-size:1.05rem;font-weight:600;color:#2c3e50;margin-bottom:.6rem}.audience-card p[data-v-193395f3]{color:#555;font-size:.92rem;line-height:1.6;margin:0}.benefits-list[data-v-193395f3]{list-style:none;padding:0;margin:0}.benefits-list li[data-v-193395f3]{padding:1rem 1.25rem;margin-bottom:.75rem;background:#fff;border:1px solid #e9ecef;border-radius:8px;font-size:.95rem;line-height:1.6;color:#555}.benefits-list li strong[data-v-193395f3]{color:#2c3e50}.step-icon[data-v-193395f3]{font-size:2rem;margin-bottom:.5rem}.audience-icon[data-v-193395f3]{font-size:2rem;margin-bottom:.75rem}.audience-card[data-v-193395f3]{background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:1.5rem;-webkit-transition:-webkit-box-shadow .2s,-webkit-transform .2s;transition:-webkit-box-shadow .2s,-webkit-transform .2s;transition:box-shadow .2s,transform .2s;transition:box-shadow .2s,transform .2s,-webkit-box-shadow .2s,-webkit-transform .2s}.audience-card[data-v-193395f3]:hover{-webkit-box-shadow:0 4px 12px rgba(0,0,0,.08);box-shadow:0 4px 12px rgba(0,0,0,.08);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.step-card[data-v-193395f3]{background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:1.5rem;position:relative;-webkit-transition:-webkit-box-shadow .2s,-webkit-transform .2s;transition:-webkit-box-shadow .2s,-webkit-transform .2s;transition:box-shadow .2s,transform .2s;transition:box-shadow .2s,transform .2s,-webkit-box-shadow .2s,-webkit-transform .2s}.step-card[data-v-193395f3]:hover{-webkit-box-shadow:0 4px 12px rgba(0,0,0,.08);box-shadow:0 4px 12px rgba(0,0,0,.08);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.internal-links-section[data-v-193395f3]{background:#f0f7ff!important;border-color:#d4e6f9!important}.internal-links-grid[data-v-193395f3]{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.5rem}.internal-link-card[data-v-193395f3]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;padding:1.25rem 1rem;background:#fff;border:1px solid #d4e6f9;border-radius:10px;text-decoration:none;-webkit-transition:-webkit-box-shadow .2s,-webkit-transform .2s;transition:-webkit-box-shadow .2s,-webkit-transform .2s;transition:box-shadow .2s,transform .2s;transition:box-shadow .2s,transform .2s,-webkit-box-shadow .2s,-webkit-transform .2s}.internal-link-card[data-v-193395f3]:hover{-webkit-box-shadow:0 4px 12px rgba(59,130,246,.15);box-shadow:0 4px 12px rgba(59,130,246,.15);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.link-icon[data-v-193395f3]{font-size:1.8rem;margin-bottom:.5rem}.link-title[data-v-193395f3]{font-weight:600;font-size:.95rem;color:#1f2937;margin-bottom:.3rem}.link-desc[data-v-193395f3]{font-size:.8rem;color:#6b7280}.seo-content-section a[data-v-193395f3]{color:#2563eb;text-decoration:none}.seo-content-section a[data-v-193395f3]:hover{text-decoration:underline}.faq-item[data-v-193395f3]{margin-bottom:1.5rem;padding:1.5rem;background-color:#fff;border-radius:8px;border:1px solid #e9ecef;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.05);box-shadow:0 2px 4px rgba(0,0,0,.05);-webkit-transition:-webkit-box-shadow .3s ease;transition:-webkit-box-shadow .3s ease;transition:box-shadow .3s ease;transition:box-shadow .3s ease,-webkit-box-shadow .3s ease}.faq-item[data-v-193395f3]:hover{-webkit-box-shadow:0 4px 8px rgba(0,0,0,.1);box-shadow:0 4px 8px rgba(0,0,0,.1)}.faq-item h3[data-v-193395f3]{color:#2c3e50;font-size:1.1rem;font-weight:600;margin-bottom:.8rem;line-height:1.4}.faq-item p[data-v-193395f3]{color:#555;font-size:.95rem;line-height:1.6;margin-bottom:0}.faq-item strong[data-v-193395f3]{color:#2c3e50;font-weight:600}.header-section[data-v-193395f3] :deep(.page-header-content){text-align:left}.function-section[data-v-193395f3]{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;margin:0;padding:0 6rem 2rem 6rem;padding-top:30px;background-color:transparent;border:none;-webkit-box-shadow:none;box-shadow:none;border-radius:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:2rem}.function-section>[data-v-193395f3]{max-width:none}.control-panel[data-v-193395f3],.result-panel[data-v-193395f3]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:0;margin:0;background-color:transparent;border:none;-webkit-box-shadow:none;box-shadow:none;border-radius:0}.control-panel[data-v-193395f3]{max-width:30vw;-ms-flex-negative:0;flex-shrink:0;border:1px solid hsla(0,0%,75.3%,.3)!important;border-radius:6px!important;background:#fff!important;-webkit-box-shadow:none!important;box-shadow:none!important;padding:1.5rem!important;position:relative}.control-panel[data-v-193395f3]:before{display:none}.result-panel[data-v-193395f3]{max-width:520px;-ms-flex-negative:0;flex-shrink:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.info-panel[data-v-193395f3]{margin-top:3rem;margin-left:-2rem;padding:1rem;padding-bottom:1.5rem;background-color:#fff;border:1px solid #e9ecef;border-radius:6px;font-size:.8rem;line-height:1.4;width:calc(100% + 4rem)}.info-tags[data-v-193395f3]{margin-bottom:.75rem;line-height:1.6}.tag[data-v-193395f3]{color:#495057;font-weight:500;display:inline-block;margin-bottom:.2rem}.tag-separator[data-v-193395f3]{color:#6c757d;margin:0 .3rem}.info-description[data-v-193395f3]{color:#6c757d;margin-bottom:.75rem;font-style:italic}.info-template[data-v-193395f3]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.25rem}.template-item[data-v-193395f3]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.template-label[data-v-193395f3]{color:#495057;font-weight:500}.template-value[data-v-193395f3]{color:#6c757d;font-family:monospace}.panel-header[data-v-193395f3]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #e4e7ed}.panel-title[data-v-193395f3]{font-size:1.1rem;font-weight:600;color:#303133;margin:0}.control-group[data-v-193395f3]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.format-selector[data-v-193395f3]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.upgrade-btn[data-v-193395f3]{width:100%;font-weight:700;background-color:#e6a23c;border-color:#e6a23c}.upgrade-btn[data-v-193395f3]:hover{background-color:#cf9236;border-color:#cf9236}.control-item[data-v-193395f3]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:1rem}.control-item .label[data-v-193395f3]{font-weight:500;color:#606266}.image-control[data-v-193395f3]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-bottom:1.5rem}.image-control .image-size[data-v-193395f3]{font-size:.8rem;color:#909399;margin-bottom:.75rem}.upload-action-btn[data-v-193395f3]{width:100%;background-color:#f56c6c!important;border-color:#f56c6c!important}.upload-action-btn[data-v-193395f3]:hover{background-color:#f78989!important;border-color:#f78989!important}.color-control[data-v-193395f3]{margin-bottom:1.5rem}.color-picker-wrapper[data-v-193395f3]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.5rem;margin-top:.5rem;margin-left:1rem}.color-value[data-v-193395f3]{font-family:monospace;font-size:.9rem;color:#606266}.more-like-this-section[data-v-193395f3]{margin-top:0;margin-left:12rem;width:calc(100% + 4rem)}.background-control[data-v-193395f3]{margin-bottom:1.5rem}.upload-section[data-v-193395f3]{margin-bottom:2rem}.upload-label[data-v-193395f3]{display:block;font-size:1rem;font-weight:500;color:#606266;margin-bottom:.75rem}.image-uploader[data-v-193395f3]{margin-bottom:1rem}.render-section[data-v-193395f3]{margin-bottom:2rem}.render-button[data-v-193395f3]{width:100%;height:48px;font-size:16px;font-weight:700}.render-hint[data-v-193395f3]{font-size:.875rem;color:#909399;margin-top:.5rem;text-align:center}.alert-content[data-v-193395f3]{margin:0;font-size:.875rem;line-height:1.5}.vertical-divider[data-v-193395f3]{width:1px;background-color:#e4e7ed;margin:0;-ms-flex-item-align:stretch;align-self:stretch;opacity:.6}.canvas-container[data-v-193395f3]{width:95%}canvas[data-v-193395f3]{width:100%;height:auto}@media (max-width:768px){.page-container[data-v-193395f3] :deep(.header){width:100%!important;position:fixed!important;top:0!important}.mockup-tool-container[data-v-193395f3]{padding-top:0}.header-section[data-v-193395f3]{padding:0 1rem}.function-section[data-v-193395f3]{padding:1rem;gap:1rem}.function-section[data-v-193395f3],.unified-content-container[data-v-193395f3]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.unified-content-container[data-v-193395f3]{padding:0}.vertical-divider[data-v-193395f3]{width:100%;height:1px;margin:1.5rem 0}.control-panel[data-v-193395f3],.result-panel[data-v-193395f3]{max-width:100%!important;width:100%!important}.seo-content-section[data-v-193395f3]{margin-left:1rem;margin-right:1rem;padding:1.5rem}.seo-content-section h2[data-v-193395f3]{font-size:1.5rem}.more-like-this-section[data-v-193395f3]{margin-left:0;margin-right:0;width:100%;overflow:hidden}.audience-grid[data-v-193395f3],.internal-links-grid[data-v-193395f3],.steps-grid[data-v-193395f3]{grid-template-columns:1fr}.faq-item[data-v-193395f3]{padding:1rem}.faq-item h3[data-v-193395f3]{font-size:1rem}}.site-footer[data-v-193395f3]{border-top:1px solid #e9ecef;padding:2.5rem 2rem;background:#fff;max-width:1400px;margin:0 auto}.footer-grid[data-v-193395f3]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:4rem;margin-bottom:2rem}.footer-col ul[data-v-193395f3]{list-style:none;padding:0;margin:0}.footer-col li[data-v-193395f3]{margin-bottom:.5rem}.footer-col a[data-v-193395f3]{color:#374151;text-decoration:none;font-size:.9rem}.footer-col a[data-v-193395f3]:hover{color:#3b82f6;text-decoration:underline}.footer-heading[data-v-193395f3]{font-size:.85rem;font-weight:700;color:#111827;text-transform:uppercase;letter-spacing:.04em;margin:0 0 .75rem}.footer-copy[data-v-193395f3]{font-size:.82rem;color:#9ca3af;margin:0}@media (max-width:768px){.site-footer[data-v-193395f3]{padding:2rem 1rem}.footer-grid[data-v-193395f3]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:2rem}}:root{--primary-color:#e91e63;--primary-color-dark:#c2185b;--background-color:#fff;--card-background-color:#fff;--text-color-primary:#303133;--text-color-secondary:#606266;--border-color:#e4e7ed;--box-shadow:0 4px 12px rgba(0,0,0,0.08);--border-radius:8px}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:#fff;color:var(--text-color-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{width:100%;min-height:100vh}.el-button--primary{background-color:var(--primary-color)!important;border-color:var(--primary-color)!important;-webkit-transition:all .3s ease;transition:all .3s ease}.el-button--primary:hover{background-color:var(--primary-color-dark)!important;border-color:var(--primary-color-dark)!important}.el-card{border-radius:var(--border-radius)!important;border:1px solid var(--border-color)!important;-webkit-box-shadow:var(--box-shadow)!important;box-shadow:var(--box-shadow)!important}