.seo-tool-page[data-v-586ae4f9]{min-height:100vh;background:#f5f7fa}.page-container[data-v-586ae4f9]{max-width:900px;margin:0 auto;padding:40px 20px}.hero-section[data-v-586ae4f9]{text-align:center;margin-bottom:32px}.seo-title[data-v-586ae4f9]{font-size:28px;font-weight:700;color:#303133;margin-bottom:12px}.seo-desc[data-v-586ae4f9]{font-size:15px;color:#909399}.tool-section[data-v-586ae4f9]{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px}.upload-area[data-v-586ae4f9]{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-586ae4f9]:hover,.upload-area.is-dragover[data-v-586ae4f9]{border-color:#409eff;background:#ecf5ff}.upload-icon[data-v-586ae4f9]{font-size:40px;color:#c0c4cc;margin-bottom:12px}.upload-hint[data-v-586ae4f9]{font-size:12px;color:#c0c4cc;margin-top:8px}.preview-and-settings[data-v-586ae4f9]{display:flex;gap:24px}.preview-section[data-v-586ae4f9]{width:240px;flex-shrink:0}.preview-section h4[data-v-586ae4f9],.options-section h4[data-v-586ae4f9]{font-size:14px;font-weight:600;color:#303133;margin-bottom:12px}.preview-img-box[data-v-586ae4f9]{width:240px;height:320px;border:1px solid #ebeef5;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#f5f7fa}.preview-img-box img[data-v-586ae4f9]{max-width:100%;max-height:100%;object-fit:contain}.options-section[data-v-586ae4f9]{flex:1}.option-group[data-v-586ae4f9]{margin-bottom:20px}.progress-area[data-v-586ae4f9]{padding:8px 0;margin-bottom:12px}.progress-text[data-v-586ae4f9]{font-size:12px;color:#909399;margin-top:6px;text-align:center}.size-grid[data-v-586ae4f9]{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.size-card[data-v-586ae4f9]{padding:10px;border:2px solid #ebeef5;border-radius:8px;cursor:pointer;text-align:center;transition:all .3s}.size-card[data-v-586ae4f9]:hover{border-color:#409eff}.size-card.active[data-v-586ae4f9]{border-color:#409eff;background:#ecf5ff}.size-card h5[data-v-586ae4f9]{font-size:14px;font-weight:600;color:#303133;margin-bottom:4px}.size-card p[data-v-586ae4f9]{font-size:12px;color:#909399;margin-bottom:2px}.size-px[data-v-586ae4f9]{font-size:11px!important;color:#c0c4cc!important}.color-options[data-v-586ae4f9]{display:flex;gap:12px}.color-card[data-v-586ae4f9]{display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;padding:8px;border:2px solid #ebeef5;border-radius:8px;transition:all .3s}.color-card[data-v-586ae4f9]:hover{border-color:#409eff}.color-card.active[data-v-586ae4f9]{border-color:#409eff;background:#ecf5ff}.color-swatch[data-v-586ae4f9]{width:40px;height:40px;border-radius:6px;border:1px solid #ebeef5}.color-card span[data-v-586ae4f9]{font-size:12px;color:#606266}.results-area[data-v-586ae4f9]{margin-top:24px;padding-top:20px;border-top:1px solid #ebeef5}.results-area h3[data-v-586ae4f9]{font-size:16px;font-weight:600;color:#303133;margin-bottom:16px}.result-preview[data-v-586ae4f9]{display:flex;justify-content:center;margin-bottom:16px}.result-img-box[data-v-586ae4f9]{width:200px;height:280px;border:1px solid #ebeef5;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center}.result-img-box img[data-v-586ae4f9]{max-width:100%;max-height:100%;object-fit:contain}.result-info[data-v-586ae4f9]{text-align:center;margin-bottom:16px}.result-info p[data-v-586ae4f9]{font-size:14px;color:#606266;margin-bottom:4px}.result-actions[data-v-586ae4f9]{display:flex;gap:12px;justify-content:center}.info-section[data-v-586ae4f9]{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px}.info-section h2[data-v-586ae4f9]{font-size:22px;font-weight:600;color:#303133;margin-bottom:16px}.info-section h3[data-v-586ae4f9]{font-size:17px;font-weight:600;color:#303133;margin:20px 0 12px}.info-section p[data-v-586ae4f9]{font-size:14px;color:#606266;line-height:1.8;margin-bottom:12px}.info-section ul[data-v-586ae4f9]{padding-left:20px;margin-bottom:12px}.info-section li[data-v-586ae4f9]{font-size:14px;color:#606266;line-height:2}.related-section[data-v-586ae4f9]{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px}.related-section h2[data-v-586ae4f9]{font-size:22px;font-weight:600;color:#303133;margin-bottom:16px}.related-grid[data-v-586ae4f9]{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.related-card[data-v-586ae4f9]{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-586ae4f9]:hover{background:#ecf5ff;border-color:#409eff}.faq-section[data-v-586ae4f9]{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px}.faq-section h2[data-v-586ae4f9]{font-size:22px;font-weight:600;color:#303133;margin-bottom:16px}.faq-section p[data-v-586ae4f9]{font-size:14px;color:#606266;line-height:1.8}@media (max-width: 768px){.page-container[data-v-586ae4f9]{padding:24px 12px}.seo-title[data-v-586ae4f9]{font-size:22px}.preview-and-settings[data-v-586ae4f9]{flex-direction:column}.preview-section[data-v-586ae4f9]{width:100%}.preview-img-box[data-v-586ae4f9]{width:100%;height:240px}.size-grid[data-v-586ae4f9]{grid-template-columns:repeat(2,1fr)}.color-options[data-v-586ae4f9]{flex-wrap:wrap}.related-grid[data-v-586ae4f9]{grid-template-columns:repeat(2,1fr)}.result-actions[data-v-586ae4f9]{flex-direction:column;align-items:center}}