feat(gui): 全面革新GUI主题与映射编辑体验

本次提交对图形用户界面（GUI）进行了大规模的重构和美化，并显著增强了映射文件编辑器的功能性和用户体验。

主要改动包括：

1. **全新GUI主题**
   - 废弃了原有的 `qdarkstyle` 暗色主题。
   - 引入了名为 "Otaku-Sync Soft & Fresh Theme" 的全新浅色主题，以薄荷绿为强调色，整体风格更柔和、现代化。
   - 全面重写了 `gui/style.qss`，为核心组件提供了精致的样式。

2. **映射编辑器 (`MappingEditorWidget`) 重构**
   - **界面布局**: 采用 `QSplitter` 将布局分为左右两栏（键列表/值列表），结构更清晰。
   - **用户体验**: 为键列表添加了实时搜索框；使用图标按钮替换了文本按钮；优化了“保存”按钮的视觉效果。
   - **状态管理**: 实现了“未保存状态（dirty）”跟踪机制，并在主窗口标题栏中以星号（`*`）标示未保存的更改。
   - **中文显示**: 将下拉框中的原始文件名替换为更易于理解的中文名称。

3. **主窗口 (`MainWindow`) 功能增强**
   - **安全退出**: 在关闭应用时，会检查并提示用户保存未保存的更改，有效防止数据丢失。
   - **国际化**: 添加了 `QTranslator`，使得Qt内置的标准对话框能够显示为中文。

4. **其他**
   - 对 `update_brand_latestBeat.py` 脚本进行了初步的功能增强。
   - 清理了 `mapping/tag_ggbase.json` 中的无效数据。

Author: baiheyyds

gui/main_window.py

@@ -1,4 +1,3 @@
-
 import sys
 import asyncio
 import threading
@@ -49,7 +48,7 @@ def __init__(self):
         self.keyword_input.setPlaceholderText("输入游戏名/关键词...")
         self.manual_mode_checkbox = QCheckBox("手动模式")
         self.search_button = QPushButton("🔍 开始搜索")
-        top_layout.addWidget(QLabel("游戏名:"))
+        top_layout.addWidget(QLabel("请输入游戏名:"))
         top_layout.addWidget(self.keyword_input, 1)
         top_layout.addWidget(self.manual_mode_checkbox)
         top_layout.addWidget(self.search_button)
@@ -87,7 +86,8 @@ def __init__(self):
         log_bridge.log_received.connect(self.log_console.appendPlainText)
         # Connect the mapping editor's log signal
         self.mapping_editor_widget.log_message.connect(self.log_console.appendPlainText)
-        
+        self.mapping_editor_widget.dirty_status_changed.connect(self.update_window_title)
+
         self.init_shared_context()
         self.run_background_tasks()
 
@@ -98,6 +98,12 @@ def __init__(self):
         self.keyword_input.returnPressed.connect(self.start_search_process)
         self.batch_tools_widget.script_triggered.connect(self.start_script_execution)
 
+    def update_window_title(self, is_dirty):
+        title = "Otaku Sync - 图形工具"
+        if is_dirty:
+            title += " *"
+        self.setWindowTitle(title)
+
     def init_shared_context(self):
         project_logger.system("🔧 正在初始化应用程序级共享上下文...")
         self.shared_context = create_shared_context()
@@ -215,10 +221,10 @@ def on_script_completed(self, script_name, success, result):
                         f.write(name + "\n")
                 QMessageBox.information(self, "导出成功", 
                                         f"已成功导出 {len(result)} 个品牌名到项目根目录下的\n"
-                                        f"{output_filename} 文件中。")
+                                        f"{output_filename} 文件中。 সন")
             except IOError as e:
                 project_logger.error(f"写入文件 {output_filename} 时出错: {e}")
-                QMessageBox.critical(self, "文件写入失败", f"无法写入品牌列表到 {output_filename}。")
+                QMessageBox.critical(self, "文件写入失败", f"无法写入品牌列表到 {output_filename} সন")
 
     def set_all_buttons_enabled(self, enabled):
         self.search_button.setEnabled(enabled)
@@ -235,7 +241,7 @@ def handle_brand_merge_requested(self, new_brand_name, suggested_brand):
             return
 
         dialog = BrandMergeDialog(new_brand_name, suggested_brand, self)
-        dialog.exec()
+        dialog.exec() 
 
         # The dialog's result property holds the user's choice
         worker.set_interaction_response(dialog.result)
@@ -361,6 +367,32 @@ def cleanup_worker(self):
             self.script_worker = None
 
     def closeEvent(self, event):
+        # First, check for unsaved changes in the mapping editor
+        if self.mapping_editor_widget.is_dirty:
+            msg_box = QMessageBox(self)
+            msg_box.setWindowTitle('未保存的更改')
+            msg_box.setText("映射文件有未保存的更改。您想在退出前保存吗？")
+            msg_box.setIcon(QMessageBox.Question)
+            
+            save_button = msg_box.addButton("保存", QMessageBox.AcceptRole)
+            discard_button = msg_box.addButton("不保存", QMessageBox.DestructiveRole)
+            cancel_button = msg_box.addButton("取消", QMessageBox.RejectRole)
+            
+            msg_box.setDefaultButton(cancel_button)
+            msg_box.exec()
+            
+            clicked_button = msg_box.clickedButton()
+
+            if clicked_button == save_button:
+                if not self.mapping_editor_widget.save_current_file():
+                    event.ignore() # Ignore exit if save failed
+                    return
+            elif clicked_button == cancel_button:
+                event.ignore()
+                return
+            # If discard_button is clicked, just proceed
+
+        # Then, check for running workers
         if (self.game_sync_worker and self.game_sync_worker.isRunning()) or \
            (self.script_worker and self.script_worker.isRunning()):
             reply = QMessageBox.question(self, '任务正在进行', 
@@ -380,4 +412,4 @@ def closeEvent(self, event):
                 project_logger.error(f"关闭应用时发生错误: {e}")
 
         project_logger.system("程序已安全退出。\n")
-        event.accept()
+        event.accept()

gui/style.qss

@@ -1,96 +1,127 @@
-/* Otaku-Sync Custom Stylesheet v2 */
+/*
+ * Otaku-Sync Soft & Fresh Theme v6
+ * A low-contrast, comfortable, mint-accented light theme.
+ */
 
 /* --- General --- */
 QWidget {
     font-family: "Segoe UI", "Helvetica Neue", "Arial", sans-serif;
     font-size: 15px;
-    /* A slightly lighter base text color for better overall contrast */
-    color: #E0E0E0; 
+    color: #2c3e50; /* Softer dark gray text */
+    background-color: #F7F9FC; /* A very light, slightly blueish-gray */
 }
 
-/* --- Key Widgets --- */
-QPushButton, QLineEdit, QComboBox, QPlainTextEdit, QTextEdit {
-    /* Unified padding and border-radius */
-    padding: 9px;
-    border-radius: 5px;
-    /* A slightly lighter background to distinguish from the window */
-    background-color: #333; 
-    border: 1px solid #444;
+/* --- Key Interactive Widgets --- */
+QLineEdit, QComboBox, QPlainTextEdit, QTextEdit, QListWidget {
+    padding: 10px;
+    border-radius: 8px;
+    background-color: #FFFFFF;
+    border: 1px solid #EAEAEA;
+    selection-background-color: #1ABC9C; /* Mint Green */
+    selection-color: #ffffff;
 }
 
-/* Provide visual feedback on focus */
-QLineEdit:focus, QPlainTextEdit:focus, QTextEdit:focus, QComboBox:focus {
-    border: 1px solid #0078d4; /* Use accent color for focus */
+/* Focus State */
+QLineEdit:focus, QPlainTextEdit:focus, QTextEdit:focus, QComboBox:focus, QListWidget:focus {
+    border: 1px solid #1ABC9C;
 }
 
+/* --- Buttons System --- */
+
+/* Base Button Style (for Batch Tools) */
 QPushButton {
-    font-weight: bold;
-    color: #fff;
-    background-color: #0078d4; /* Main accent color for primary actions */
+    font-weight: 600;
+    padding: 10px 18px;
+    border-radius: 8px;
+    color: #4F4F4F;
+    background-color: #FFFFFF;
+    border: 1px solid #EAEAEA;
 }
 
 QPushButton:hover {
-    background-color: #008dfa; /* Lighter blue on hover */
+    color: #1ABC9C;
+    border-color: #1ABC9C;
+}
+
+QPushButton:pressed {
+    background-color: #F0F0F0;
+}
+
+QPushButton:disabled {
+    color: #BDBDBD;
+    background-color: #F5F5F5;
+    border-color: #EAEAEA;
+}
+
+/* Primary Action Button (Save) */
+QPushButton#PrimaryButton {
+    color: #ffffff;
+    font-weight: bold;
+    background-color: #1ABC9C; /* Mint Green */
+    border: none;
+}
+
+QPushButton#PrimaryButton:hover {
+    background-color: #1DCCAB; /* Lighter Mint */
+}
+
+/* Tool Buttons (Add/Delete) */
+QPushButton#AddToolButton, QPushButton#DangerToolButton {
+    border-radius: 14px; /* Circle */
+    border: 1px solid #EAEAEA;
+    background-color: #FFFFFF;
+}
+
+QPushButton#AddToolButton:hover, QPushButton#DangerToolButton:hover {
+    border-color: #1ABC9C;
 }
 
 /* --- Tab Widget --- */
 QTabWidget::pane {
-    /* The area where tab content is shown */
-    border-top: 2px solid #444;
-    margin-top: -2px; /* Align with the tab bar bottom border */
+    border: none;
 }
 
 QTabBar::tab {
-    /* Style for individual tabs */
     padding: 10px 20px;
     background-color: transparent;
-    color: #aaa; /* Dim unselected tabs */
-    border: none; /* Remove default borders */
-    font-weight: bold;
+    color: #7f8c8d; /* Lighter gray for inactive tabs */
+    border: none;
+    font-weight: 600;
+    border-bottom: 2px solid transparent;
+    margin-right: 4px;
 }
 
 QTabBar::tab:hover {
-    color: #fff; /* Highlight on hover */
+    color: #4F4F4F;
 }
 
 QTabBar::tab:selected {
-    /* Style for the active tab */
-    color: #fff;
-    background-color: #444; /* Lighter background for the tab itself */
-    border-bottom: 2px solid #0078d4; /* Accent color line */
+    color: #1ABC9C;
+    border-bottom: 2px solid #1ABC9C;
 }
 
 
 /* --- GroupBox --- */
 QGroupBox {
-    margin-top: 12px; 
-    border: 1px solid #444; /* Match other borders */
-    border-radius: 8px;
-    padding-top: 25px;
+    margin-top: 15px;
+    border: 1px solid #EAEAEA;
+    border-radius: 12px;
+    padding: 30px 15px 15px 15px;
+    background-color: transparent; /* Inherit window background */
 }
 
 QGroupBox::title {
     subcontrol-origin: margin;
     subcontrol-position: top left;
-    padding: 4px 12px;
-    margin-left: 10px;
-    background-color: #0078d4; /* Use accent color for titles */
-    color: #fff;
-    border-radius: 5px;
-    font-weight: bold;
-}
-
-/* --- Progress Bar --- */
-QProgressBar {
-    padding: 3px;
-    border-radius: 5px;
-    text-align: center;
-    font-weight: bold;
-    background-color: #333;
-    border: 1px solid #444;
+    padding: 0px 10px;
+    margin-left: 15px;
+    color: #4F4F4F;
+    font-size: 16px;
+    font-weight: 600;
+    background-color: #F7F9FC; /* Match window background */
 }
 
-QProgressBar::chunk {
-    background-color: #0078d4;
-    border-radius: 3px;
+/* --- List Widget Alternating Rows --- */
+QListWidget[alternatingRowColors="true"]::item:alternate {
+    background-color: #F7F9FC;
 }