.seo-tool-page[data-v-59830354]{min-height:100vh;background:#f5f7fa}.page-container[data-v-59830354]{max-width:900px;margin:0 auto;padding:40px 20px}.hero-section[data-v-59830354]{text-align:center;margin-bottom:32px}.seo-title[data-v-59830354]{font-size:28px;font-weight:700;color:#303133;margin-bottom:12px}.seo-desc[data-v-59830354]{font-size:15px;color:#909399}.tool-section[data-v-59830354]{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px}.upload-area[data-v-59830354]{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-59830354]:hover,.upload-area.is-dragover[data-v-59830354]{border-color:#409eff;background:#ecf5ff}.upload-icon[data-v-59830354]{font-size:40px;color:#c0c4cc;margin-bottom:12px}.upload-hint[data-v-59830354]{font-size:12px;color:#c0c4cc;margin-top:8px}.file-preview-area[data-v-59830354]{margin-bottom:20px;padding:12px 16px;background:#f5f7fa;border-radius:8px}.preview-header[data-v-59830354]{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#606266;margin-bottom:8px}.file-list[data-v-59830354]{max-height:200px;overflow-y:auto}.file-item[data-v-59830354]{display:flex;align-items:center;gap:12px;padding:6px 0;border-bottom:1px solid #ebeef5;font-size:13px}.file-item[data-v-59830354]:last-child{border-bottom:none}.file-item .file-name[data-v-59830354]{flex:1;color:#606266;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-item .file-size[data-v-59830354]{color:#909399}.progress-area[data-v-59830354]{padding:8px 0}.progress-text[data-v-59830354]{font-size:12px;color:#909399;margin-top:6px;text-align:center}.convert-actions[data-v-59830354]{display:flex;flex-direction:column;gap:12px}.option-row[data-v-59830354]{display:flex;align-items:center;gap:12px;font-size:14px;color:#606266;flex-wrap:wrap}.quality-tip[data-v-59830354]{display:flex;align-items:center;gap:8px}.tip-text[data-v-59830354]{font-size:12px;color:#909399}.results-area[data-v-59830354]{margin-top:24px;padding-top:20px;border-top:1px solid #ebeef5}.results-area h3[data-v-59830354]{font-size:16px;font-weight:600;color:#303133;margin-bottom:16px}.total-stats[data-v-59830354]{display:flex;gap:24px;margin-bottom:20px;padding:16px;background:#f5f7fa;border-radius:8px}.stat-item[data-v-59830354]{display:flex;flex-direction:column;gap:4px}.stat-label[data-v-59830354]{font-size:12px;color:#909399}.stat-value[data-v-59830354]{font-size:18px;font-weight:600;color:#303133}.stat-value.highlight[data-v-59830354]{color:#67c23a}.compare-list[data-v-59830354]{display:flex;flex-direction:column;gap:8px}.compare-item[data-v-59830354]{display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid #f5f7fa}.file-name[data-v-59830354]{flex:1;font-size:14px;color:#606266;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.size-compare[data-v-59830354]{display:flex;align-items:center;gap:8px;font-size:13px}.original[data-v-59830354]{color:#909399;text-decoration:line-through}.arrow[data-v-59830354]{color:#c0c4cc}.compressed[data-v-59830354]{color:#67c23a;font-weight:600}.info-section[data-v-59830354]{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px}.info-section h2[data-v-59830354]{font-size:22px;font-weight:600;color:#303133;margin-bottom:16px}.info-section h3[data-v-59830354]{font-size:17px;font-weight:600;color:#303133;margin:20px 0 12px}.info-section p[data-v-59830354]{font-size:14px;color:#606266;line-height:1.8;margin-bottom:12px}.info-section ul[data-v-59830354]{padding-left:20px;margin-bottom:12px}.info-section li[data-v-59830354]{font-size:14px;color:#606266;line-height:2}.related-section[data-v-59830354]{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px}.related-section h2[data-v-59830354]{font-size:22px;font-weight:600;color:#303133;margin-bottom:16px}.related-grid[data-v-59830354]{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.related-card[data-v-59830354]{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-59830354]:hover{background:#ecf5ff;border-color:#409eff}.faq-section[data-v-59830354]{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px}.faq-section h2[data-v-59830354]{font-size:22px;font-weight:600;color:#303133;margin-bottom:16px}.faq-section p[data-v-59830354]{font-size:14px;color:#606266;line-height:1.8}@media (max-width: 768px){.page-container[data-v-59830354]{padding:24px 12px}.seo-title[data-v-59830354]{font-size:22px}.related-grid[data-v-59830354]{grid-template-columns:repeat(2,1fr)}.total-stats[data-v-59830354]{flex-direction:column;gap:12px}.option-row[data-v-59830354]{flex-direction:column;align-items:flex-start}.size-compare[data-v-59830354]{flex-wrap:wrap}}