.permission-tip[data-v-a44afcfd]{margin-bottom:24px}.raw-upload-hint[data-v-a44afcfd]{font-size:13px;color:#e6a23c;background:#fdf6ec;padding:8px 12px;border-radius:4px;margin-bottom:12px}.seo-tool-page[data-v-a44afcfd]{min-height:100vh;background:#f5f7fa}.page-container[data-v-a44afcfd]{max-width:900px;margin:0 auto;padding:40px 20px}.hero-section[data-v-a44afcfd]{text-align:center;margin-bottom:32px}.seo-title[data-v-a44afcfd]{font-size:28px;font-weight:700;color:#303133;margin-bottom:12px}.seo-desc[data-v-a44afcfd]{font-size:15px;color:#909399}.tool-section[data-v-a44afcfd]{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px}.upload-area[data-v-a44afcfd]{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-a44afcfd]:hover,.upload-area.is-dragover[data-v-a44afcfd]{border-color:#409eff;background:#ecf5ff}.upload-icon[data-v-a44afcfd]{font-size:40px;color:#c0c4cc;margin-bottom:12px}.upload-hint[data-v-a44afcfd]{font-size:12px;color:#c0c4cc;margin-top:8px}.convert-actions[data-v-a44afcfd]{display:flex;flex-direction:column;gap:16px}.option-row[data-v-a44afcfd]{display:flex;align-items:center;gap:12px;font-size:14px;color:#606266;flex-wrap:wrap}.file-preview-list[data-v-a44afcfd]{margin-bottom:20px;display:flex;flex-direction:column;gap:8px}.preview-item[data-v-a44afcfd]{display:flex;align-items:center;gap:12px;padding:8px 12px;background:#f5f7fa;border-radius:8px}.preview-thumb[data-v-a44afcfd]{width:48px;height:48px;border-radius:6px;overflow:hidden;flex-shrink:0;background:repeating-conic-gradient(#f5f5f5,#f5f5f5 25%,#fff 0%,#fff 50%) 50% / 8px 8px;display:flex;align-items:center;justify-content:center}.preview-thumb .raw-placeholder[data-v-a44afcfd]{font-size:24px;color:#909399}.preview-info[data-v-a44afcfd]{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.file-name[data-v-a44afcfd]{font-size:14px;color:#303133;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size[data-v-a44afcfd]{font-size:12px;color:#909399}.progress-area[data-v-a44afcfd]{margin-bottom:12px}.progress-text[data-v-a44afcfd]{font-size:12px;color:#909399;text-align:center;margin-top:4px}.results-area[data-v-a44afcfd]{margin-top:24px;padding-top:20px;border-top:1px solid #ebeef5}.results-area h3[data-v-a44afcfd]{font-size:16px;font-weight:600;color:#303133;margin-bottom:12px}.result-item[data-v-a44afcfd]{display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid #f5f7fa}.result-name[data-v-a44afcfd]{flex:1;font-size:14px;color:#606266}.result-size[data-v-a44afcfd]{font-size:13px;color:#909399}.result-thumb[data-v-a44afcfd]{width:48px;height:48px;border:1px solid #ebeef5;border-radius:4px;object-fit:cover}.result-info[data-v-a44afcfd]{flex:1;display:flex;flex-direction:column;gap:2px;font-size:13px;color:#303133}.result-error[data-v-a44afcfd]{display:flex;align-items:center;gap:8px;color:#f56c6c;font-size:13px;padding:8px}.seo-content-section[data-v-a44afcfd]{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px}.seo-content-section h2[data-v-a44afcfd]{font-size:22px;font-weight:600;color:#303133;margin-bottom:16px}.seo-content-section h3[data-v-a44afcfd]{font-size:17px;font-weight:600;color:#303133;margin:20px 0 8px}.seo-content-section p[data-v-a44afcfd]{font-size:14px;color:#606266;line-height:1.8}.related-section[data-v-a44afcfd]{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px}.related-section h2[data-v-a44afcfd]{font-size:22px;font-weight:600;color:#303133;margin-bottom:16px}.related-grid[data-v-a44afcfd]{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.related-card[data-v-a44afcfd]{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-a44afcfd]:hover{background:#ecf5ff;border-color:#409eff}.faq-section[data-v-a44afcfd]{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px}.faq-section h2[data-v-a44afcfd]{font-size:22px;font-weight:600;color:#303133;margin-bottom:16px}.faq-section p[data-v-a44afcfd]{font-size:14px;color:#606266;line-height:1.8}@media (max-width: 768px){.page-container[data-v-a44afcfd]{padding:24px 12px}.seo-title[data-v-a44afcfd]{font-size:22px}.related-grid[data-v-a44afcfd]{grid-template-columns:repeat(2,1fr)}.option-row[data-v-a44afcfd]{flex-direction:column;align-items:flex-start}}