diff --git a/apps/jingrow/frontend/src/app/router/index.ts b/apps/jingrow/frontend/src/app/router/index.ts
index 78bcec6..e226c19 100644
--- a/apps/jingrow/frontend/src/app/router/index.ts
+++ b/apps/jingrow/frontend/src/app/router/index.ts
@@ -18,6 +18,12 @@ const router = createRouter({
     },
     {
       path: '/',
+      name: 'HomePage',
+      component: () => import('../../views/HomePage.vue'),
+      meta: { requiresAuth: false }
+    },
+    {
+      path: '/app',
       name: 'AppLayout',
       component: () => import('../layouts/AppLayout.vue'),
       meta: { requiresAuth: true },
diff --git a/apps/jingrow/frontend/src/locales/zh-CN.json b/apps/jingrow/frontend/src/locales/zh-CN.json
index 7724eea..50b8a72 100644
--- a/apps/jingrow/frontend/src/locales/zh-CN.json
+++ b/apps/jingrow/frontend/src/locales/zh-CN.json
@@ -17,7 +17,7 @@
   "Pending Review": "待审核",
   "Dashboard": "仪表板",
   "Agents": "AI智能体",
-  "Settings": "设置",
+  "Settings": "系统设置",
   "Agent Detail": "智能体详情",
   "Flow Builder": "流程编排",
   "Profile": "个人资料",
diff --git a/apps/jingrow/frontend/src/views/HomePage.vue b/apps/jingrow/frontend/src/views/HomePage.vue
new file mode 100644
index 0000000..a7a4a01
--- /dev/null
+++ b/apps/jingrow/frontend/src/views/HomePage.vue
@@ -0,0 +1,1602 @@
+<script setup lang="ts">
+import { computed, ref, watch, onMounted, onUnmounted, nextTick } from 'vue'
+import { useRouter } from 'vue-router'
+import { NButton, NSpace, useMessage } from 'naive-ui'
+import { useSEO } from '@/shared/composables/useSEO'
+import { t } from '@/shared/i18n'
+import axios from 'axios'
+
+const router = useRouter()
+const message = useMessage()
+const appName = computed(() => localStorage.getItem('appName') || 'Jingrow')
+const currentYear = computed(() => new Date().getFullYear())
+const logoUrl = computed(() => '/logo.svg')
+
+const handleLogin = () => router.push('/login')
+const handleSignup = () => router.push('/signup')
+
+useSEO({
+  title: t('Remove Background - Free AI Background Removal Tool'),
+  description: t('Remove background from images using AI technology. Free online tool to remove image backgrounds instantly. Supports JPG, PNG, WebP formats.'),
+  keywords: t('remove background, AI background removal, online background remover, image processing, background removal tool, transparent background, free tool')
+})
+
+interface HistoryItem {
+  id: string
+  originalImageUrl: string
+  originalImageFile: File | null
+  resultImage: string
+  timestamp: number
+}
+
+const fileInputRef = ref<HTMLInputElement | null>(null)
+const urlInputRef = ref<HTMLInputElement | null>(null)
+const uploadedImage = ref<File | null>(null)
+const uploadedImageUrl = ref<string>('')
+const resultImage = ref<string>('')
+const imageUrl = ref<string>('')
+const resultImageUrl = computed(() => {
+  if (!resultImage.value) return ''
+  return resultImage.value
+})
+
+const historyList = ref<HistoryItem[]>([])
+const currentHistoryIndex = ref<number>(-1)
+const isDragging = ref(false)
+const dragCounter = ref(0)
+const processing = ref(false)
+const splitPosition = ref(0)
+const comparisonContainerRef = ref<HTMLElement | null>(null)
+const originalImageRef = ref<HTMLImageElement | null>(null)
+const resultImageRef = ref<HTMLImageElement | null>(null)
+const isDraggingSplitLine = ref(false)
+
+const handleDragEnter = (e: DragEvent) => {
+  e.preventDefault()
+  e.stopPropagation()
+  if (e.dataTransfer?.types.includes('Files')) {
+    dragCounter.value++
+    isDragging.value = true
+  }
+}
+
+const handleDragOver = (e: DragEvent) => {
+  e.preventDefault()
+  e.stopPropagation()
+  if (e.dataTransfer?.types.includes('Files')) {
+    e.dataTransfer.dropEffect = 'copy'
+    isDragging.value = true
+  }
+}
+
+const handleDragLeave = (e: DragEvent) => {
+  e.preventDefault()
+  e.stopPropagation()
+  if (e.dataTransfer?.types.includes('Files')) {
+    dragCounter.value = Math.max(0, dragCounter.value - 1)
+    if (dragCounter.value === 0) {
+      isDragging.value = false
+    }
+  }
+}
+
+const handleDrop = (e: DragEvent) => {
+  e.preventDefault()
+  e.stopPropagation()
+  dragCounter.value = 0
+  isDragging.value = false
+  
+  const file = e.dataTransfer?.files[0]
+  if (file && file.type.startsWith('image/')) {
+    processFile(file)
+  } else {
+    message.warning('请上传图片文件')
+  }
+  return false
+}
+
+const triggerFileInput = () => {
+  fileInputRef.value?.click()
+}
+
+const handleFileSelect = (e: Event) => {
+  const target = e.target as HTMLInputElement
+  const file = target.files?.[0]
+  if (file) {
+    processFile(file)
+  }
+}
+
+const processFile = (file: File) => {
+  const validTypes = ['image/jpeg', 'image/jpg', 'image/png', 'image/webp']
+  if (!validTypes.includes(file.type)) {
+    message.warning('不支持的图片格式，请使用 JPG、PNG 或 WebP')
+    return
+  }
+
+  const maxSize = 10 * 1024 * 1024
+  if (file.size > maxSize) {
+    message.warning('图片大小超过 10MB 限制')
+    return
+  }
+
+  uploadedImage.value = file
+  resultImage.value = ''
+  splitPosition.value = 0
+  currentHistoryIndex.value = -1
+  
+  const reader = new FileReader()
+  reader.onload = (e) => {
+    uploadedImageUrl.value = e.target?.result as string
+    handleRemoveBackground()
+  }
+  reader.readAsDataURL(file)
+}
+
+const handleRemoveBackground = async () => {
+  if (!uploadedImage.value) {
+    message.warning('请先上传图片')
+    return
+  }
+
+  processing.value = true
+  resultImage.value = ''
+
+  try {
+    const formData = new FormData()
+    formData.append('file', uploadedImage.value)
+
+    // 使用 file/free API，无需认证
+    // 注意：不要手动设置 Content-Type，让浏览器自动设置（包含 boundary）
+    const response = await axios.post(
+      '/jingrow.tools.remove_background.remove_background.remove_background_from_file_free',
+      formData,
+      {
+        timeout: 180000
+      }
+    )
+
+    if (response.data?.success && response.data?.data) {
+      const result = response.data.data
+      
+      // 处理返回格式（与 remove_background_from_file 一致）
+      // result 是函数返回的字典，包含 success、data 数组等字段
+      if (result.success && result.data && Array.isArray(result.data) && result.data.length > 0) {
+        const firstResult = result.data[0]
+        if (firstResult.success && firstResult.image_url) {
+          resultImage.value = firstResult.image_url
+          
+          // 添加到历史记录
+          if (currentHistoryIndex.value === -1 && uploadedImage.value && uploadedImageUrl.value) {
+            const historyItem: HistoryItem = {
+              id: `history-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`,
+              originalImageUrl: uploadedImageUrl.value,
+              originalImageFile: uploadedImage.value,
+              resultImage: firstResult.image_url,
+              timestamp: Date.now()
+            }
+            historyList.value.unshift(historyItem)
+            currentHistoryIndex.value = 0
+          } else if (currentHistoryIndex.value >= 0) {
+            historyList.value[currentHistoryIndex.value].resultImage = firstResult.image_url
+          }
+        } else {
+          message.error(firstResult.error || '去背景失败')
+        }
+      } else {
+        message.error(result.error || '去背景失败')
+      }
+    } else {
+      message.error(response.data?.error || response.data?.message || '去背景失败')
+    }
+  } catch (error: any) {
+    let errorMessage = '去背景失败'
+    if (error.response?.data?.error) {
+      errorMessage = error.response.data.error
+    } else if (error.message) {
+      errorMessage = error.message
+    }
+    message.error(errorMessage)
+  } finally {
+    processing.value = false
+  }
+}
+
+const handleDownload = async () => {
+  if (!resultImage.value) return
+
+  try {
+    const response = await fetch(resultImage.value)
+    const blob = await response.blob()
+    const blobUrl = URL.createObjectURL(blob)
+    const link = document.createElement('a')
+    link.href = blobUrl
+    link.download = `removed-background-${Date.now()}.png`
+    link.click()
+    URL.revokeObjectURL(blobUrl)
+  } catch (error) {
+    message.error('下载失败')
+  }
+}
+
+const resetUpload = () => {
+  if (uploadedImageUrl.value && uploadedImageUrl.value.startsWith('blob:')) {
+    URL.revokeObjectURL(uploadedImageUrl.value)
+  }
+  uploadedImage.value = null
+  uploadedImageUrl.value = ''
+  resultImage.value = ''
+  imageUrl.value = ''
+  splitPosition.value = 0
+  currentHistoryIndex.value = -1
+  if (fileInputRef.value) {
+    fileInputRef.value.value = ''
+  }
+  if (comparisonContainerRef.value) {
+    comparisonContainerRef.value.style.width = ''
+    comparisonContainerRef.value.style.height = ''
+  }
+}
+
+const adjustContainerSize = async () => {
+  await nextTick()
+  // 等待多个渲染周期确保 DOM 完全更新
+  await new Promise(resolve => setTimeout(resolve, 0))
+  
+  const container = comparisonContainerRef.value
+  if (!container) return
+    
+  const img = originalImageRef.value || resultImageRef.value
+  if (!img) return
+    
+  const previewSection = container.closest('.preview-section') as HTMLElement
+  if (!previewSection) return
+    
+  // 使用 getBoundingClientRect 获取实际渲染尺寸
+  const previewRect = previewSection.getBoundingClientRect()
+  const padding = 24
+  const maxAvailableWidth = Math.max(0, previewRect.width - padding)
+  const maxAvailableHeight = Math.max(0, previewRect.height - padding)
+  
+  // 如果高度为0或太小，多次重试
+  if (maxAvailableWidth <= 0 || maxAvailableHeight <= 0 || maxAvailableHeight < 100) {
+    setTimeout(adjustContainerSize, 100)
+    return
+  }
+    
+  if (!img.complete) {
+    img.addEventListener('load', adjustContainerSize, { once: true })
+    return
+  }
+    
+  const { naturalWidth, naturalHeight } = img
+  if (naturalWidth === 0 || naturalHeight === 0) return
+    
+  const scale = Math.min(
+    maxAvailableWidth / naturalWidth,
+    maxAvailableHeight / naturalHeight,
+    1
+  )
+    
+  container.style.width = `${naturalWidth * scale}px`
+  container.style.height = `${naturalHeight * scale}px`
+}
+
+watch([uploadedImageUrl, resultImageUrl], adjustContainerSize, { immediate: true })
+
+const handleResize = () => {
+  adjustContainerSize()
+}
+
+const handleSplitLineMouseDown = (e: MouseEvent) => {
+  e.preventDefault()
+  isDraggingSplitLine.value = true
+  
+  const handleMouseMove = (moveEvent: MouseEvent) => {
+    if (!comparisonContainerRef.value || !isDraggingSplitLine.value) return
+    
+    const rect = comparisonContainerRef.value.getBoundingClientRect()
+    const x = moveEvent.clientX - rect.left
+    const percentage = Math.max(0, Math.min(100, (x / rect.width) * 100))
+    splitPosition.value = percentage
+  }
+  
+  const handleMouseUp = () => {
+    isDraggingSplitLine.value = false
+    document.removeEventListener('mousemove', handleMouseMove)
+    document.removeEventListener('mouseup', handleMouseUp)
+  }
+  
+  document.addEventListener('mousemove', handleMouseMove)
+  document.addEventListener('mouseup', handleMouseUp)
+}
+
+const handlePaste = async (event: ClipboardEvent) => {
+  const items = event.clipboardData?.items
+  if (!items) return
+
+  // 检查是否有图片数据
+  for (let i = 0; i < items.length; i++) {
+    const item = items[i]
+    if (item.type.indexOf('image') !== -1) {
+      event.preventDefault()
+      const file = item.getAsFile()
+      if (file) {
+        processFile(file)
+      }
+      return
+    }
+  }
+
+  // 检查是否有文本URL
+  const text = event.clipboardData?.getData('text')
+  if (text && isValidImageUrl(text)) {
+    event.preventDefault()
+    imageUrl.value = text.trim()
+    await handleUrlSubmit()
+  }
+}
+
+const isValidImageUrl = (url: string): boolean => {
+  if (!url || typeof url !== 'string') return false
+  try {
+    const urlObj = new URL(url)
+    const pathname = urlObj.pathname.toLowerCase()
+    const imageExtensions = ['.jpg', '.jpeg', '.png', '.webp', '.gif', '.bmp']
+    return imageExtensions.some(ext => pathname.endsWith(ext)) || 
+           urlObj.pathname.match(/\.(jpg|jpeg|png|webp|gif|bmp)(\?|$)/i) !== null
+  } catch {
+    return false
+  }
+}
+
+const handleUrlPaste = async (event: ClipboardEvent) => {
+  const text = event.clipboardData?.getData('text')
+  if (text && isValidImageUrl(text)) {
+    event.preventDefault()
+    imageUrl.value = text.trim()
+    await handleUrlSubmit()
+  }
+}
+
+const handleUrlSubmit = async () => {
+  const url = imageUrl.value.trim()
+  if (!url) {
+    message.warning('请输入图片URL')
+    return
+  }
+
+  if (!isValidImageUrl(url)) {
+    message.warning('请输入有效的图片URL')
+    return
+  }
+
+  processing.value = true
+  resultImage.value = ''
+  splitPosition.value = 0
+  currentHistoryIndex.value = -1
+
+  try {
+    const response = await fetch(url, { mode: 'cors' })
+    if (!response.ok) {
+      throw new Error(`Failed to load image: ${response.status}`)
+    }
+
+    const blob = await response.blob()
+    
+    const validTypes = ['image/jpeg', 'image/jpg', 'image/png', 'image/webp']
+    if (!validTypes.includes(blob.type)) {
+      message.warning('不支持的图片格式，请使用 JPG、PNG 或 WebP')
+      processing.value = false
+      return
+    }
+
+    const maxSize = 10 * 1024 * 1024
+    if (blob.size > maxSize) {
+      message.warning('图片大小超过 10MB 限制')
+      processing.value = false
+      return
+    }
+
+    const file = new File([blob], 'image-from-url', { type: blob.type })
+    uploadedImage.value = file
+    
+    uploadedImageUrl.value = URL.createObjectURL(blob)
+    
+    await handleRemoveBackground()
+  } catch (error: any) {
+    console.error('加载图片URL失败:', error)
+    let errorMessage = '加载图片URL失败'
+    
+    if (error.message?.includes('CORS')) {
+      errorMessage = 'CORS错误。图片服务器不允许跨域访问。'
+    } else if (error.message?.includes('Failed to load')) {
+      errorMessage = '加载图片失败。请检查URL并重试。'
+    }
+    
+    message.error(errorMessage)
+    processing.value = false
+  }
+}
+
+const selectHistoryItem = (index: number) => {
+  if (index < 0 || index >= historyList.value.length) return
+  
+  const item = historyList.value[index]
+  currentHistoryIndex.value = index
+  uploadedImageUrl.value = item.originalImageUrl
+  resultImage.value = item.resultImage
+  splitPosition.value = 0
+  uploadedImage.value = item.originalImageFile
+}
+
+const getHistoryThumbnailUrl = (item: HistoryItem): string => {
+  if (item.resultImage) {
+    return item.resultImage
+  }
+  return item.originalImageUrl
+}
+
+const removeHistoryItem = (index: number) => {
+  if (index < 0 || index >= historyList.value.length) return
+
+  const removingCurrent = currentHistoryIndex.value === index
+  historyList.value.splice(index, 1)
+
+  if (historyList.value.length === 0) {
+    currentHistoryIndex.value = -1
+    resetUpload()
+    return
+  }
+
+  if (removingCurrent) {
+    const nextIndex = Math.min(index, historyList.value.length - 1)
+    selectHistoryItem(nextIndex)
+  } else if (currentHistoryIndex.value > index) {
+    currentHistoryIndex.value -= 1
+  }
+}
+
+onMounted(() => {
+  window.addEventListener('resize', handleResize)
+  window.addEventListener('paste', handlePaste)
+})
+
+onUnmounted(() => {
+  window.removeEventListener('resize', handleResize)
+  window.removeEventListener('paste', handlePaste)
+  if (uploadedImageUrl.value && uploadedImageUrl.value.startsWith('blob:')) {
+    URL.revokeObjectURL(uploadedImageUrl.value)
+  }
+})
+</script>
+
+<template>
+  <div class="home-page" @dragenter="handleDragEnter" @dragover="handleDragOver" @dragleave="handleDragLeave" @drop="handleDrop">
+    <!-- Header -->
+    <header class="marketing-header">
+      <div class="header-container">
+        <div class="header-left">
+          <router-link to="/" class="logo-link">
+            <img v-if="logoUrl" :src="logoUrl" :alt="appName" class="logo-img" />
+            <span v-else class="logo-text">{{ appName }}</span>
+          </router-link>
+        </div>
+        <div class="header-right">
+          <n-space :size="12">
+            <n-button quaternary @click="handleSignup">注册</n-button>
+            <n-button type="primary" @click="handleLogin" class="login-btn">登录</n-button>
+          </n-space>
+        </div>
+      </div>
+    </header>
+
+    <!-- Main Content -->
+    <main class="main-content">
+      <div v-if="isDragging" class="global-drag-overlay">
+        <div class="overlay-content">
+          <p>拖放图片到任意位置去除背景</p>
+        </div>
+      </div>
+      
+      <input ref="fileInputRef" type="file" accept="image/*" style="display: none" @change="handleFileSelect" />
+      
+      <div class="tool-page">
+        <div class="page-header">
+          <h2>去除背景</h2>
+          <div v-if="uploadedImage" class="toolbar-actions">
+            <button v-if="resultImage" class="toolbar-btn" @click="handleDownload" title="下载">
+              <i class="fa fa-download"></i>
+            </button>
+            <button class="toolbar-btn" @click="resetUpload" title="更换图片">
+              <i class="fa fa-refresh"></i>
+            </button>
+          </div>
+        </div>
+
+        <div class="page-content">
+          <div class="tool-container">
+            <div class="upload-section">
+              <div v-if="!uploadedImage" class="upload-area" :class="{ dragging: isDragging }">
+                <div class="upload-content">
+                  <button type="button" class="upload-btn" @click="triggerFileInput" :disabled="processing">
+                    <i class="fa fa-upload"></i>
+                    <span>上传图片</span>
+                  </button>
+                  
+                  <div class="divider">
+                    <span>或</span>
+                  </div>
+                  
+                  <div class="url-input-wrapper" @click.stop>
+                    <input
+                      ref="urlInputRef"
+                      v-model="imageUrl"
+                      type="text"
+                      class="url-input"
+                      placeholder="粘贴图片URL"
+                      @keyup.enter="handleUrlSubmit"
+                      @paste="handleUrlPaste"
+                      :disabled="processing"
+                    />
+                  </div>
+                  
+                  <p class="upload-hint">拖放图片到任意位置，或直接粘贴图片</p>
+                  <p class="upload-format-hint">支持 JPG、PNG、WebP 格式</p>
+                </div>
+                <div v-if="processing" class="upload-processing-overlay">
+                  <div class="spinner"></div>
+                  <p>加载图片URL中...</p>
+                </div>
+              </div>
+
+              <div v-else class="preview-section">
+                <div class="comparison-view" v-if="resultImage">
+                  <div class="comparison-container" ref="comparisonContainerRef">
+                    <div class="comparison-image original-image" :style="{ clipPath: `inset(0 ${100 - splitPosition}% 0 0)` }">
+                      <img ref="originalImageRef" :src="uploadedImageUrl" alt="原图" @load="adjustContainerSize" />
+                    </div>
+                    <div class="comparison-image result-image" :style="{ clipPath: `inset(0 0 0 ${splitPosition}%)` }">
+                      <img ref="resultImageRef" :src="resultImageUrl" alt="结果" @load="adjustContainerSize" />
+                    </div>
+                    <div class="split-line" :class="{ dragging: isDraggingSplitLine }" :style="{ left: `${splitPosition}%` }" @mousedown.prevent.stop="handleSplitLineMouseDown">
+                      <div class="split-line-handle">
+                        <i class="fa fa-arrows-h"></i>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div v-else class="single-image-view">
+                  <div class="image-wrapper">
+                    <img :src="uploadedImageUrl" alt="原图" />
+                    <div v-if="processing" class="processing-overlay">
+                      <div class="spinner"></div>
+                      <p>处理中...</p>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+
+            <div v-if="historyList.length > 0 || uploadedImage" class="history-bar">
+              <div class="history-scroll-container">
+                <button 
+                  type="button"
+                  class="history-item add-button"
+                  @click.stop="triggerFileInput"
+                  title="添加新图片"
+                >
+                  <i class="fa fa-plus"></i>
+                </button>
+
+                <div
+                  v-for="(item, index) in historyList"
+                  :key="item.id"
+                  class="history-item"
+                  :class="{ 'active': currentHistoryIndex === index }"
+                  @click="selectHistoryItem(index)"
+                >
+                  <div class="history-thumbnail">
+                    <img :src="getHistoryThumbnailUrl(item)" alt="History" />
+                    <button
+                      type="button"
+                      class="history-delete-btn"
+                      @click.stop="removeHistoryItem(index)"
+                      title="删除"
+                      :aria-label="'删除'"
+                    ></button>
+                  </div>
+                </div>
+
+                <div
+                  v-if="uploadedImage && resultImage && currentHistoryIndex === -1"
+                  class="history-item active"
+                >
+                  <div class="history-thumbnail">
+                    <img :src="resultImageUrl" alt="Current" />
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </main>
+
+    <!-- Footer -->
+    <footer class="marketing-footer">
+      <div class="footer-container">
+        <div class="footer-grid">
+          <div class="footer-column">
+            <h3 class="footer-title">关于我们</h3>
+            <ul class="footer-links">
+              <li><a href="#about">关于</a></li>
+              <li><a href="#team">团队</a></li>
+              <li><a href="#careers">招聘</a></li>
+              <li><a href="#contact">联系我们</a></li>
+            </ul>
+          </div>
+          <div class="footer-column">
+            <h3 class="footer-title">产品</h3>
+            <ul class="footer-links">
+              <li><a href="#tools">工具</a></li>
+              <li><a href="#features">功能特性</a></li>
+              <li><a href="#pricing">定价</a></li>
+              <li><a href="#api">API</a></li>
+            </ul>
+          </div>
+          <div class="footer-column">
+            <h3 class="footer-title">资源</h3>
+            <ul class="footer-links">
+              <li><a href="#docs">文档</a></li>
+              <li><a href="#tutorials">教程</a></li>
+              <li><a href="#blog">博客</a></li>
+              <li><a href="#support">支持</a></li>
+            </ul>
+          </div>
+          <div class="footer-column">
+            <h3 class="footer-title">法律</h3>
+            <ul class="footer-links">
+              <li><a href="#privacy">隐私政策</a></li>
+              <li><a href="#terms">服务条款</a></li>
+              <li><a href="#cookies">Cookie政策</a></li>
+              <li><a href="#license">许可</a></li>
+            </ul>
+          </div>
+        </div>
+        <div class="footer-bottom">
+          <p class="copyright">© {{ currentYear }} {{ appName }}. 保留所有权利。</p>
+        </div>
+      </div>
+    </footer>
+  </div>
+</template>
+
+<style scoped lang="scss">
+.home-page {
+  min-height: 100vh; /* 使用 min-height 而不是固定 height */
+  display: flex;
+  flex-direction: column;
+  background: #f5f5f5;
+  position: relative;
+  overflow: visible; /* 改为 visible 允许内容溢出 */
+}
+
+/* Header */
+.marketing-header {
+  flex-shrink: 0;
+  height: 64px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0 24px;
+  background: white;
+  border-bottom: 1px solid #e5e7eb;
+  position: sticky;
+  top: 0;
+  z-index: 1000;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
+}
+
+.header-container {
+  width: 100%;
+  max-width: 1400px;
+  margin: 0 auto;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.header-left {
+  display: flex;
+  align-items: center;
+  gap: 16px;
+}
+
+.logo-link {
+  display: flex;
+  align-items: center;
+  text-decoration: none;
+  color: #1f2937;
+  font-size: 20px;
+  font-weight: 700;
+  transition: opacity 0.2s;
+  
+  &:hover {
+    opacity: 0.8;
+  }
+}
+
+.logo-img {
+  height: 40px;
+  width: auto;
+}
+
+.logo-text {
+  font-size: 24px;
+  font-weight: 700;
+}
+
+.header-right {
+  display: flex;
+  align-items: center;
+}
+
+:deep(.login-btn) {
+  background: #e6f8f0 !important;
+  border: 1px solid #1fc76f !important;
+  color: #0d684b !important;
+  
+  &:hover {
+    background: #dcfce7 !important;
+    border-color: #1fc76f !important;
+    color: #166534 !important;
+  }
+  
+  &:active {
+    background: #1fc76f !important;
+    border-color: #1fc76f !important;
+    color: white !important;
+  }
+}
+
+/* Main Content */
+.main-content {
+  flex: 1;
+  width: 100%;
+  padding: 24px;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  min-height: 0;
+  height: 0; /* 强制 flex 子元素计算高度 */
+}
+
+.global-drag-overlay {
+  position: fixed;
+  inset: 0;
+  background: radial-gradient(circle at center, rgba(248, 250, 252, 0.92), rgba(248, 250, 252, 0.82));
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: 1000;
+  pointer-events: none;
+}
+
+.overlay-content {
+  padding: 18px 30px;
+  color: #0f172a;
+  font-size: 18px;
+  font-weight: 600;
+}
+
+.tool-page {
+  background: white;
+  border-radius: 12px;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  min-height: 600px; /* 设置最小高度确保容器足够大 */
+}
+
+.page-header {
+  flex-shrink: 0;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  width: 100%;
+  padding: 12px 36px;
+}
+
+.page-header h2 {
+  font-size: 24px;
+  font-weight: 600;
+  color: #1f2937;
+  margin: 0;
+}
+
+.toolbar-actions {
+  display: flex;
+  gap: 8px;
+}
+
+.toolbar-btn {
+  width: 36px;
+  height: 36px;
+  border: 1px solid #e5e7eb;
+  border-radius: 8px;
+  background: white;
+  color: #64748b;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  transition: all 0.2s ease;
+  
+  &:hover {
+    border-color: #1fc76f;
+    color: #1fc76f;
+    background: #f0fdf4;
+  }
+}
+
+.page-content {
+  flex: 1;
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  min-height: 600px; /* 设置最小高度确保容器足够大 */
+  padding: 12px 16px;
+}
+
+.tool-container {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  min-height: 600px; /* 设置最小高度确保容器足够大 */
+}
+
+.upload-section {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  min-height: 600px; /* 设置最小高度 */
+  background: white;
+  border-radius: 12px;
+  padding: 24px;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
+  border: 1px solid #e5e7eb;
+}
+
+.upload-section:has(.preview-section) {
+  padding: 0;
+  border-radius: 0;
+  border: none;
+  box-shadow: none;
+  background: transparent;
+  min-height: 600px; /* 确保预览区域有足够高度 */
+  height: auto;
+}
+
+.upload-area {
+  flex: 1;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border: 2px dashed #cbd5e1;
+  border-radius: 12px;
+  padding: 48px 32px;
+  text-align: center;
+  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+  background: #fafbfc;
+  min-height: 0;
+  position: relative;
+
+  &:hover {
+    border-color: #1fc76f;
+    background: #f0fdf4;
+  }
+
+  &.dragging {
+    border-color: #1fc76f;
+    background: #ecfdf5;
+    border-style: solid;
+  }
+}
+
+.upload-processing-overlay {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: rgba(255, 255, 255, 0.95);
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 16px;
+  border-radius: 12px;
+  backdrop-filter: blur(4px);
+  z-index: 10;
+
+  p {
+    font-size: 14px;
+    color: #64748b;
+    margin: 0;
+    font-weight: 500;
+  }
+}
+
+.upload-content {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 16px;
+  width: 100%;
+  max-width: 500px;
+}
+
+.upload-btn {
+  display: inline-flex;
+  align-items: center;
+  gap: 12px;
+  padding: 20px 40px;
+  background: #e6f8f0;
+  color: #0d684b;
+  border: 1px solid #1fc76f;
+  border-radius: 8px;
+  font-size: 16px;
+  font-weight: 500;
+  cursor: pointer;
+  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
+  white-space: nowrap;
+
+  i {
+    font-size: 16px;
+  }
+
+  &:hover:not(:disabled) {
+    background: #dcfce7;
+    border-color: #1fc76f;
+    color: #166534;
+    transform: translateY(-1px);
+    box-shadow: 0 2px 8px rgba(31, 199, 111, 0.15);
+  }
+
+  &:active:not(:disabled) {
+    background: #1fc76f;
+    border-color: #1fc76f;
+    color: white;
+    transform: translateY(0);
+    box-shadow: 0 1px 4px rgba(31, 199, 111, 0.2);
+  }
+
+  &:disabled {
+    opacity: 0.6;
+    cursor: not-allowed;
+    background: #f1f5f9;
+    border-color: #e2e8f0;
+    color: #94a3b8;
+  }
+
+  &:disabled:hover {
+    transform: none;
+    box-shadow: none;
+  }
+}
+
+.divider {
+  display: flex;
+  align-items: center;
+  color: #94a3b8;
+  font-size: 13px;
+  width: 100%;
+  max-width: 300px;
+  
+  &::before, &::after {
+    content: '';
+    flex: 1;
+    height: 1px;
+    background: #e5e7eb;
+  }
+  
+  span {
+    padding: 0 12px;
+  }
+}
+
+.upload-hint {
+  font-size: 13px;
+  color: #64748b;
+  margin: 0;
+  line-height: 1.5;
+}
+
+.upload-format-hint {
+  font-size: 12px;
+  color: #94a3b8;
+  margin: 0;
+}
+
+.url-input-wrapper {
+  width: 100%;
+  max-width: 500px;
+}
+
+.url-input {
+  width: 100%;
+  border: 1px solid #e5e7eb;
+  border-radius: 8px;
+  padding: 12px 16px;
+  font-size: 14px;
+  color: #1f2937;
+  background: white;
+  outline: none;
+  transition: all 0.2s ease;
+
+  &::placeholder {
+    color: #94a3b8;
+  }
+
+  &:focus {
+    border-color: #1fc76f;
+    box-shadow: 0 0 0 3px rgba(31, 199, 111, 0.1);
+  }
+
+  &:disabled {
+    opacity: 0.6;
+    cursor: not-allowed;
+    background: #f8fafc;
+  }
+}
+
+.preview-section {
+  flex: 1;
+  width: 100%;
+  min-height: 600px; /* 设置更大的最小高度 */
+  height: auto; /* 允许自动增长 */
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  overflow: hidden;
+  padding: 12px;
+}
+
+.comparison-view {
+  width: 100%;
+  height: 100%;
+  min-height: 600px; /* 确保对比视图也有足够高度 */
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  overflow: hidden;
+}
+
+.comparison-container {
+  position: relative;
+  display: inline-block;
+  max-width: 100%;
+  max-height: 100%;
+  min-height: 500px; /* 设置最小高度确保容器足够大 */
+  overflow: hidden;
+  border-radius: 8px;
+  border: 1px solid #e5e7eb;
+  background: 
+    linear-gradient(45deg, #f1f5f9 25%, transparent 25%),
+    linear-gradient(-45deg, #f1f5f9 25%, transparent 25%),
+    linear-gradient(45deg, transparent 75%, #f1f5f9 75%),
+    linear-gradient(-45deg, transparent 75%, #f1f5f9 75%);
+  background-size: 20px 20px;
+  background-position: 0 0, 0 10px, 10px -10px, -10px 0px;
+}
+
+.comparison-image {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  
+  img {
+    display: block;
+    max-width: 100%;
+    max-height: 100%;
+    width: auto;
+    height: auto;
+    object-fit: contain;
+  }
+}
+
+.original-image {
+  z-index: 1;
+}
+
+.result-image {
+  z-index: 2;
+}
+
+.split-line {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  width: 2px;
+  background: transparent;
+  cursor: col-resize;
+  z-index: 10;
+  transform: translateX(-50%);
+  transition: left 0s;
+  user-select: none;
+  pointer-events: auto;
+  
+  &:hover {
+    width: 2px;
+  }
+  
+  &.dragging {
+    transition: none;
+    cursor: col-resize;
+  }
+}
+
+.split-line-handle {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  width: 40px;
+  height: 40px;
+  background: rgba(255, 255, 255, 0.95);
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
+  border: 2px solid #1fc76f;
+  
+  i {
+    color: #1fc76f;
+    font-size: 16px;
+  }
+}
+
+.single-image-view {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.image-wrapper {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  max-width: 100%;
+  max-height: 100%;
+  overflow: hidden;
+  border-radius: 8px;
+  border: 1px solid #e5e7eb;
+  background: 
+    linear-gradient(45deg, #f1f5f9 25%, transparent 25%),
+    linear-gradient(-45deg, #f1f5f9 25%, transparent 25%),
+    linear-gradient(45deg, transparent 75%, #f1f5f9 75%),
+    linear-gradient(-45deg, transparent 75%, #f1f5f9 75%);
+  background-size: 20px 20px;
+  background-position: 0 0, 0 10px, 10px -10px, -10px 0px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  img {
+    width: 100%;
+    height: 100%;
+    object-fit: contain;
+    display: block;
+  }
+}
+
+.processing-overlay {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: rgba(255, 255, 255, 0.9);
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 16px;
+  backdrop-filter: blur(4px);
+
+  p {
+    font-size: 14px;
+    color: #64748b;
+    margin: 0;
+  }
+}
+
+.spinner {
+  width: 40px;
+  height: 40px;
+  border: 4px solid #e5e7eb;
+  border-top-color: #1fc76f;
+  border-radius: 50%;
+  animation: spin 0.8s linear infinite;
+}
+
+@keyframes spin {
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+.history-bar {
+  flex-shrink: 0;
+  width: 100%;
+  padding: 12px 0;
+  background: transparent;
+  display: flex;
+  justify-content: center;
+}
+
+.history-scroll-container {
+  display: flex;
+  gap: 10px;
+  overflow-x: auto;
+  overflow-y: hidden;
+  padding: 0;
+  scrollbar-width: thin;
+  scrollbar-color: #cbd5e1 transparent;
+
+  &::-webkit-scrollbar {
+    height: 6px;
+  }
+
+  &::-webkit-scrollbar-track {
+    background: transparent;
+  }
+
+  &::-webkit-scrollbar-thumb {
+    background: #cbd5e1;
+    border-radius: 3px;
+
+    &:hover {
+      background: #94a3b8;
+    }
+  }
+}
+
+.history-item {
+  flex-shrink: 0;
+  width: 56px;
+  height: 56px;
+  border-radius: 8px;
+  cursor: pointer;
+  transition: all 0.2s ease;
+  position: relative;
+
+  &.add-button {
+    background: white;
+    border: 2px dashed #cbd5e1;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    color: #64748b;
+    transition: all 0.2s ease;
+    padding: 0;
+    margin: 0;
+    outline: none;
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    appearance: none;
+
+    i {
+      font-size: 24px;
+      pointer-events: none;
+    }
+
+    &:hover {
+      border-color: #1fc76f;
+      color: #1fc76f;
+      background: #f0fdf4;
+    }
+
+    &:active {
+      transform: scale(0.95);
+    }
+
+    &:focus {
+      outline: none;
+      border-color: #1fc76f;
+    }
+  }
+
+  &.active {
+    .history-thumbnail {
+      border-color: #1fc76f;
+      box-shadow: 0 0 10px rgba(31, 199, 111, 0.35);
+    }
+  }
+}
+
+.history-thumbnail {
+  width: 100%;
+  height: 100%;
+  border-radius: 8px;
+  border: 2px solid #e5e7eb;
+  overflow: hidden;
+  position: relative;
+  background: 
+    linear-gradient(45deg, #f1f5f9 25%, transparent 25%),
+    linear-gradient(-45deg, #f1f5f9 25%, transparent 25%),
+    linear-gradient(45deg, transparent 75%, #f1f5f9 75%),
+    linear-gradient(-45deg, transparent 75%, #f1f5f9 75%);
+  background-size: 10px 10px;
+  background-position: 0 0, 0 5px, 5px -5px, -5px 0px;
+  transition: all 0.2s ease;
+
+  img {
+    width: 100%;
+    height: 100%;
+    object-fit: contain;
+    display: block;
+  }
+
+  &:hover {
+    border-color: #1fc76f;
+  }
+
+  .history-delete-btn {
+    position: absolute;
+    top: 4px;
+    right: 4px;
+    width: 18px;
+    height: 18px;
+    border-radius: 999px;
+    border: none;
+    background: rgba(15, 23, 42, 0.6);
+    color: white;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    opacity: 0;
+    transform: scale(0.9);
+    transition: all 0.2s ease;
+    cursor: pointer;
+    font-size: 0;
+    line-height: 1;
+
+    &::before,
+    &::after {
+      content: '';
+      position: absolute;
+      width: 10px;
+      height: 2px;
+      background: white;
+      border-radius: 999px;
+    }
+
+    &::before {
+      transform: rotate(45deg);
+    }
+
+    &::after {
+      transform: rotate(-45deg);
+    }
+
+    &:hover {
+      background: rgba(239, 68, 68, 0.85);
+    }
+  }
+
+  &:hover .history-delete-btn {
+    opacity: 1;
+    transform: scale(1);
+  }
+}
+
+/* Footer */
+.marketing-footer {
+  background: white;
+  border-top: 1px solid #e5e7eb;
+  margin-top: auto;
+  padding: 64px 0 32px;
+}
+
+.footer-container {
+  max-width: 1400px;
+  margin: 0 auto;
+  padding: 0 24px;
+}
+
+.footer-grid {
+  display: grid;
+  grid-template-columns: repeat(4, 1fr);
+  gap: 64px;
+  margin-bottom: 48px;
+}
+
+.footer-column {
+  display: flex;
+  flex-direction: column;
+}
+
+.footer-title {
+  font-size: 13px;
+  font-weight: 600;
+  color: #111827;
+  margin: 0 0 20px 0;
+  letter-spacing: 0.05em;
+  text-transform: uppercase;
+}
+
+.footer-links {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 14px;
+}
+
+.footer-links li {
+  margin: 0;
+}
+
+.footer-links a {
+  color: #6b7280;
+  text-decoration: none;
+  font-size: 14px;
+  line-height: 1.5;
+  transition: all 0.2s ease;
+  display: inline-block;
+  
+  &:hover {
+    color: #1fc76f;
+    transform: translateX(2px);
+  }
+}
+
+.footer-bottom {
+  border-top: 1px solid #e5e7eb;
+  padding-top: 24px;
+  text-align: center;
+}
+
+.copyright {
+  margin: 0;
+  color: #9ca3af;
+  font-size: 13px;
+  letter-spacing: 0.01em;
+}
+
+@media (max-width: 1024px) {
+  .footer-grid {
+    grid-template-columns: repeat(2, 1fr);
+    gap: 32px;
+  }
+}
+
+@media (max-width: 768px) {
+  .marketing-header {
+    padding: 0 12px;
+    height: 56px;
+  }
+  
+  .logo-text {
+    font-size: 20px;
+  }
+  
+  .main-content {
+    padding: 12px;
+  }
+  
+  .page-header {
+    padding: 10px 12px;
+  }
+
+  .page-header h2 {
+    font-size: 18px;
+  }
+
+  .page-content {
+    padding: 8px 12px;
+  }
+
+  .upload-section {
+    padding: 16px;
+  }
+
+  .upload-area {
+    padding: 32px 16px;
+  }
+
+  .upload-content {
+    gap: 14px;
+    max-width: 100%;
+  }
+
+  .upload-btn {
+    width: 100%;
+    justify-content: center;
+    padding: 18px 32px;
+    font-size: 15px;
+
+    i {
+      font-size: 15px;
+    }
+  }
+
+  .divider {
+    max-width: 100%;
+  }
+
+  .url-input-wrapper {
+    width: 100%;
+    max-width: 100%;
+  }
+
+  .url-input {
+    font-size: 12px;
+    padding: 6px 10px;
+  }
+
+  .preview-section {
+    padding: 8px;
+  }
+
+  .history-bar {
+    padding: 10px 0;
+  }
+
+  .history-item {
+    width: 48px;
+    height: 48px;
+  }
+
+  .history-scroll-container {
+    gap: 8px;
+    padding: 0 8px;
+  }
+
+  .toolbar-btn {
+    width: 32px;
+    height: 32px;
+
+    i {
+      font-size: 12px;
+    }
+  }
+  
+  .footer-grid {
+    grid-template-columns: repeat(2, 1fr);
+    gap: 40px;
+  }
+  
+  .marketing-footer {
+    padding: 48px 0 24px;
+  }
+}
+
+@media (max-width: 480px) {
+  .footer-grid {
+    grid-template-columns: 1fr;
+    gap: 32px;
+  }
+  
+  .marketing-footer {
+    padding: 40px 0 20px;
+  }
+}
+</style>
diff --git a/apps/jingrow/jingrow/services/whitelist.py b/apps/jingrow/jingrow/services/whitelist.py
index 6b0990e..cbf6da0 100644
--- a/apps/jingrow/jingrow/services/whitelist.py
+++ b/apps/jingrow/jingrow/services/whitelist.py
@@ -60,15 +60,6 @@ async def authenticate_request(request: Request, allow_guest: bool) -> bool:
 async def _process_whitelist_call(request: Request, full_module_path: str):
     """通用处理：接收完整点分路径 '<package.module.function>' 并执行调用"""
     try:
-        async def _get_request_data(req: Request) -> Dict[str, Any]:
-            """GET 使用查询参数，其他方法使用 JSON body"""
-            if req.method == 'GET':
-                return dict(req.query_params)
-            try:
-                return await req.json()
-            except Exception:
-                return {}
-
         # 确保 apps 目录在 sys.path 中（支持跨 app 导入）
         ensure_apps_on_sys_path()
         
@@ -96,8 +87,28 @@ async def _process_whitelist_call(request: Request, full_module_path: str):
             if not await authenticate_request(request, whitelist_info['allow_guest']):
                 raise HTTPException(status_code=401, detail="Authentication required")
         
+        # 根据请求类型获取数据
+        if request.method == 'GET':
+            request_data = dict(request.query_params)
+        else:
+            # 检查 Content-Type 是否为 multipart/form-data
+            content_type = request.headers.get('content-type', '')
+            is_multipart = 'multipart/form-data' in content_type
+            
+            if is_multipart:
+                # 处理文件上传
+                form = await request.form()
+                request_data = {}
+                for key, value in form.items():
+                    request_data[key] = value
+            else:
+                # 处理 JSON body
+                try:
+                    request_data = await request.json()
+                except Exception:
+                    request_data = {}
+        
         # 调用函数（只有通过白名单验证的函数才能执行到这里）
-        request_data = await _get_request_data(request)
         result = func(**request_data)
         
         return JSONResponse(content={"success": True, "data": result})
diff --git a/apps/jingrow/jingrow/tools/remove_background/remove_background.py b/apps/jingrow/jingrow/tools/remove_background/remove_background.py
index ed4921f..c4ba473 100644
--- a/apps/jingrow/jingrow/tools/remove_background/remove_background.py
+++ b/apps/jingrow/jingrow/tools/remove_background/remove_background.py
@@ -15,6 +15,127 @@ from jingrow.utils.auth import get_jingrow_cloud_api_headers, get_jingrow_cloud_
 logger = logging.getLogger(__name__)
 
 
+@jingrow.whitelist(allow_guest=True)
+def remove_background_from_file_free(file) -> Dict[str, Any]:
+    """
+    免费图片去背景工具（无需认证）
+    参考 remove_background_from_file 实现，调用 Jingrow Cloud API 实现图片背景移除
+    
+    Args:
+        file: 上传的文件对象
+    
+    Returns:
+        dict: 处理结果，格式与 remove_background_from_file 一致
+    """
+    try:
+        # 获取认证头（使用系统配置的 API Key）
+        headers = get_jingrow_cloud_api_headers()
+        
+        if not headers or not headers.get('Authorization'):
+            return {
+                "success": False,
+                "error": "API密钥未设置，请联系管理员配置"
+            }
+        
+        # 读取文件内容
+        # whitelist 服务传递的 file 是 FastAPI 的 UploadFile 对象
+        # UploadFile.file 是底层的 SpooledTemporaryFile，可以同步读取
+        # 需要先重置文件指针到开头（因为可能已经被读取过）
+        file.file.seek(0)
+        file_content = file.file.read()
+        
+        if not file_content or len(file_content) == 0:
+            return {
+                "success": False,
+                "error": "文件内容为空"
+            }
+        
+        # 获取文件扩展名和内容类型
+        filename = getattr(file, 'filename', None) or 'image.png'
+        ext = filename.split('.')[-1].lower() if '.' in filename else 'png'
+        if ext == 'jpg':
+            ext = 'jpg'
+            content_type = 'image/jpeg'
+        elif ext == 'jpeg':
+            ext = 'jpg'
+            content_type = 'image/jpeg'
+        elif ext == 'png':
+            ext = 'png'
+            content_type = 'image/png'
+        elif ext == 'webp':
+            ext = 'webp'
+            content_type = 'image/webp'
+        else:
+            ext = 'png'
+            content_type = 'image/png'
+        
+        # 处理EXIF orientation（参考 remove_background_from_file）
+        image = Image.open(io.BytesIO(file_content))
+        image = ImageOps.exif_transpose(image)
+        output = io.BytesIO()
+        save_format = image.format or content_type.split('/')[-1].upper()
+        image.save(output, format=save_format)
+        image_bytes = output.getvalue()
+        
+        # 调用文件上传端点（与 remove_background_from_file 使用相同的接口）
+        api_url = f"{get_jingrow_cloud_api_url()}/rmbg/file/free"
+        
+        # 移除 Content-Type，让 requests 自动设置 multipart/form-data
+        upload_headers = {k: v for k, v in headers.items() if k.lower() != 'content-type'}
+        files = {
+            'file': (f'image.{ext}', image_bytes, content_type)
+        }
+        
+        # 转发请求
+        response = requests.post(
+            api_url,
+            files=files,
+            headers=upload_headers,
+            timeout=180
+        )
+        
+        if response.status_code == 200:
+            result_data = response.json()
+            
+            # 使用 image_url 字段，返回格式与 remove_background_from_file 一致
+            if 'image_url' in result_data:
+                image_url = result_data.get('image_url', '')
+                return {
+                    "success": True,
+                    "data": [{
+                        "success": True,
+                        "image_url": image_url,
+                        "index": 1,
+                        "total": 1
+                    }],
+                    "total_processed": 1,
+                    "total_success": 1
+                }
+            
+            return {
+                "success": False,
+                "error": result_data.get('error', '未找到图片URL')
+            }
+        else:
+            try:
+                error_data = response.json()
+                error_message = error_data.get("message") or error_data.get("error") or f"API请求失败 (HTTP {response.status_code})"
+            except:
+                error_message = f"API请求失败 (HTTP {response.status_code})"
+            
+            return {
+                "success": False,
+                "error": error_message
+            }
+            
+    except Exception as e:
+        logger.error(f"调用图片去背景API异常：{str(e)}", exc_info=True)
+        return {
+            "success": False,
+            "error": f"调用图片去背景API异常：{str(e)}"
+        }
+
+
 @jingrow.whitelist()
 def remove_background_from_file(image_data: Union[str, list]) -> Dict[str, Any]:
     """