Update app.py

app.py

@@ -6,22 +6,96 @@ import subprocess
 import sys
 from datetime import datetime
 from concurrent.futures import ThreadPoolExecutor, as_completed
+from typing import Iterable
+from gradio.themes import Soft
+from gradio.themes.utils import colors, fonts, sizes
 
-# 初始化环境路径
+# Initialize environment paths
 BASE_DIR = os.path.dirname(os.path.abspath(__file__))
 PAPERS_DIR = os.path.join(BASE_DIR, "papers")
 CONFIG_PATH = os.path.join(BASE_DIR, "config.yaml")
 OUTPUT_DIR = os.path.join(BASE_DIR, "mineru_outputs")
-ZIP_OUTPUT_PATH = os.path.join(BASE_DIR, "mineru_results.zip") # 压缩包路径
+ZIP_OUTPUT_PATH = os.path.join(BASE_DIR, "mineru_results.zip")
 
 os.makedirs(PAPERS_DIR, exist_ok=True)
 
+# ==========================================
+# --- 🎨 Custom Purple Theme Definition ---
+# ==========================================
+colors.purple = colors.Color(
+    name="purple",
+    c50="#FAF5FF",
+    c100="#F3E8FF",
+    c200="#E9D5FF",
+    c300="#DAB2FF",
+    c400="#C084FC",
+    c500="#A855F7",
+    c600="#9333EA",
+    c700="#7E22CE",
+    c800="#6B21A8",
+    c900="#581C87",
+    c950="#3B0764",
+)
+
+class PurpleTheme(Soft):
+    def __init__(
+        self,
+        *,
+        primary_hue: colors.Color | str = colors.gray,
+        secondary_hue: colors.Color | str = colors.purple,
+        neutral_hue: colors.Color | str = colors.slate,
+        text_size: sizes.Size | str = sizes.text_lg,
+        font: fonts.Font | str | Iterable[fonts.Font | str] = (
+            fonts.GoogleFont("Outfit"), "Arial", "sans-serif",
+        ),
+        font_mono: fonts.Font | str | Iterable[fonts.Font | str] = (
+            fonts.GoogleFont("IBM Plex Mono"), "ui-monospace", "monospace",
+        ),
+    ):
+        super().__init__(
+            primary_hue=primary_hue,
+            secondary_hue=secondary_hue,
+            neutral_hue=neutral_hue,
+            text_size=text_size,
+            font=font,
+            font_mono=font_mono,
+        )
+        super().set(
+            background_fill_primary="*primary_50",
+            background_fill_primary_dark="*primary_900",
+            body_background_fill="linear-gradient(135deg, *primary_200, *primary_100)",
+            body_background_fill_dark="linear-gradient(135deg, *primary_900, *primary_800)",
+            button_primary_text_color="white",
+            button_primary_text_color_hover="white",
+            button_primary_background_fill="linear-gradient(90deg, *secondary_500, *secondary_600)",
+            button_primary_background_fill_hover="linear-gradient(90deg, *secondary_600, *secondary_700)",
+            button_primary_background_fill_dark="linear-gradient(90deg, *secondary_600, *secondary_700)",
+            button_primary_background_fill_hover_dark="linear-gradient(90deg, *secondary_500, *secondary_600)",
+            button_secondary_text_color="black",
+            button_secondary_text_color_hover="white",
+            button_secondary_background_fill="linear-gradient(90deg, *primary_300, *primary_300)",
+            button_secondary_background_fill_hover="linear-gradient(90deg, *primary_400, *primary_400)",
+            button_secondary_background_fill_dark="linear-gradient(90deg, *primary_500, *primary_600)",
+            button_secondary_background_fill_hover_dark="linear-gradient(90deg, *primary_500, *primary_500)",
+            slider_color="*secondary_500",
+            slider_color_dark="*secondary_600",
+            block_title_text_weight="600",
+            block_border_width="3px",
+            block_shadow="*shadow_drop_lg",
+            button_primary_shadow="*shadow_drop_lg",
+            button_large_padding="11px",
+            color_accent_soft="*primary_100",
+            block_label_background_fill="*primary_200",
+        )
+
+purple_theme = PurpleTheme()
+
+# ==========================================
+# --- ⚙️ Backend Logic & Functions ---
+# ==========================================
 def get_debug_info():
-    """读取服务器文件系统状态"""
     now = datetime.now().strftime("%H:%M:%S")
     files = os.listdir(PAPERS_DIR) if os.path.exists(PAPERS_DIR) else "Directory missing"
-    
-    # 递归检查输出目录下的内容
     output_detail = "Not generated"
     if os.path.exists(OUTPUT_DIR):
         all_output_items = []
@@ -29,56 +103,64 @@ def get_debug_info():
             for name in files_in_out:
                 all_output_items.append(os.path.join(os.path.relpath(root, OUTPUT_DIR), name))
         output_detail = f"Found {len(all_output_items)} files: {all_output_items[:5]}..." if all_output_items else "Directory exists but is EMPTY"
-
-    return f"[{now}] 📁 papers/ 内容: {files}\n\n[{now}] 📂 mineru_outputs 状态: {output_detail}"
+    return f"[{now}] 📁 papers/ Content: {files}\n\n[{now}] 📂 mineru_outputs Status: {output_detail}"
 
 def save_pdf(file):
-    if file is None: return "❌ 请先选择 PDF", get_debug_info()
+    if file is None: return "❌ Please select a PDF first", get_debug_info()
     try:
+        # 先清空原有 PDF，确保只有最新的一份
+        for f in os.listdir(PAPERS_DIR):
+            file_to_del = os.path.join(PAPERS_DIR, f)
+            if os.path.isfile(file_to_del):
+                os.remove(file_to_del)
+                
         file_path = os.path.join(PAPERS_DIR, os.path.basename(file.name))
         shutil.copy(file.name, file_path)
-        return f"✅ 已保存: {os.path.basename(file.name)}", get_debug_info()
+        return f"✅ Saved: {os.path.basename(file.name)}", get_debug_info()
     except Exception as e:
-        return f"❌ 出错: {str(e)}", get_debug_info()
+        return f"❌ Error: {str(e)}", get_debug_info()
+
+def clear_pdf():
+    """Delete PDF from the backend directory when cleared in UI"""
+    try:
+        deleted_files = []
+        for f in os.listdir(PAPERS_DIR):
+            file_to_del = os.path.join(PAPERS_DIR, f)
+            if os.path.isfile(file_to_del):
+                os.remove(file_to_del)
+                deleted_files.append(f)
+        if deleted_files:
+            return "🗑️ File deleted from workspace", get_debug_info()
+        return "ℹ️ Workspace is already empty", get_debug_info()
+    except Exception as e:
+        return f"❌ Error deleting file: {str(e)}", get_debug_info()
 
 def save_api_settings(api_key, api_base_url=None):
-    if not api_key: return "❌ Key 不能为空", get_debug_info()
+    if not api_key: return "❌ Key cannot be empty", get_debug_info()
     try:
         config = {}
         if os.path.exists(CONFIG_PATH):
             with open(CONFIG_PATH, "r", encoding="utf-8") as f:
                 config = yaml.safe_load(f) or {}
-                
-        # 保存 API Key
         config.setdefault("api_keys", {})["gemini_api_key"] = api_key
-        
-        # 如果 api_base_url 不为空（不是 None 且不是空字符串），则保存该值
         if api_base_url:
             config["api_base_url"] = api_base_url
-            
-        # 写入 YAML 文件
         with open(CONFIG_PATH, "w", encoding="utf-8") as f:
             yaml.dump(config, f, allow_unicode=True)
-            
-        # 动态生成成功提示语
-        success_msg = "✅ Key 已保存"
+        success_msg = "✅ Key saved"
         if api_base_url:
-            success_msg += "，Base URL 已更新"
-            
+            success_msg += ", Base URL updated"
         return success_msg, get_debug_info()
     except Exception as e:
-        return f"❌ 出错: {str(e)}", get_debug_info()
-
+        return f"❌ Error: {str(e)}", get_debug_info()
 
 def run_mineru_parsing_and_dag_gen():
-    """执行 PDF 解析并捕获完整日志，随后执行DAG生成流程（支持实时流式输出）"""
     if not os.path.exists(PAPERS_DIR) or not any(f.endswith('.pdf') for f in os.listdir(PAPERS_DIR)):
-        yield "❌ 未发现 PDF 文件", get_debug_info(), "No execution logs."
+        yield "❌ No PDF file found", get_debug_info(), "No execution logs."
         return
 
     full_log = ""
     try:
-        # ================= 第一步：执行 Mineru 解析 =================
         env = os.environ.copy()
         env["MINERU_FORMULA_ENABLE"] = "false"
         env["MINERU_TABLE_ENABLE"] = "false"
@@ -86,257 +168,349 @@ def run_mineru_parsing_and_dag_gen():
         env["MINERU_VIRTUAL_VRAM_SIZE"] = "8"
 
         command_mineru = ["mineru", "-p", PAPERS_DIR, "-o", OUTPUT_DIR]
-        
-        full_log += "--- Mineru 执行中 ---\n"
-        yield "⏳ 正在执行 Mineru 解析...", get_debug_info(), full_log
+        full_log += "--- Mineru Executing ---\n"
+        yield "⏳ Executing Mineru parsing...", get_debug_info(), full_log
 
-        # 1. 使用 Popen 替代 run，开启实时流
         process_mineru = subprocess.Popen(
-            command_mineru, 
-            env=env, 
-            stdout=subprocess.PIPE, 
-            stderr=subprocess.STDOUT, # 将 stderr 错误流合并到 stdout 一起输出
-            text=True,
-            bufsize=1 # 开启行缓冲
+            command_mineru, env=env, stdout=subprocess.PIPE, stderr=subprocess.STDOUT, text=True, bufsize=1
         )
-
-        # 2. 逐行读取输出并实时 yield 给 Gradio 界面
         for line in iter(process_mineru.stdout.readline, ''):
             full_log += line
-            yield "⏳ 正在执行 Mineru 解析...", get_debug_info(), full_log
-
+            yield "⏳ Executing Mineru parsing...", get_debug_info(), full_log
         process_mineru.stdout.close()
         returncode_mineru = process_mineru.wait()
 
-        # 如果解析失败，直接 yield 返回
         if returncode_mineru != 0:
-            status = f"❌ Mineru 解析失败 (Exit Code: {returncode_mineru})"
-            yield status, get_debug_info(), full_log
+            yield f"❌ Mineru parsing failed (Exit Code: {returncode_mineru})", get_debug_info(), full_log
             return
 
-        # ================= 第二步：执行 DAG 生成 =================
         command_dag = [sys.executable, "gen_dag.py"]
-        
-        full_log += "\n--- DAG Gen 执行中 ---\n"
-        yield "⏳ Mineru 解析完成，正在执行 DAG 生成...", get_debug_info(), full_log
+        full_log += "\n--- DAG Gen Executing ---\n"
+        yield "⏳ Mineru parsing complete, executing DAG generation...", get_debug_info(), full_log
         
         process_dag = subprocess.Popen(
-            command_dag, 
-            stdout=subprocess.PIPE, 
-            stderr=subprocess.STDOUT, 
-            text=True,
-            bufsize=1
+            command_dag, stdout=subprocess.PIPE, stderr=subprocess.STDOUT, text=True, bufsize=1
         )
-
         for line in iter(process_dag.stdout.readline, ''):
             full_log += line
-            yield "⏳ 正在执行 DAG 生成...", get_debug_info(), full_log
-
+            yield "⏳ Executing DAG generation...", get_debug_info(), full_log
         process_dag.stdout.close()
         returncode_dag = process_dag.wait()
         
-        if returncode_dag == 0:
-            status = "✅ PDF解析与DAG生成全部完成"
-        else:
-            status = f"❌ DAG生成失败 (Exit Code: {returncode_dag})"
-            
+        status = "✅ PDF parsing & DAG generation fully completed" if returncode_dag == 0 else f"❌ DAG generation failed (Exit Code: {returncode_dag})"
         yield status, get_debug_info(), full_log
 
     except Exception as e:
-        error_log = full_log + f"\n[全局异常] Exception occurred:\n{str(e)}"
-        yield "❌ 运行异常", get_debug_info(), error_log
+        error_log = full_log + f"\n[Global Exception] Exception occurred:\n{str(e)}"
+        yield "❌ Execution Exception", get_debug_info(), error_log
 
 def run_final_generation(task_type="all"):
-    """
-    执行对应的生成脚本并压缩结果（支持并行执行）
-    task_type 支持: 'ppt', 'poster', 'pr', 'all'
-    """
     if not os.path.exists(OUTPUT_DIR):
-        return "❌ 请先执行第二步解析", get_debug_info(), "No output folder found.", None
+        return "❌ Please run the parsing step first", get_debug_info(), "No output folder found.", None
 
-    # 根据传入的 task_type 决定要运行哪些脚本
     scripts_to_run = []
-    if task_type == "ppt":
-        scripts_to_run = ["gen_ppt.py"]
-    elif task_type == "poster":
-        scripts_to_run = ["gen_poster.py"]
-    elif task_type == "pr":
-        scripts_to_run = ["gen_pr.py"]
-    elif task_type == "all":
-        scripts_to_run = ["gen_ppt.py", "gen_poster.py", "gen_pr.py"]
-    else:
-        return "❌ 未知任务类型", get_debug_info(), "Invalid task_type.", None
-
-    full_log = f"🚀 准备启动 {len(scripts_to_run)} 个任务...\n"
+    if task_type == "ppt": scripts_to_run = ["gen_ppt.py"]
+    elif task_type == "poster": scripts_to_run = ["gen_poster.py"]
+    elif task_type == "pr": scripts_to_run = ["gen_pr.py"]
+    elif task_type == "all": scripts_to_run = ["gen_ppt.py", "gen_poster.py", "gen_pr.py"]
+    else: return "❌ Unknown task type", get_debug_info(), "Invalid task_type.", None
+
+    full_log = f"🚀 Preparing to start {len(scripts_to_run)} tasks...\n"
     success = True
 
-    # 定义单个脚本的执行包装器
     def execute_script(script):
         command = [sys.executable, script]
-        result = subprocess.run(
-            command,
-            capture_output=True,
-            text=True,
-            timeout=600 # 每个脚本独立的超时时间
-        )
-        return script, result
+        return script, subprocess.run(command, capture_output=True, text=True, timeout=600)
 
     try:
-        # 使用 ThreadPoolExecutor 并行执行脚本
         with ThreadPoolExecutor(max_workers=len(scripts_to_run)) as executor:
-            # 提交所有任务
             future_to_script = {executor.submit(execute_script, s): s for s in scripts_to_run}
-            
-            # as_completed 会在某个任务完成时立刻生成结果
             for future in as_completed(future_to_script):
                 script_name = future_to_script[future]
                 try:
-                    # 获取该任务的执行结果
                     _, result = future.result()
-                    
-                    full_log += f"\n================ ✅ 执行完成: {script_name} ================\n"
+                    full_log += f"\n================ ✅ Execution Complete: {script_name} ================\n"
                     full_log += f"--- STDOUT ---\n{result.stdout}\n\n--- STDERR ---\n{result.stderr}\n"
-                    
-                    # 检查此任务是否失败
                     if result.returncode != 0:
                         success = False
-                        full_log += f"❌ [错误] {script_name} 返回非零退出码 (Exit Code: {result.returncode})\n"
-                
+                        full_log += f"❌ [Error] {script_name} returned non-zero exit code (Exit Code: {result.returncode})\n"
                 except subprocess.TimeoutExpired as e:
                     success = False
-                    full_log += f"\n================ ❌ 任务超时: {script_name} ================\n{str(e)}\n"
+                    full_log += f"\n================ ❌ Task Timeout: {script_name} ================\n{str(e)}\n"
                 except Exception as e:
                     success = False
-                    full_log += f"\n================ ❌ 任务异常: {script_name} ================\n{str(e)}\n"
+                    full_log += f"\n================ ❌ Task Exception: {script_name} ================\n{str(e)}\n"
 
-        # 如果有任何一个脚本执行失败，直接返回，不打包压缩
-        if not success:
-            return f"❌ {task_type.upper()} 包含失败任务，请检查日志", get_debug_info(), full_log, None
+        if not success: return f"❌ {task_type.upper()} contains failed tasks, please check logs", get_debug_info(), full_log, None
 
-        # 所有脚本都运行成功后，压缩 mineru_outputs 文件夹
         zip_base_name = ZIP_OUTPUT_PATH.replace(".zip", "")
         shutil.make_archive(zip_base_name, 'zip', OUTPUT_DIR)
-
-        success_msg = f"✅ {task_type.upper()} 生成并压缩完成"
-        return success_msg, get_debug_info(), full_log, ZIP_OUTPUT_PATH
-
+        return f"✅ {task_type.upper()} generated and zipped successfully", get_debug_info(), full_log, ZIP_OUTPUT_PATH
     except Exception as e:
-        error_log = full_log + f"\n[全局异常] Exception occurred:\n{str(e)}"
-        return "❌ 最终生成发生全局异常", get_debug_info(), error_log, None
+        error_log = full_log + f"\n[Global Exception] Exception occurred:\n{str(e)}"
+        return "❌ Global exception during final generation", get_debug_info(), error_log, None
 
 # ==========================================
-# --- 🚀 全新美化的 UI (Hugging Face 优化版) ---
+# --- 🚀 UI Configuration & Advanced CSS ---
 # ==========================================
-
-# 自定义 CSS：让终端日志看起来像真正的 Terminal
 custom_css = """
-.log-box textarea {
-    font-family: 'Courier New', Consolas, monospace !important; 
-    font-size: 13px !important; 
-    background-color: #1e1e1e !important; 
-    color: #4AF626 !important; 
+@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap');
+
+body, .gradio-container {
+    background-color: #FAF5FF !important;
+    background-image: linear-gradient(#E9D5FF 1px, transparent 1px), linear-gradient(90deg, #E9D5FF 1px, transparent 1px) !important;
+    background-size: 40px 40px !important;
+    font-family: 'Outfit', sans-serif !important;
 }
-/* 弱化状态框的边框感，使其更像文字标签 */
-.status-text textarea {
-    background-color: transparent !important;
-    border: none !important;
-    box-shadow: none !important;
-    font-weight: bold;
+
+.dark body, .dark .gradio-container {
+    background-color: #1a1a1a !important;
+    background-image: linear-gradient(rgba(168, 85, 247, .1) 1px, transparent 1px), linear-gradient(90deg, rgba(168, 85, 247, .1) 1px, transparent 1px) !important;
+}
+
+#col-container { margin: 0 auto; max-width: 1200px; padding: 20px; }
+
+#main-title { text-align: center !important; padding: 1.5rem 0 0.5rem 0; }
+#main-title h1 {
+    font-size: 2.6em !important; font-weight: 800 !important;
+    background: linear-gradient(135deg, #A855F7 0%, #C084FC 50%, #9333EA 100%);
+    background-size: 200% 200%;
+    -webkit-background-clip: text; -webkit-text-fill-color: transparent;
+    animation: gradient-shift 4s ease infinite; letter-spacing: -0.02em;
 }
-"""
 
-with gr.Blocks(theme=gr.themes.Soft(primary_hue="indigo"), css=custom_css) as demo:
-    gr.Markdown("# 📑 PaperX / Mineru 智能解析平台")
-    gr.Markdown("将学术 PDF 一键解析、DAG 结构化并生成多模态产物。")
+@keyframes gradient-shift { 0%, 100% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } }
+
+#subtitle { text-align: center !important; margin-bottom: 2rem; }
+#subtitle p { margin: 0 auto; color: #666; font-size: 1.1rem; font-weight: 500; }
+.dark #subtitle p { color: #DAB2FF; }
+
+/* ======== 修改：模块卡片强化圆角和内外边距 ======== */
+.gradio-group {
+    background: rgba(255, 255, 255, 0.9) !important;
+    border: 2px solid #E9D5FF !important; 
+    border-radius: 24px !important; /* 更明显的圆角 */
+    box-shadow: 0 4px 24px rgba(168, 85, 247, 0.08) !important;
+    backdrop-filter: blur(10px); 
+    transition: all 0.3s ease; 
+    padding: 16px 16px 16px 16px !important; /* 边缘与内层内容的间距 */
+    overflow: visible !important;
+    margin-bottom: 10px !important; /* 模块之间的垂直间距 */
+    display: flex !important;
+    flex-direction: column !important;
+    gap: 16px !important; /* 内部组件之间的自然间距 */
+}
+.gradio-group:hover { 
+    box-shadow: 0 8px 32px rgba(168, 85, 247, 0.12) !important; 
+    border-color: #C084FC !important; 
+}
+.dark .gradio-group { 
+    background: rgba(30, 30, 30, 0.9) !important; 
+    border-color: rgba(168, 85, 247, 0.3) !important; 
+}
+
+/* 恢复 Gradio 内部组���的圆角（Gradio默认会将 group 内的元素边缘变直） */
+.gradio-group > div, 
+.gradio-group > .form {
+    border-radius: 12px !important;
+}
+
+/* ======== 优化：文件上传框居中与背景清理 ======== */
+#pdf-upload-box {
+    border: 2px dashed rgba(192, 132, 252, 0.6) !important;
+    border-radius: 16px !important;
+    background-color: rgba(250, 245, 255, 0.5) !important;
+    transition: all 0.3s ease !important;
+    min-height: 220px !important; /* 增加高度提供居中空间 */
+    position: relative !important;
+    margin-top: 10px !important;
+}
+
+#pdf-upload-box:hover {
+    border-color: #A855F7 !important;
+    background-color: rgba(243, 232, 255, 0.8) !important;
+    box-shadow: 0 4px 15px rgba(168, 85, 247, 0.15) !important;
+}
+
+/* 隐藏原生的中/英文上传提示、图标及背景 */
+#pdf-upload-box .upload-container {
+    background: transparent !important;
+}
+#pdf-upload-box .upload-container > span,
+#pdf-upload-box .upload-container > svg {
+    display: none !important; 
+}
+
+/* 使用伪元素在中央注入自定义文字和图标 */
+#pdf-upload-box .upload-container::before {
+    content: "📤\\A Click here to select a PDF\\A or Drag & Drop the file here";
+    white-space: pre-wrap;
+    font-size: 1.2rem;
+    line-height: 1.8;
+    font-weight: 600;
+    color: #9333EA;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    text-align: center;
+    width: 100%;
+    height: 100%;
+    position: absolute;
+    top: 0;
+    left: 0;
+    pointer-events: none; /* 防止遮挡拖拽事件 */
+}
+
+/* ======== 修改：减小按钮尺寸，保持字体一致 ======== */
+/* 主要操作按钮 (Start Mineru & Generate All) */
+.primary-action-btn {
+    border-radius: 25px !important; /* 调小 */
+    background: linear-gradient(135deg, #9333EA, #7E22CE) !important;
+    color: white !important; font-weight: 700 !important; border: none !important;
+    height: 50px !important; /* 调小：60 -> 50 */
+    width: 80% !important;
+    margin-left: auto !important;  /* 新增：自动左边距 */
+    margin-right: auto !important; /* 新增：自动右边距 */
+    margin-top: 10px !important;
+    margin-bottom: 10px !important;
+    display: block !important;      /* 新增：确保块级元素 */
+    transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.3s ease !important;
+    box-shadow: 0 4px 15px rgba(126, 34, 206, 0.3) !important;
+    cursor: pointer !important; 
+    font-size: 1.15rem !important; /* 字体保持一致：略调小以配合新尺寸 */
+}
+.primary-action-btn:hover {
+    transform: translateY(-5px) scale(1.02) !important;
+    box-shadow: 0 10px 25px rgba(126, 34, 206, 0.5) !important;
+    background: linear-gradient(135deg, #A855F7, #9333EA) !important;
+}
+.primary-action-btn:active { transform: translateY(2px) scale(0.98) !important; box-shadow: 0 2px 10px rgba(126, 34, 206, 0.2) !important; }
+
+/* 3个小按钮的样式 */
+.action-row { display: flex !important; justify-content: center !important; gap: 10px !important; margin-bottom: 10px !important; margin-top: 10px !important;}
+.action-btn {
+    border-radius: 24px !important; /* 调小 */
+    background: linear-gradient(135deg, #A855F7, #9333EA) !important;
+    color: white !important; font-weight: 600 !important; border: none !important;
+    height: 40px !important; /* 调小：55 -> 48 */
+    width: 120px !important;
+    flex: none !important;
+    /*文字垂直居中*/
+    display: flex !important;
+    align-items: center !important;
+    justify-content: center !important;
+    line-height: 1 !important; 
+    padding: 0 !important;
+    margin-top: 10px !important;
+    margin-bottom: 10px !important;
     
-    # 1. 隐藏式全局配置
-    with gr.Accordion("⚙️ 1. 全局 API 配置", open=False):
-        with gr.Row():
-            key_input = gr.Textbox(label="API Key", type="password", placeholder="sk-...", scale=1)
-            api_base_url_input = gr.Textbox(label="Base URL (可选)", placeholder="https://api.example.com", scale=1)
-        key_btn = gr.Button("💾 保存 API 配置")
-
-    # 2. 核心上传与解析
-    with gr.Group():
-        gr.Markdown("### 📄 2. 文档解析")
-        # 拖拽自动上传
-        pdf_input = gr.File(label="拖拽或点击上传 PDF", file_types=[".pdf"])
-        
-        # 解析按钮独占一行，成为视觉焦点
-        parse_btn = gr.Button("🚀 开始执行 Mineru & DAG 抽取", variant="primary", size="lg")
-        
-        # 弱化状态框视觉
-        parse_status = gr.Textbox(
-            show_label=False, 
-            placeholder="等待上传文档...", 
-            lines=1, 
-            interactive=False, 
-            elem_classes="status-text"
-        )
+    transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.3s ease !important;
+    box-shadow: 0 4px 15px rgba(147, 51, 234, 0.2) !important;
+    cursor: pointer !important; display: flex !important; align-items: center !important; justify-content: center !important;
+    font-size: 1.05rem !important; /* 字体保持一致：显式设置 */
+}
+.action-btn:hover {
+    transform: translateY(-5px) scale(1.03) !important;
+    box-shadow: 0 10px 25px rgba(147, 51, 234, 0.4) !important;
+    background: linear-gradient(135deg, #C084FC, #A855F7) !important;
+}
+.action-btn:active { transform: translateY(2px) scale(0.98) !important; box-shadow: 0 2px 10px rgba(147, 51, 234, 0.2) !important; }
+
+/* Terminal Log Style */
+.log-box textarea { font-family: 'IBM Plex Mono', monospace !important; font-size: 13px !important; background-color: #1e1e1e !important; color: #DAB2FF !important; border: 1px solid #C084FC !important; border-radius: 8px !important; }
+.status-text textarea { background-color: transparent !important; border: none !important; box-shadow: none !important; font-weight: 600 !important; color: #6B21A8 !important; }
+.dark .status-text textarea { color: #C084FC !important; }
+::-webkit-scrollbar { width: 8px; height: 8px; }
+::-webkit-scrollbar-track { background: rgba(168, 85, 247, 0.05); border-radius: 4px; }
+::-webkit-scrollbar-thumb { background: linear-gradient(135deg, #A855F7, #C084FC); border-radius: 4px; }
+::-webkit-scrollbar-thumb:hover { background: linear-gradient(135deg, #9333EA, #A855F7); }
+"""
 
-    # 3. 最终产物生成
-    with gr.Group():
-        gr.Markdown("### 🎯 3. 产物生成")
-        gr.Markdown("基于 DAG 结构生成最终所需格式：")
+with gr.Blocks(theme=purple_theme, css=custom_css) as demo:
+    with gr.Column(elem_id="col-container"):
+        gr.Markdown("# **PaperX Platform**", elem_id="main-title")
+        gr.Markdown("One-click parsing of academic PDFs, DAG structuring, and multi-modal asset generation.", elem_id="subtitle")
         
-        # 层次化布局：上面三个单项，下面一个全部
         with gr.Row():
-            gen_ppt_btn = gr.Button("📊 单独生成 PPT")
-            gen_poster_btn = gr.Button("🖼️ 单独生成 Poster")
-            gen_pr_btn = gr.Button("📰 单独生成 PR 文章")
-        
-        gen_all_btn = gr.Button("✨ 一键生成全部 (ALL)", variant="primary")
-
-    # 4. 生成结果与下载 (从 Tabs 中独立出来，紧跟工作流)
-    with gr.Group():
-        gr.Markdown("### 📦 4. 生成结果 & 下载")
-        gen_status = gr.Textbox(
-            show_label=False, 
-            placeholder="当前暂无生成任务...", 
-            lines=2, 
-            interactive=False,
-            elem_classes="status-text"
-        )
-        # 默认隐藏下载框，生成成功后再动态展示
-        download_file = gr.File(label="📥 获取最终压缩包", interactive=False, visible=False)
-
-    gr.HTML("<hr style='margin-top: 30px; margin-bottom: 30px;' />") # 添加一条视觉分割线
-
-    # 5. 开发者监控区 (置于最底部，方便后续精简 UI 时直接删除这部分)
-    gr.Markdown("### 🛠️ 开发者后台监控 (仅供调试)")
-    with gr.Tabs():
-        # Tab 1: 实时终端
-        with gr.Tab("📜 终端流 (Terminal)"):
-            cmd_logs = gr.Textbox(
-                label="Stdout / Stderr", 
-                placeholder="等待任务开始...", 
-                lines=15, 
-                interactive=False,
-                elem_classes="log-box" 
-            )
-        
-        # Tab 2: 文件系统快照
-        with gr.Tab("🔍 系统快照 (Debug)"):
-            refresh_btn = gr.Button("🔄 刷新目录树") 
-            debug_view = gr.Textbox(label="Workspace Files", lines=15, interactive=False, value=get_debug_info())
+            # ================= LEFT COLUMN: SETTINGS & ACTIONS =================
+            with gr.Column(scale=1):
+                
+                # 1. API Configuration
+                with gr.Group(elem_classes="gradio-group"):
+                    gr.Markdown("### ⚙️ 1. Global API Configuration")
+                    with gr.Row():
+                        key_input = gr.Textbox(label="API Key", type="password", placeholder="sk-...", scale=1)
+                        api_base_url_input = gr.Textbox(label="Base URL (Optional)", placeholder="https://api.example.com", scale=1)
+                    key_btn = gr.Button("💾 Save API Configuration")
+                
+                # 2. Document Parsing
+                with gr.Group(elem_classes="gradio-group"):
+                    gr.Markdown("### 📄 2. Document Parsing")
+                    
+                    # 简化了 Label，因为 CSS 已经接管了内部文字渲染
+                    pdf_input = gr.File(
+                        label="Upload Document", 
+                        file_types=[".pdf"], 
+                        elem_id="pdf-upload-box"
+                    )
+                    
+                    # 应用全新的 primary-action-btn 悬浮/圆角类
+                    parse_btn = gr.Button("🚀 Start Mineru & DAG Extraction", elem_classes="primary-action-btn")
+                    
+                    parse_status = gr.Textbox(
+                        show_label=False, placeholder="Waiting for document upload...", lines=1, interactive=False, elem_classes="status-text"
+                    )
+
+                # 3. Asset Generation
+                with gr.Group(elem_classes="gradio-group"):
+                    gr.Markdown("### 🎯 3. Asset Generation")
+                    gr.Markdown("Generate final formats based on DAG structure:")
+                    
+                    with gr.Row(elem_classes="action-row"):
+                        gen_ppt_btn = gr.Button("📊 Gen PPT", elem_classes="action-btn")
+                        gen_poster_btn = gr.Button("🖼️ Gen Poster", elem_classes="action-btn")
+                        gen_pr_btn = gr.Button("📰 Gen Article", elem_classes="action-btn")
+                    
+                    # 应用全新的 primary-action-btn 悬浮/圆角类
+                    gen_all_btn = gr.Button("✨ Generate All Assets (ALL)", elem_classes="primary-action-btn")
 
-    # ================= 逻辑绑定 =================
-    
+            # ================= RIGHT COLUMN: OUTPUTS & LOGS =================
+            with gr.Column(scale=1):
+                
+                # 4. Results & Downloads
+                with gr.Group(elem_classes="gradio-group"):
+                    gr.Markdown("### 📦 Generation Results & Download")
+                    gen_status = gr.Textbox(
+                        show_label=False, placeholder="No generation task currently...", lines=2, interactive=False, elem_classes="status-text"
+                    )
+                    download_file = gr.File(label="📥 Get Final Zip Archive", interactive=False, visible=False)
+
+                # 5. Debugging & Terminal
+                with gr.Group(elem_classes="gradio-group"):
+                    gr.Markdown("### 🛠️ Developer Monitoring (Debug Only)")
+                    with gr.Tabs():
+                        with gr.Tab("📜 Terminal Stream"):
+                            cmd_logs = gr.Textbox(
+                                label="Stdout / Stderr", placeholder="Waiting for task to start...", lines=14, interactive=False, elem_classes="log-box" 
+                            )
+                        
+                        with gr.Tab("🔍 System Snapshot"):
+                            refresh_btn = gr.Button("🔄 Refresh Directory Tree") 
+                            debug_view = gr.Textbox(
+                                label="Workspace Files", lines=13, interactive=False, value=get_debug_info(), elem_classes="log-box"
+                            )
+
+    # ================= LOGIC BINDINGS =================
     key_btn.click(fn=save_api_settings, inputs=[key_input, api_base_url_input], outputs=[parse_status, debug_view])
     
-    # 绑定上传和清除事件，实现自动化
     pdf_input.upload(fn=save_pdf, inputs=pdf_input, outputs=[parse_status, debug_view])
-    pdf_input.clear(fn=lambda: ("ℹ️ 已清空文件", get_debug_info()), outputs=[parse_status, debug_view])
+    # 增加清除逻辑，点击 "x" 后彻底删除后端文件
+    pdf_input.clear(fn=clear_pdf, outputs=[parse_status, debug_view])
     
-    parse_btn.click(
-        fn=run_mineru_parsing_and_dag_gen, 
-        outputs=[parse_status, debug_view, cmd_logs]
-    )
+    parse_btn.click(fn=run_mineru_parsing_and_dag_gen, outputs=[parse_status, debug_view, cmd_logs])
 
-    # 动态控制下载组件的显示与隐藏
     def trigger_gen(task):
         status, debug, logs, file_path = run_final_generation(task)
-        # 如果 file_path 存在，显示下载组件并赋值；否则保持隐藏
         file_update = gr.update(value=file_path, visible=True) if file_path else gr.update(visible=False)
         return status, debug, logs, file_update