.seo-tool-page[data-v-708c1821]{min-height:100vh;background:#f5f7fa}.page-container[data-v-708c1821]{max-width:900px;margin:0 auto;padding:40px 20px}.hero-section[data-v-708c1821]{text-align:center;margin-bottom:32px}.seo-title[data-v-708c1821]{font-size:28px;font-weight:700;color:#303133;margin-bottom:12px}.seo-desc[data-v-708c1821]{font-size:15px;color:#909399}.tool-section[data-v-708c1821]{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px}.upload-area[data-v-708c1821]{border:2px dashed #dcdfe6;border-radius:10px;padding:40px 20px;text-align:center;cursor:pointer;transition:all .3s;margin-bottom:20px}.upload-area[data-v-708c1821]:hover,.upload-area.is-dragover[data-v-708c1821]{border-color:#409eff;background:#ecf5ff}.upload-icon[data-v-708c1821]{font-size:40px;color:#c0c4cc;margin-bottom:12px}.upload-hint[data-v-708c1821]{font-size:12px;color:#c0c4cc;margin-top:8px}.convert-actions[data-v-708c1821]{display:flex;flex-direction:column;gap:16px}.option-row[data-v-708c1821]{display:flex;align-items:center;gap:12px;font-size:14px;color:#606266;flex-wrap:wrap}.progress-area[data-v-708c1821]{padding:8px 0}.progress-text[data-v-708c1821]{font-size:12px;color:#909399;margin-top:6px;text-align:center}.results-area[data-v-708c1821]{margin-top:24px;padding-top:20px;border-top:1px solid #ebeef5}.results-area h3[data-v-708c1821]{font-size:16px;font-weight:600;color:#303133;margin-bottom:16px}.preview-compare[data-v-708c1821]{display:flex;gap:24px;justify-content:center}.preview-box[data-v-708c1821]{text-align:center}.preview-box h4[data-v-708c1821]{font-size:14px;color:#909399;margin-bottom:8px}.preview-img-wrapper[data-v-708c1821]{width:240px;height:240px;border:1px solid #ebeef5;border-radius:8px;display:flex;align-items:center;justify-content:center;overflow:hidden}.preview-img-wrapper.checkerboard[data-v-708c1821]{background:repeating-conic-gradient(#f5f5f5,#f5f5f5 25%,#fff 0%,#fff 50%) 50% / 16px 16px}.preview-img-wrapper img[data-v-708c1821]{max-width:100%;max-height:100%;object-fit:contain}.info-section[data-v-708c1821]{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px}.info-section h2[data-v-708c1821]{font-size:22px;font-weight:600;color:#303133;margin-bottom:16px}.info-section h3[data-v-708c1821]{font-size:17px;font-weight:600;color:#303133;margin:20px 0 12px}.info-section p[data-v-708c1821]{font-size:14px;color:#606266;line-height:1.8;margin-bottom:12px}.info-section ul[data-v-708c1821]{padding-left:20px;margin-bottom:12px}.info-section li[data-v-708c1821]{font-size:14px;color:#606266;line-height:2}.related-section[data-v-708c1821]{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px}.related-section h2[data-v-708c1821]{font-size:22px;font-weight:600;color:#303133;margin-bottom:16px}.related-grid[data-v-708c1821]{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.related-card[data-v-708c1821]{text-align:center;padding:16px;border:1px solid #ebeef5;border-radius:8px;cursor:pointer;font-size:14px;color:#409eff;transition:all .3s}.related-card[data-v-708c1821]:hover{background:#ecf5ff;border-color:#409eff}.faq-section[data-v-708c1821]{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px}.faq-section h2[data-v-708c1821]{font-size:22px;font-weight:600;color:#303133;margin-bottom:16px}.faq-section p[data-v-708c1821]{font-size:14px;color:#606266;line-height:1.8}@media (max-width: 768px){.page-container[data-v-708c1821]{padding:24px 12px}.seo-title[data-v-708c1821]{font-size:22px}.related-grid[data-v-708c1821]{grid-template-columns:repeat(2,1fr)}.preview-compare[data-v-708c1821]{flex-direction:column;align-items:center}.option-row[data-v-708c1821]{flex-direction:column;align-items:flex-start}}