diff --git a/src/flask_prompt_master/routes/android_tools.py b/src/flask_prompt_master/routes/android_tools.py
index 06a64c5..284c55a 100644
--- a/src/flask_prompt_master/routes/android_tools.py
+++ b/src/flask_prompt_master/routes/android_tools.py
@@ -6,9 +6,8 @@ from flask import Blueprint, render_template, request, jsonify
 from openai import OpenAI
 import logging
 import os
-from src.flask_prompt_master import db
-from src.flask_prompt_master.models.models import User
 from src.flask_prompt_master.models.history_models import PromptHistory, UserStatistics
+from src.flask_prompt_master.user_context import get_current_user_id
 
 logger = logging.getLogger(__name__)
 android_tools_bp = Blueprint('android_tools', __name__)
@@ -73,25 +72,6 @@ CODE_REVIEW_SYSTEM = """你是一位资深的 Android 开发专家，擅长代
 输出格式清晰，使用小标题和分点，便于 Reviewer 逐项打勾或评论。"""
 
 
-def _get_user_id():
-    try:
-        from flask_login import current_user
-        if current_user.is_authenticated:
-            return getattr(current_user, 'id', None) or getattr(current_user, 'uid', None)
-    except Exception:
-        pass
-    from flask import session
-    uid = session.get('user_id')
-    if uid is not None:
-        return uid
-    try:
-        u = User.query.filter_by(login_name='admin').first()
-        return u.uid if u else 1
-    except Exception as e:
-        logger.warning("获取默认用户失败: %s", e)
-        return 1
-
-
 def _call_llm(system_prompt: str, user_content: str, max_tokens: int = 1200) -> str:
     try:
         resp = client.chat.completions.create(
@@ -139,7 +119,7 @@ def crash_log_analyze_api():
         result = _call_llm(CRASH_ANALYST_SYSTEM, raw_log)
         if not result:
             return jsonify({'success': False, 'message': '分析失败，请重试'})
-        user_id = _get_user_id()
+        user_id = get_current_user_id()
         _save_to_history(user_id, raw_log, result, 'Crash/异常日志解读')
         return jsonify({'success': True, 'data': {'result': result}})
     except Exception as e:
@@ -163,7 +143,7 @@ def gradle_conflict_analyze_api():
         result = _call_llm(GRADLE_CONFLICT_SYSTEM, raw_error)
         if not result:
             return jsonify({'success': False, 'message': '分析失败，请重试'})
-        user_id = _get_user_id()
+        user_id = get_current_user_id()
         _save_to_history(user_id, raw_error, result, '依赖冲突分析')
         return jsonify({'success': True, 'data': {'result': result}})
     except Exception as e:
@@ -187,7 +167,7 @@ def perf_optimize_api():
         result = _call_llm(PERF_OPTIMIZE_SYSTEM, user_input, max_tokens=1400)
         if not result:
             return jsonify({'success': False, 'message': '生成失败，请重试'})
-        user_id = _get_user_id()
+        user_id = get_current_user_id()
         _save_to_history(user_id, user_input, result, '性能优化建议')
         return jsonify({'success': True, 'data': {'result': result}})
     except Exception as e:
@@ -211,7 +191,7 @@ def tech_review_api():
         result = _call_llm(TECH_REVIEW_SYSTEM, user_input, max_tokens=1400)
         if not result:
             return jsonify({'success': False, 'message': '生成失败，请重试'})
-        user_id = _get_user_id()
+        user_id = get_current_user_id()
         _save_to_history(user_id, user_input, result, '技术方案评审要点')
         return jsonify({'success': True, 'data': {'result': result}})
     except Exception as e:
@@ -235,7 +215,7 @@ def code_review_api():
         result = _call_llm(CODE_REVIEW_SYSTEM, user_input, max_tokens=1400)
         if not result:
             return jsonify({'success': False, 'message': '生成失败，请重试'})
-        user_id = _get_user_id()
+        user_id = get_current_user_id()
         _save_to_history(user_id, user_input, result, 'Code Review 清单')
         return jsonify({'success': True, 'data': {'result': result}})
     except Exception as e:
diff --git a/src/flask_prompt_master/routes/history_routes.py b/src/flask_prompt_master/routes/history_routes.py
index 11ace30..f2d02ac 100644
--- a/src/flask_prompt_master/routes/history_routes.py
+++ b/src/flask_prompt_master/routes/history_routes.py
@@ -4,7 +4,6 @@
 """
 
 from flask import Blueprint, request, jsonify, current_app, render_template
-from flask_login import login_required, current_user
 from datetime import datetime, timedelta
 from sqlalchemy import desc, asc, and_, or_, func
 import json
@@ -14,17 +13,11 @@ import io
 # 导入数据模型
 from ..models.history_models import PromptHistory, HistoryTag, UserStatistics
 from ..models.models import PromptTemplate, db
+from ..user_context import get_current_user_id
 
 # 创建蓝图
 history_bp = Blueprint('history', __name__)
 
-def get_current_user_id():
-    """获取当前用户ID"""
-    try:
-        return current_user.id if current_user.is_authenticated else 1
-    except:
-        return 1
-
 @history_bp.route('/history')
 def history_page():
     """历史记录页面"""
diff --git a/src/flask_prompt_master/routes/resume_optimization.py b/src/flask_prompt_master/routes/resume_optimization.py
index 59e9748..5a63f3c 100644
--- a/src/flask_prompt_master/routes/resume_optimization.py
+++ b/src/flask_prompt_master/routes/resume_optimization.py
@@ -2,12 +2,13 @@
 """
 简历/求职信优化功能路由
 """
-from flask import Blueprint, render_template, request, jsonify, session
+from flask import Blueprint, render_template, request, jsonify
 from openai import OpenAI
 import logging
 import os
 from src.flask_prompt_master import db
-from src.flask_prompt_master.models.models import User, ResumeOptimization
+from src.flask_prompt_master.models.models import ResumeOptimization
+from src.flask_prompt_master.user_context import get_current_user_id
 
 logger = logging.getLogger(__name__)
 resume_optimization_bp = Blueprint('resume_optimization', __name__)
@@ -51,18 +52,6 @@ def _generate_optimization(opt_type: str, original: str, job_description: str) -
     return response.choices[0].message.content
 
 
-def _get_resume_user_id():
-    user_id = session.get('user_id')
-    if user_id is not None:
-        return user_id
-    try:
-        u = User.query.filter_by(login_name='admin').first()
-        return u.uid if u else 1
-    except Exception as e:
-        logger.warning(f"获取默认用户失败: {e}")
-        return 1
-
-
 @resume_optimization_bp.route('/resume-optimization', methods=['GET'])
 def optimization_page():
     """简历/求职信优化页面"""
@@ -100,7 +89,7 @@ def save_optimization_api():
         optimized_content = (data.get('optimized_content') or '').strip()
         if not optimized_content:
             return jsonify({'success': False, 'message': '优化内容不能为空'})
-        user_id = _get_resume_user_id()
+        user_id = get_current_user_id()
         r = ResumeOptimization(user_id=user_id, opt_type=opt_type, original_content=original_content, job_description=job_description or None, optimized_content=optimized_content)
         db.session.add(r)
         db.session.commit()
@@ -114,7 +103,7 @@ def save_optimization_api():
 @resume_optimization_bp.route('/api/resume-optimization/list', methods=['GET'])
 def list_optimization_api():
     try:
-        user_id = _get_resume_user_id()
+        user_id = get_current_user_id()
         page = request.args.get('page', 1, type=int)
         per_page = request.args.get('per_page', 10, type=int)
         pag = ResumeOptimization.query.filter_by(user_id=user_id).order_by(ResumeOptimization.created_at.desc()).paginate(page=page, per_page=per_page, error_out=False)
@@ -128,7 +117,7 @@ def list_optimization_api():
 @resume_optimization_bp.route('/api/resume-optimization/<int:rid>', methods=['GET'])
 def get_optimization_api(rid):
     try:
-        user_id = _get_resume_user_id()
+        user_id = get_current_user_id()
         r = ResumeOptimization.query.filter_by(id=rid, user_id=user_id).first()
         if not r:
             return jsonify({'success': False, 'message': '记录不存在'})
@@ -140,7 +129,7 @@ def get_optimization_api(rid):
 @resume_optimization_bp.route('/api/resume-optimization/<int:rid>', methods=['DELETE'])
 def delete_optimization_api(rid):
     try:
-        user_id = _get_resume_user_id()
+        user_id = get_current_user_id()
         r = ResumeOptimization.query.filter_by(id=rid, user_id=user_id).first()
         if not r:
             return jsonify({'success': False, 'message': '记录不存在'})
diff --git a/src/flask_prompt_master/routes/routes.py b/src/flask_prompt_master/routes/routes.py
index 52f6ea5..50b6fe7 100644
--- a/src/flask_prompt_master/routes/routes.py
+++ b/src/flask_prompt_master/routes/routes.py
@@ -3,6 +3,7 @@ from openai import OpenAI
 from src.flask_prompt_master import db
 from src.flask_prompt_master.models import User, Prompt, Feedback, PromptTemplate, WxUser
 from src.flask_prompt_master.models.history_models import PromptHistory, UserStatistics
+from src.flask_prompt_master.user_context import get_current_user_id
 from src.flask_prompt_master.forms import PromptForm, FeedbackForm
 from src.flask_prompt_master.config import Config
 import pymysql
@@ -149,15 +150,6 @@ def save_to_history(input_text, generated_text, template_id=None, generation_tim
         current_app.logger.error(f"保存历史记录失败: {str(e)}")
         return None
 
-def get_current_user_id():
-    """获取当前用户ID"""
-    try:
-        # 这里应该根据实际的用户认证系统来获取用户ID
-        # 暂时返回默认用户ID
-        return 1
-    except:
-        return 1
-
 def get_template_icon(category):
     """根据分类返回对应的Font Awesome图标类名"""
     icons = {
@@ -367,6 +359,83 @@ def get_templates_by_category(category):
         'quick_start': quick_start,
     })
 
+
+@main_bp.route('/api/generate/meta', methods=['GET'])
+def api_generate_meta():
+    """Vue / SPA：筛选维度与场景分类（与首页 generate 页数据源一致）"""
+    all_templates = PromptTemplate.query.all()
+    industries = sorted(set(t.industry for t in all_templates if t.industry))
+    professions = sorted(set(t.profession for t in all_templates if t.profession))
+    all_categories = sorted(set(t.category for t in all_templates if t.category))
+    categories = []
+    if '通用' in all_categories:
+        categories.append('通用')
+        all_categories.remove('通用')
+    categories.extend(all_categories)
+    sub_categories = sorted(set(t.sub_category for t in all_templates if t.sub_category))
+    return jsonify({
+        'success': True,
+        'categories': categories,
+        'industries': industries,
+        'professions': professions,
+        'sub_categories': sub_categories,
+    })
+
+
+@main_bp.route('/api/prompt/generate', methods=['POST'])
+def api_prompt_generate():
+    """Vue / SPA：JSON 提交生成提示词（逻辑与首页 POST / 对齐）"""
+    data = request.get_json(silent=True) or {}
+    input_text = (data.get('input_text') or '').strip()
+    template_id = data.get('template_id')
+    if template_id is not None and template_id != '':
+        try:
+            template_id = int(template_id)
+        except (TypeError, ValueError):
+            return jsonify({'success': False, 'message': '模板 ID 无效'}), 400
+    else:
+        template_id = None
+
+    if not input_text:
+        return jsonify({'success': False, 'message': '请输入您的需求描述'}), 400
+    if len(input_text) > 1000:
+        return jsonify({'success': False, 'message': '需求描述请勿超过 1000 字'}), 400
+
+    try:
+        generated_text = generate_with_llm(input_text, template_id)
+        if not generated_text or (
+            isinstance(generated_text, str) and generated_text.startswith('提示词生成失败')
+        ):
+            return jsonify({
+                'success': False,
+                'message': generated_text or '生成失败',
+            }), 500
+
+        user_id = get_current_user_id()
+
+        prompt = Prompt(
+            input_text=input_text,
+            generated_text=generated_text,
+            user_id=user_id,
+        )
+        db.session.add(prompt)
+        db.session.commit()
+
+        return jsonify({
+            'success': True,
+            'generated_text': generated_text,
+            'prompt': {
+                'id': prompt.id,
+                'input_text': input_text,
+                'generated_text': generated_text,
+            },
+        })
+    except Exception as e:
+        current_app.logger.error('api_prompt_generate: %s', str(e))
+        db.session.rollback()
+        return jsonify({'success': False, 'message': f'生成时发生错误: {str(e)}'}), 500
+
+
 @main_bp.route('/prompt/<int:prompt_id>')
 def show_prompt(prompt_id):
     prompt = Prompt.query.get_or_404(prompt_id)
diff --git a/src/flask_prompt_master/routes/smart_prompt_optimization.py b/src/flask_prompt_master/routes/smart_prompt_optimization.py
index 8fb25e2..589000a 100644
--- a/src/flask_prompt_master/routes/smart_prompt_optimization.py
+++ b/src/flask_prompt_master/routes/smart_prompt_optimization.py
@@ -3,7 +3,7 @@
 智能提示词优化：根据用户需求描述先生成对应的优化模板，再根据模板优化用户提示词。
 复用项目默认的专家提示词生成器逻辑（意图分析 + 领域）来生成「优化师模板」。
 """
-from flask import Blueprint, render_template, request, jsonify, session
+from flask import Blueprint, render_template, request, jsonify
 from openai import OpenAI
 import json
 import logging
@@ -11,6 +11,7 @@ import os
 from src.flask_prompt_master import db
 from src.flask_prompt_master.models.models import User, Prompt
 from src.flask_prompt_master.models.history_models import PromptHistory, UserStatistics
+from src.flask_prompt_master.user_context import get_current_user_id
 
 logger = logging.getLogger(__name__)
 smart_prompt_optimization_bp = Blueprint('smart_prompt_optimization', __name__)
@@ -107,17 +108,6 @@ def _optimize_with_template(optimizer_system: str, prompt_to_optimize: str) -> s
     return resp.choices[0].message.content.strip()
 
 
-def _get_user_id():
-    """与历史页 get_current_user_id 完全一致，未登录统一用 1，保证历史列表能查到"""
-    try:
-        from flask_login import current_user
-        if current_user.is_authenticated:
-            return getattr(current_user, 'id', None) or getattr(current_user, 'uid', None)
-    except Exception:
-        pass
-    return 1
-
-
 @smart_prompt_optimization_bp.route('/smart-prompt-optimization', methods=['GET'])
 def optimization_page():
     """智能提示词优化应用页"""
@@ -153,7 +143,7 @@ def generate_api():
         if not generated_prompt:
             return jsonify({'code': 500, 'message': '优化失败，请重试', 'data': None})
 
-        user_id = _get_user_id()
+        user_id = get_current_user_id()
         # 保存到 Prompt 表
         try:
             p = Prompt(input_text=user_input, generated_text=generated_prompt, user_id=user_id)
diff --git a/src/flask_prompt_master/templates/base.html b/src/flask_prompt_master/templates/base.html
index 065cc26..9220909 100644
--- a/src/flask_prompt_master/templates/base.html
+++ b/src/flask_prompt_master/templates/base.html
@@ -3,6 +3,10 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="description" content="AI 提示词生成与管理，模板库、筛选与专业生成">
+    <meta property="og:title" content="提示词大师">
+    <meta property="og:description" content="AI 提示词生成与管理，模板库、筛选与专业生成">
+    <meta property="og:type" content="website">
     <title>提示词大师 - {% block title %}{% endblock %}</title>
     <!-- 添加 Google Fonts - Inter字体 -->
     <link rel="preconnect" href="https://fonts.googleapis.com">
@@ -43,11 +47,11 @@
             --border-color: #E2E8F0;         /* 边框色 */
             --border-light: #F1F5F9;         /* 浅边框 */
             
-            /* 文字色 */
+            /* 文字色（提高对比度，兼顾 WCAG AA） */
             --text-color: #0F172A;           /* 深色文字 */
-            --text-secondary: #475569;       /* 次要文字 */
-            --text-light: #64748B;           /* 浅色文字 */
-            --text-muted: #94A3B8;           /* 静音文字 */
+            --text-secondary: #334155;       /* 次要文字 */
+            --text-light: #475569;           /* 辅助说明文字 */
+            --text-muted: #64748B;           /* 静音/占位 */
             
             /* 阴影 */
             --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
@@ -128,7 +132,7 @@
         }
 
         .nav-brand i {
-            font-size: 1.5rem;
+            font-size: 1.125rem;
         }
 
         .nav-links {
@@ -177,7 +181,7 @@
         }
 
         .nav-link i {
-            font-size: 1rem;
+            font-size: 1.125rem;
         }
 
         /* 响应式导航栏 */
@@ -375,7 +379,17 @@
         }
         
         .user-menu .dropdown-toggle:focus {
-            box-shadow: 0 0 0 2px rgba(33, 150, 243, 0.2);
+            outline: none;
+        }
+
+        .user-menu .dropdown-toggle:focus-visible {
+            outline: 2px solid var(--primary-light, #3B82F6);
+            outline-offset: 3px;
+            box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.25);
+        }
+
+        .user-menu .dropdown-toggle > i {
+            font-size: 1.125rem;
         }
         
         .user-menu .user-name {
@@ -475,6 +489,54 @@
                 padding: 1rem;
             }
         }
+
+        /* 键盘焦点：清晰可见（仅 :focus-visible，避免鼠标点击出现多余描边） */
+        :focus-visible {
+            outline: 2px solid var(--primary-light, #3B82F6);
+            outline-offset: 2px;
+        }
+
+        .btn:focus:not(:focus-visible),
+        .nav-link:focus:not(:focus-visible),
+        .dropdown-toggle:focus:not(:focus-visible) {
+            outline: none;
+        }
+
+        /* 减弱动画（系统偏好） */
+        @media (prefers-reduced-motion: reduce) {
+            *,
+            *::before,
+            *::after {
+                animation-duration: 0.01ms !important;
+                animation-iteration-count: 1 !important;
+                transition-duration: 0.01ms !important;
+                scroll-behavior: auto !important;
+            }
+        }
+
+        /* 暗色模式（跟随系统，基础变量层） */
+        @media (prefers-color-scheme: dark) {
+            :root {
+                --background-color: #0f172a;
+                --background-secondary: #1e293b;
+                --border-color: #334155;
+                --border-light: #1e293b;
+                --text-color: #f8fafc;
+                --text-secondary: #cbd5e1;
+                --text-light: #94a3b8;
+                --text-muted: #64748b;
+            }
+
+            header {
+                background: rgba(15, 23, 42, 0.92);
+                border-bottom-color: var(--border-color);
+            }
+
+            body {
+                background-color: var(--background-color);
+                color: var(--text-color);
+            }
+        }
     </style>
     {% block extra_css %}{% endblock %}
     <script>
diff --git a/src/flask_prompt_master/templates/generate.html b/src/flask_prompt_master/templates/generate.html
index 4478c0b..7e9add5 100644
--- a/src/flask_prompt_master/templates/generate.html
+++ b/src/flask_prompt_master/templates/generate.html
@@ -44,9 +44,12 @@
                 </select>
             </div>
             
-            <div class="filter-group">
-                <label for="subCategoryFilter">领域</label>
-                <select id="subCategoryFilter" class="custom-select">
+            <div class="filter-group filter-group-subcategory">
+                <label for="subCategoryFilterSearch">领域</label>
+                <input type="search" id="subCategoryFilterSearch" class="filter-select-search"
+                       placeholder="输入关键字筛选领域列表…" autocomplete="off"
+                       aria-label="按关键字筛选领域下拉列表">
+                <select id="subCategoryFilter" class="custom-select" aria-label="选择领域">
                     <option value="all">全部领域</option>
                     {% for sub_category in sub_categories %}
                     <option value="{{ sub_category }}">{{ sub_category }}</option>
@@ -73,7 +76,7 @@
     <!-- 主内容区域 -->
     <div class="main-content">
             <div class="d-flex justify-content-between align-items-center mb-4">
-                <h2>AI提示词生成器</h2>
+                <h1 class="page-main-heading mb-0">AI提示词生成器</h1>
                 <a href="{{ url_for('main.expert_generate') }}" class="btn btn-primary">
                     <i class="fas fa-brain"></i> 专家模式
                 </a>
@@ -124,10 +127,14 @@
 
                 <div class="search-section">
                     <div class="search-box">
-                        <input type="text" id="templateSearch" class="search-input" placeholder="搜索模板名称或描述...">
-                        <i class="fas fa-search search-icon"></i>
+                        <label for="templateSearch" class="visually-hidden">搜索模板</label>
+                        <input type="search" id="templateSearch" class="search-input" placeholder="搜索模板名称或描述…" autocomplete="off">
+                        <button type="button" class="search-clear-btn" id="templateSearchClear" aria-label="清除搜索" hidden>
+                            <i class="fas fa-times" aria-hidden="true"></i>
+                        </button>
+                        <i class="fas fa-search search-icon" aria-hidden="true"></i>
                     </div>
-                    <div class="search-stats">
+                    <div class="search-stats" role="status" aria-live="polite" aria-atomic="true">
                         <span class="search-count"></span>
                     </div>
                 </div>
@@ -159,7 +166,7 @@
                         </div>
                     </div>
                     
-                    <div class="template-grid">
+                    <div class="template-grid" role="radiogroup" aria-label="可选提示词模板">
                         {% for template in templates %}
                         <div class="template-card" 
                              data-category="{{ template.category }}"
@@ -169,18 +176,13 @@
                              data-template-id="{{ template.id }}"
                              data-template-content="{{ template.system_prompt|e }}">
                             <input type="radio" name="template_id" id="template_{{ template.id }}" 
-                                   value="{{ template.id }}" 
+                                   value="{{ template.id }}"
+                                   aria-label="选择模板：{{ template.name|e }}"
                                    {% if selected_template_id and selected_template_id|int == template.id %}checked
                                    {% elif not selected_template_id and template.is_default %}checked
                                    {% elif not selected_template_id and loop.first %}checked{% endif %}>
                             <label for="template_{{ template.id }}" class="template-content">
                                 <div class="template-actions">
-                                    <button type="button" class="btn-copy" 
-                                            data-template-id="{{ template.id }}"
-                                            data-template-content="{{ template.system_prompt|e }}"
-                                            title="复制模板内容">
-                                        <i class="fas fa-copy"></i>
-                                    </button>
                                     <button type="button" class="btn-delete" 
                                             data-template-id="{{ template.id }}"
                                             title="删除模板">
@@ -199,20 +201,28 @@
                                         <span class="level">初级</span>
                                     </span>
                                 </div>
+                                {% if template.industry or template.profession or template.sub_category %}
                                 <div class="template-categories">
+                                    {% if template.industry %}
                                     <div class="category-group">
                                         <span class="category-label">行业:</span>
                                         <span class="category-value">{{ template.industry }}</span>
                                     </div>
+                                    {% endif %}
+                                    {% if template.profession %}
                                     <div class="category-group">
                                         <span class="category-label">职业:</span>
                                         <span class="category-value">{{ template.profession }}</span>
                                     </div>
+                                    {% endif %}
+                                    {% if template.sub_category %}
                                     <div class="category-group">
                                         <span class="category-label">领域:</span>
                                         <span class="category-value">{{ template.sub_category }}</span>
                                     </div>
+                                    {% endif %}
                                 </div>
+                                {% endif %}
                                 
                                 <div class="template-header">
                                     <div class="template-icon">
@@ -245,38 +255,26 @@
                                     {% endif %}
                                 </div>
                                 
-                                <div class="template-info">
-                                    <p>{{ template.description }}</p>
-                                </div>
                             </label>
-                            
-                            <!-- 悬停预览 -->
-                            <div class="template-preview" style="display: none;">
-                                <div class="preview-header">
-                                    <h4>{{ template.name }}</h4>
-                                    <button type="button" class="preview-close">
-                                        <i class="fas fa-times"></i>
-                                    </button>
+
+                            <div class="template-card-extra">
+                                <div class="template-extra-section">
+                                    <h5 class="template-extra-title">提示词模板</h5>
+                                    <div class="template-prompt-body">{{ template.system_prompt|e }}</div>
                                 </div>
-                                <div class="preview-content">
-                                    <div class="preview-section">
-                                        <h5>模板内容</h5>
-                                        <div class="template-content-preview">
-                                            {{ template.system_prompt[:200] }}{% if template.system_prompt|length > 200 %}...{% endif %}
-                                        </div>
-                                    </div>
-                                    <div class="preview-section">
-                                        <h5>使用说明</h5>
-                                        <p>{{ template.description }}</p>
-                                    </div>
-                                    <div class="preview-actions">
-                                        <button type="button" class="btn btn-primary btn-sm preview-select">
-                                            <i class="fas fa-check"></i> 选择此模板
-                                        </button>
-                                        <button type="button" class="btn btn-outline-primary btn-sm preview-copy">
-                                            <i class="fas fa-copy"></i> 复制内容
-                                        </button>
-                                    </div>
+                                <div class="template-extra-section">
+                                    <h5 class="template-extra-title">使用说明</h5>
+                                    <p class="template-extra-desc">{{ (template.description or '暂无使用说明')|e }}</p>
+                                </div>
+                                <div class="template-card-actions-row">
+                                    <button type="button" class="btn btn-primary btn-sm card-use-template" data-radio-target="template_{{ template.id }}">
+                                        <i class="fas fa-check"></i> 选用此模板
+                                    </button>
+                                    <button type="button" class="btn btn-outline-primary btn-sm btn-copy"
+                                            data-template-id="{{ template.id }}"
+                                            data-template-content="{{ template.system_prompt|e }}">
+                                        <i class="fas fa-copy"></i> 复制全文
+                                    </button>
                                 </div>
                             </div>
                         </div>
@@ -321,12 +319,12 @@
 </div>
 
 <!-- 选择历史模态框 -->
-<div class="modal" id="selectionHistoryModal">
+<div class="modal" id="selectionHistoryModal" role="dialog" aria-modal="true" aria-labelledby="selectionHistoryTitle" aria-hidden="true">
     <div class="modal-content">
         <div class="modal-header">
-            <h3>选择历史</h3>
-            <button type="button" class="modal-close" id="closeHistoryModal">
-                <i class="fas fa-times"></i>
+            <h3 id="selectionHistoryTitle">选择历史</h3>
+            <button type="button" class="modal-close" id="closeHistoryModal" aria-label="关闭选择历史">
+                <i class="fas fa-times" aria-hidden="true"></i>
             </button>
         </div>
         <div class="modal-body">
@@ -610,6 +608,38 @@
     box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
 }
 
+.sidebar-filters .custom-select:focus-visible {
+    outline: 2px solid var(--color-primary-light, #3b82f6);
+    outline-offset: 2px;
+    box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.22);
+}
+
+.filter-select-search {
+    width: 100%;
+    padding: var(--spacing-sm) var(--spacing-md);
+    margin-bottom: var(--spacing-xs);
+    border: 1px solid var(--border-color);
+    border-radius: var(--border-radius-sm);
+    font-size: var(--text-sm);
+    background: var(--color-white);
+}
+
+.filter-select-search::placeholder {
+    color: var(--text-muted, #64748b);
+}
+
+.filter-select-search:focus-visible {
+    outline: 2px solid var(--color-primary-light, #3b82f6);
+    outline-offset: 2px;
+    border-color: var(--primary-color);
+}
+
+.page-main-heading {
+    font-size: clamp(1.25rem, 2.5vw, 1.75rem);
+    font-weight: var(--font-weight-semibold, 600);
+    color: var(--text-color);
+}
+
 /* 侧边栏分类 */
 .sidebar-categories {
     margin-top: var(--spacing-lg);
@@ -814,29 +844,26 @@
 
 .template-grid {
     display: grid;
-    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
-    gap: var(--spacing-md);
+    grid-template-columns: repeat(auto-fill, minmax(min(100%, 360px), 1fr));
+    gap: var(--spacing-lg);
     margin-bottom: var(--spacing-2xl);
     padding: var(--spacing-sm);
 }
 
-.template-card {
-    position: relative;
-    transition: transform 0.2s, box-shadow 0.2s;
-    min-height: 160px;
-}
-
 .template-content {
+    position: relative;
     display: flex;
-    padding: var(--spacing-md);
+    padding: var(--spacing-lg);
     background: var(--color-white);
-    border: 1px solid var(--border-color);
-    border-radius: var(--border-radius);
+    border: none;
+    border-bottom: 1px solid var(--border-color);
+    border-radius: 0;
     cursor: pointer;
     transition: var(--transition-normal);
-    height: 100%;
+    flex: 0 0 auto;
     flex-direction: column;
     gap: var(--spacing-sm);
+    min-height: 0;
 }
 
 .template-content:hover {
@@ -1071,18 +1098,95 @@
 }
 
 .template-card {
+    position: relative;
     background: white;
     border: 1px solid var(--border-color);
-    border-radius: 12px;
-    transition: all 0.3s ease;
+    border-radius: var(--border-radius-lg, 16px);
+    box-shadow: var(--shadow-md);
+    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
+    min-height: 480px;
+    display: flex;
+    flex-direction: column;
+    overflow: hidden;
+}
+
+.template-card-extra {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    min-height: 0;
+    padding: var(--spacing-md) var(--spacing-lg) var(--spacing-lg);
+    background: var(--color-gray-50, #f8f9fa);
+    gap: var(--spacing-md);
+}
+
+.template-extra-section {
+    min-height: 0;
+}
+
+.template-extra-title {
+    margin: 0 0 var(--spacing-xs);
+    font-size: var(--text-sm);
+    font-weight: 600;
+    color: var(--primary-color);
+}
+
+.template-prompt-body {
+    margin: 0;
+    max-height: 22rem;
+    overflow-y: auto;
+    padding: var(--spacing-sm) var(--spacing-md);
+    background: var(--color-white);
+    border: 1px solid var(--border-color);
+    border-radius: var(--border-radius-sm);
+    border-left: 3px solid var(--primary-color);
+    font-family: ui-monospace, 'Cascadia Code', 'Courier New', monospace;
+    font-size: var(--text-xs);
+    line-height: 1.55;
+    white-space: pre-wrap;
+    word-break: break-word;
+    color: var(--text-color);
+}
+
+.template-extra-desc {
+    margin: 0;
+    font-size: var(--text-sm);
+    line-height: 1.55;
+    color: var(--color-gray-600);
+    max-height: 12rem;
+    overflow-y: auto;
+}
+
+.template-card-actions-row {
+    display: flex;
+    flex-wrap: wrap;
+    gap: var(--spacing-sm);
+    margin-top: auto;
+    padding-top: var(--spacing-sm);
+    border-top: 1px solid var(--border-color);
+}
+
+.template-card-actions-row .btn {
+    flex: 1 1 auto;
+    min-width: 8rem;
+    justify-content: center;
+    display: inline-flex;
+    align-items: center;
+    gap: var(--spacing-xs);
 }
 
 .template-card:hover {
-    transform: translateY(-2px);
-    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
+    transform: translateY(-4px);
+    box-shadow: var(--shadow-lg);
     border-color: var(--primary-color);
 }
 
+.template-card input[type="radio"]:focus-visible + .template-content {
+    outline: 2px solid var(--color-primary-light, #3b82f6);
+    outline-offset: 2px;
+    border-radius: var(--border-radius-sm);
+}
+
 /* 模板统计信息 */
 .template-stats {
     display: flex;
@@ -1164,33 +1268,6 @@
     transform: scale(1.1);
 }
 
-/* 模板预览 */
-.template-preview {
-    position: absolute;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    background: rgba(255, 255, 255, 0.98);
-    border-radius: var(--border-radius);
-    border: 2px solid var(--primary-color);
-    z-index: 20;
-    backdrop-filter: blur(8px);
-    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15);
-    animation: previewSlideIn 0.3s ease-out;
-}
-
-@keyframes previewSlideIn {
-    from {
-        opacity: 0;
-        transform: scale(0.95);
-    }
-    to {
-        opacity: 1;
-        transform: scale(1);
-    }
-}
-
 /* 消息提示动画 */
 @keyframes slideInRight {
     from {
@@ -1445,25 +1522,11 @@
 
 /* 响应式优化 */
 @media (max-width: 768px) {
-    .template-preview {
-        position: fixed;
-        top: 50%;
-        left: 50%;
-        transform: translate(-50%, -50%);
-        width: 90%;
-        height: 80%;
-        max-width: 400px;
-        max-height: 500px;
+    .template-card-actions-row .btn {
+        flex: 1 1 100%;
+        min-width: 0;
     }
-    
-    .preview-actions {
-        flex-direction: column;
-    }
-    
-    .preview-actions .btn {
-        width: 100%;
-    }
-    
+
     .selection-status-bar {
         flex-direction: column;
         gap: var(--spacing-md);
@@ -1479,82 +1542,6 @@
     }
 }
 
-.preview-header {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    padding: var(--spacing-md);
-    border-bottom: 1px solid var(--border-color);
-    background: var(--primary-color);
-    color: white;
-    border-radius: var(--border-radius) var(--border-radius) 0 0;
-}
-
-.preview-header h4 {
-    margin: 0;
-    font-size: var(--text-base);
-    font-weight: 600;
-}
-
-.preview-close {
-    background: none;
-    border: none;
-    color: white;
-    cursor: pointer;
-    padding: var(--spacing-xs);
-    border-radius: var(--border-radius-sm);
-    transition: background 0.2s ease;
-}
-
-.preview-close:hover {
-    background: rgba(255, 255, 255, 0.2);
-}
-
-.preview-content {
-    padding: var(--spacing-md);
-    height: calc(100% - 60px);
-    overflow-y: auto;
-}
-
-.preview-section {
-    margin-bottom: var(--spacing-md);
-}
-
-.preview-section h5 {
-    margin: 0 0 var(--spacing-sm) 0;
-    font-size: var(--text-sm);
-    font-weight: 600;
-    color: var(--primary-color);
-}
-
-.template-content-preview {
-    background: var(--background-color);
-    padding: var(--spacing-sm);
-    border-radius: var(--border-radius-sm);
-    border-left: 3px solid var(--primary-color);
-    font-family: 'Courier New', monospace;
-    font-size: var(--text-xs);
-    line-height: 1.5;
-    max-height: 120px;
-    overflow-y: auto;
-}
-
-.preview-actions {
-    display: flex;
-    gap: var(--spacing-sm);
-    margin-top: var(--spacing-md);
-    padding-top: var(--spacing-md);
-    border-top: 1px solid var(--border-color);
-}
-
-.preview-actions .btn {
-    flex: 1;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    gap: var(--spacing-xs);
-}
-
 /* 模板标签 */
 .template-badges {
     display: flex;
@@ -1872,9 +1859,35 @@
         width: 100%;
     }
     
-.template-grid {
-        grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
-        gap: var(--spacing-sm);
+    .template-grid {
+        grid-template-columns: 1fr;
+        gap: var(--spacing-md);
+    }
+
+    .sidebar-toggle {
+        min-height: 44px;
+        min-width: 44px;
+        padding: 10px 16px;
+    }
+
+    .sidebar-categories .tab {
+        min-height: 44px;
+        display: flex;
+        align-items: center;
+    }
+
+    .selection-actions .btn-sm,
+    .template-card-actions-row .btn {
+        min-height: 44px;
+        padding-top: 0.5rem;
+        padding-bottom: 0.5rem;
+    }
+
+    .search-clear-btn {
+        width: 44px;
+        height: 44px;
+        min-width: 44px;
+        min-height: 44px;
     }
     
     .quick-filters {
@@ -1958,8 +1971,12 @@
 
 .no-results {
     width: 100%;
-    padding: 3rem;
+    padding: 3rem 1.5rem;
     text-align: center;
+    grid-column: 1 / -1;
+    background: linear-gradient(180deg, var(--color-gray-50) 0%, var(--color-white) 100%);
+    border: 1px dashed var(--border-color);
+    border-radius: var(--border-radius-lg);
 }
 
 .no-results-content {
@@ -1967,21 +1984,26 @@
     flex-direction: column;
     align-items: center;
     gap: 1rem;
+    max-width: 420px;
+    margin: 0 auto;
 }
 
 .no-results i {
-    font-size: 2rem;
-    color: #999;
+    font-size: 2.5rem;
+    color: var(--color-primary-light, #3b82f6);
+    opacity: 0.85;
 }
 
 .no-results h3 {
     margin: 0;
-    color: #666;
+    color: var(--text-color);
+    font-size: 1.125rem;
 }
 
 .no-results p {
     margin: 0;
-    color: #999;
+    color: var(--text-secondary);
+    line-height: 1.5;
 }
 
 .btn-reset-filters {
@@ -2031,11 +2053,11 @@
 
 .search-input {
     width: 100%;
-    padding: 12px 40px 12px 16px;
+    padding: 12px 76px 12px 16px;
     border: 2px solid var(--border-color);
     border-radius: 12px;
     font-size: 1rem;
-    transition: all 0.3s ease;
+    transition: border-color 0.2s ease, box-shadow 0.2s ease;
     position: relative;
     background: white;
 }
@@ -2045,24 +2067,60 @@
     border-color: transparent;
     background: linear-gradient(white, white) padding-box,
                 var(--gradient-primary) border-box;
-    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1);
-    transform: translateY(-1px);
+    box-shadow: 0 0 0 4px rgba(99, 102, 241, 0.2);
+}
+
+.search-input:focus-visible {
+    outline: 2px solid var(--color-primary-light, #6366f1);
+    outline-offset: 2px;
+}
+
+.search-clear-btn {
+    position: absolute;
+    right: 44px;
+    top: 50%;
+    transform: translateY(-50%);
+    width: 36px;
+    height: 36px;
+    min-width: 36px;
+    min-height: 36px;
+    padding: 0;
+    border: none;
+    border-radius: 8px;
+    background: var(--color-gray-100, #f1f5f9);
+    color: var(--text-secondary, #475569);
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    transition: background 0.15s ease, color 0.15s ease;
+}
+
+.search-clear-btn:hover {
+    background: var(--color-gray-200, #e2e8f0);
+    color: var(--text-color);
+}
+
+.search-clear-btn:focus-visible {
+    outline: 2px solid var(--color-primary-light, #6366f1);
+    outline-offset: 2px;
 }
 
 .search-icon {
     position: absolute;
-    right: 12px;
+    right: 14px;
     top: 50%;
     transform: translateY(-50%);
-    color: #999;
+    color: var(--text-muted, #64748b);
     pointer-events: none;
+    font-size: 1rem;
 }
 
 .search-stats {
     margin-top: 0.5rem;
     text-align: center;
     font-size: 0.9rem;
-    color: #666;
+    color: var(--text-secondary, #475569);
 }
 
 .highlight {
@@ -2345,30 +2403,6 @@
     }
 }
 
-/* 模板卡片悬停动画 */
-.template-card {
-    transition: all 0.3s ease;
-}
-
-.template-card:hover {
-    transform: translateY(-5px);
-    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
-}
-
-/* 搜索框焦点动画 */
-.search-input:focus {
-    animation: focusGlow 0.3s ease-out;
-}
-
-@keyframes focusGlow {
-    from {
-        box-shadow: 0 0 0 0 rgba(74, 144, 226, 0.4);
-    }
-    to {
-        box-shadow: 0 0 0 4px rgba(74, 144, 226, 0.1);
-    }
-}
-
 /* 加载动画 */
 .loading-spinner {
     display: inline-block;
@@ -2428,6 +2462,57 @@
     box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
 }
 
+.template-grid-skeleton {
+    display: contents;
+}
+
+.template-skeleton-card {
+    min-height: 420px;
+    border-radius: var(--border-radius-lg, 16px);
+    border: 1px solid var(--border-color);
+    padding: var(--spacing-lg);
+    background: var(--color-white);
+    box-shadow: var(--shadow-sm);
+    display: flex;
+    flex-direction: column;
+    gap: var(--spacing-md);
+}
+
+.template-skeleton-card .skeleton-line {
+    height: 12px;
+    border-radius: 6px;
+    background: linear-gradient(90deg, var(--color-gray-100) 25%, var(--color-gray-200) 50%, var(--color-gray-100) 75%);
+    background-size: 200% 100%;
+    animation: skeleton-loading 1.2s ease-in-out infinite;
+}
+
+.template-skeleton-card .skeleton-line.short { width: 45%; }
+.template-skeleton-card .skeleton-line.medium { width: 70%; }
+.template-skeleton-card .skeleton-line.long { width: 100%; }
+.template-skeleton-card .skeleton-block {
+    flex: 1;
+    min-height: 8rem;
+    border-radius: var(--border-radius-sm);
+    background: linear-gradient(90deg, var(--color-gray-100) 25%, var(--color-gray-200) 50%, var(--color-gray-100) 75%);
+    background-size: 200% 100%;
+    animation: skeleton-loading 1.2s ease-in-out infinite;
+}
+
+.template-load-error {
+    grid-column: 1 / -1;
+    text-align: center;
+    padding: var(--spacing-2xl) var(--spacing-md);
+    background: var(--color-gray-50);
+    border: 1px dashed var(--border-color);
+    border-radius: var(--border-radius);
+}
+
+.template-load-error .error-icon {
+    font-size: 2rem;
+    color: var(--color-warning, #f59e0b);
+    margin-bottom: var(--spacing-sm);
+}
+
 .skeleton-avatar {
     width: 40px;
     height: 40px;
@@ -2863,7 +2948,38 @@ document.addEventListener('DOMContentLoaded', function() {
     const industryFilter = document.getElementById('industryFilter');
     const professionFilter = document.getElementById('professionFilter');
     const subCategoryFilter = document.getElementById('subCategoryFilter');
+    const subCategorySearch = document.getElementById('subCategoryFilterSearch');
     const tabs = document.querySelectorAll('.tab');
+
+    (function initSubCategoryFilterSearch() {
+        if (!subCategoryFilter || !subCategorySearch) return;
+        const allOptions = Array.from(subCategoryFilter.options).map(function (o) {
+            return { value: o.value, text: o.textContent };
+        });
+        function repopulate(query) {
+            var v = subCategoryFilter.value;
+            var qq = (query || '').trim().toLowerCase();
+            subCategoryFilter.innerHTML = '';
+            allOptions.forEach(function (opt) {
+                if (opt.value === 'all' || !qq || String(opt.text).toLowerCase().indexOf(qq) !== -1) {
+                    var o = document.createElement('option');
+                    o.value = opt.value;
+                    o.textContent = opt.text;
+                    subCategoryFilter.appendChild(o);
+                }
+            });
+            var ok = Array.prototype.some.call(subCategoryFilter.options, function (o) { return o.value === v; });
+            subCategoryFilter.value = ok ? v : 'all';
+        }
+        subCategorySearch.addEventListener('input', function () {
+            repopulate(this.value);
+        });
+        window._repopulateSubCategoryFilter = repopulate;
+        window._resetSubCategorySearchInput = function () {
+            subCategorySearch.value = '';
+            repopulate('');
+        };
+    })();
     
     // 改进的筛选逻辑
     function filterTemplates() {
@@ -2899,10 +3015,10 @@ document.addEventListener('DOMContentLoaded', function() {
                 noResults.className = 'no-results';
                 noResults.innerHTML = `
                     <div class="no-results-content">
-                        <i class="fas fa-search"></i>
-                        <h3>未找到匹配的模板</h3>
-                        <p>请尝试调整筛选条件</p>
-                        <button class="btn-reset-filters">重置筛选</button>
+                        <i class="fas fa-filter" aria-hidden="true"></i>
+                        <h3>当前筛选下没有模板</h3>
+                        <p>可在侧栏放宽行业、职业或领域，或切换到「全部」场景。</p>
+                        <button type="button" class="btn btn-outline-primary btn-sm btn-reset-filters">重置筛选</button>
                     </div>
                 `;
                 document.querySelector('.template-grid').appendChild(noResults);
@@ -2922,6 +3038,9 @@ document.addEventListener('DOMContentLoaded', function() {
         industryFilter.value = 'all';
         professionFilter.value = 'all';
         subCategoryFilter.value = 'all';
+        if (typeof window._resetSubCategorySearchInput === 'function') {
+            window._resetSubCategorySearchInput();
+        }
         document.querySelector('.tab.active').classList.remove('active');
         // 默认选中通用分类而不是全部
         const generalTab = document.querySelector('[data-category="通用"]');
@@ -2953,31 +3072,106 @@ document.addEventListener('DOMContentLoaded', function() {
     
     // 动态加载分类模板的函数
     function loadTemplatesByCategory(category) {
-        // 显示加载状态
         const templateGrid = document.querySelector('.template-grid');
-        if (templateGrid) {
-            templateGrid.innerHTML = '<div class="loading-spinner">正在加载模板...</div>';
+        if (!templateGrid) return;
+
+        function templateGridSkeletonHtml() {
+            var h = '';
+            for (var i = 0; i < 6; i++) {
+                h += '<div class="template-skeleton-card" role="presentation" aria-hidden="true">';
+                h += '<div class="skeleton-line short"></div><div class="skeleton-line medium"></div>';
+                h += '<div class="skeleton-block"></div></div>';
+            }
+            return h;
         }
-        
-        // 发送AJAX请求获取模板
-        fetch(`/api/templates/${category}`)
-            .then(response => response.json())
-            .then(data => {
+
+        templateGrid.setAttribute('aria-busy', 'true');
+        templateGrid.innerHTML = templateGridSkeletonHtml();
+
+        fetch('/api/templates/' + encodeURIComponent(category))
+            .then(function (response) {
+                if (!response.ok) throw new Error('HTTP ' + response.status);
+                return response.json();
+            })
+            .then(function (data) {
+                templateGrid.removeAttribute('aria-busy');
                 if (data.success) {
                     updateTemplateSampleJsonFromApi(data.templates);
                     renderQuickStartFromApi(data.quick_start || []);
                     renderTemplates(data.templates);
                 } else {
-                    console.error('加载模板失败');
+                    showTemplateLoadError(category);
                 }
             })
-            .catch(error => {
+            .catch(function (error) {
                 console.error('加载模板出错:', error);
-                templateGrid.innerHTML = '<div class="error-message">加载失败，请刷新页面重试</div>';
+                templateGrid.removeAttribute('aria-busy');
+                showTemplateLoadError(category);
             });
+
+        function showTemplateLoadError(cat) {
+            templateGrid.innerHTML =
+                '<div class="template-load-error" role="alert">' +
+                '<div class="error-icon"><i class="fas fa-exclamation-triangle" aria-hidden="true"></i></div>' +
+                '<p class="mb-2 fw-semibold">模板加载失败</p>' +
+                '<p class="small text-muted mb-3">请检查网络连接后重试，或刷新页面。</p>' +
+                '<button type="button" class="btn btn-primary btn-retry-templates"><i class="fas fa-redo me-1" aria-hidden="true"></i>重试</button>' +
+                '</div>';
+            var retry = templateGrid.querySelector('.btn-retry-templates');
+            if (retry) {
+                retry.addEventListener('click', function () {
+                    loadTemplatesByCategory(cat);
+                });
+            }
+        }
     }
     
-    // 渲染模板到页面
+    function escapeHtmlApi(str) {
+        if (str == null || str === undefined) return '';
+        const div = document.createElement('div');
+        div.textContent = String(str);
+        return div.innerHTML;
+    }
+
+    function escapeAttrApi(str) {
+        return String(str ?? '')
+            .replace(/&/g, '&amp;')
+            .replace(/"/g, '&quot;');
+    }
+
+    function renderTemplateBadgesApi(t) {
+        let html = '';
+        if (t.is_recommended) {
+            html += '<span class="badge badge-recommended"><i class="fas fa-star"></i> 推荐</span>';
+        }
+        if (t.is_hot) {
+            html += '<span class="badge badge-hot"><i class="fas fa-fire"></i> 热门</span>';
+        }
+        if (t.is_featured) {
+            html += '<span class="badge badge-featured"><i class="fas fa-gem"></i> 精选</span>';
+        }
+        if (t.is_exam) {
+            html += '<span class="badge badge-exam"><i class="fas fa-graduation-cap"></i> 考试</span>';
+        }
+        return html;
+    }
+
+    function renderTemplateCategoriesApi(t) {
+        if (!t.industry && !t.profession && !t.sub_category) return '';
+        let inner = '';
+        if (t.industry) {
+            inner += '<div class="category-group"><span class="category-label">行业:</span><span class="category-value">' + escapeHtmlApi(t.industry) + '</span></div>';
+        }
+        if (t.profession) {
+            inner += '<div class="category-group"><span class="category-label">职业:</span><span class="category-value">' + escapeHtmlApi(t.profession) + '</span></div>';
+        }
+        if (t.sub_category) {
+            inner += '<div class="category-group"><span class="category-label">领域:</span><span class="category-value">' + escapeHtmlApi(t.sub_category) + '</span></div>';
+        }
+        return '<div class="template-categories">' + inner + '</div>';
+    }
+
+    // 渲染模板到页面（结构与首屏 SSR 卡片一致）
     function renderTemplates(templates) {
         const templateGrid = document.querySelector('.template-grid');
         if (!templateGrid) return;
@@ -2988,76 +3182,62 @@ document.addEventListener('DOMContentLoaded', function() {
         }
         
         let html = '';
-        templates.forEach(template => {
+        templates.forEach((template, index) => {
+            const tid = template.id;
+            const checked = index === 0 ? ' checked' : '';
             html += `
-                <div class="template-card" 
-                     data-category="${template.category || ''}"
-                     data-industry="${template.industry || ''}"
-                     data-profession="${template.profession || ''}"
-                     data-subcategory="${template.sub_category || ''}"
-                     data-template-id="${template.id}"
-                     data-template-content="${template.system_prompt}">
-                    
-                    <div class="template-header">
-                        <div class="template-icon">
-                            <i class="fas fa-star"></i>
-                        </div>
-                        <h3>${template.name}</h3>
-                    </div>
-                    
-                    <div class="template-badges">
-                        <span class="badge badge-primary">${template.category || '未分类'}</span>
-                    </div>
-                    
-                    <div class="template-content">
-                        <p class="template-description">${template.description || '暂无描述'}</p>
-                        
-                        <div class="template-meta">
-                            <span class="usage-count">0 次使用</span>
-                            <span class="difficulty-level">初级</span>
-                        </div>
-                        
-                        <div class="template-fields">
-                            <div class="field">
-                                <span class="field-label">行业:</span>
-                                <span class="field-value">${template.industry || '未设置'}</span>
-                            </div>
-                            <div class="field">
-                                <span class="field-label">职业:</span>
-                                <span class="field-value">${template.profession || '未设置'}</span>
-                            </div>
-                            <div class="field">
-                                <span class="field-label">领域:</span>
-                                <span class="field-value">${template.sub_category || '未设置'}</span>
-                            </div>
-                        </div>
-                    </div>
-                    
-                    <div class="template-actions">
-                        <input type="radio" name="template_id" value="${template.id}" id="template_${template.id}">
-                        <label for="template_${template.id}" class="template-label">
-                            <span class="radio-custom"></span>
-                            <span class="label-text">选择此模板</span>
-                        </label>
-                        
-                        <button type="button" class="btn-copy" onclick="copyText('${template.system_prompt.replace(/'/g, "\\'")}')">
-                            <i class="fas fa-copy"></i>
-                            复制内容
-                        </button>
-                    </div>
-                    
-                    <div class="template-preview" style="display: none;">
-                        <div class="preview-header">
-                            <h4>${template.name}</h4>
-                            <button type="button" class="preview-close">
-                                <i class="fas fa-times"></i>
+                <div class="template-card"
+                     data-category="${escapeAttrApi(template.category)}"
+                     data-industry="${escapeAttrApi(template.industry)}"
+                     data-profession="${escapeAttrApi(template.profession)}"
+                     data-subcategory="${escapeAttrApi(template.sub_category)}"
+                     data-template-id="${escapeAttrApi(tid)}">
+                    <input type="radio" name="template_id" id="template_${tid}" value="${escapeAttrApi(tid)}"${checked}
+                           aria-label="选择模板：${escapeAttrApi(template.name)}">
+                    <label for="template_${tid}" class="template-content">
+                        <div class="template-actions">
+                            <button type="button" class="btn-delete" data-template-id="${escapeAttrApi(tid)}" title="删除模板">
+                                <i class="fas fa-trash-alt"></i>
                             </button>
                         </div>
-                        <div class="preview-content">
-                            <h5>模板内容</h5>
-                            <div class="preview-text">${template.system_prompt}</div>
-                            <h5>使用说明</h5>
-                            <div class="preview-description">${template.description || '暂无使用说明'}</div>
+                        <div class="template-stats">
+                            <span class="usage-count" data-template-id="${escapeAttrApi(tid)}">
+                                <i class="fas fa-chart-line"></i>
+                                <span class="count">0</span> 次使用
+                            </span>
+                            <span class="template-difficulty">
+                                <i class="fas fa-signal"></i>
+                                <span class="level">初级</span>
+                            </span>
+                        </div>
+                        ${renderTemplateCategoriesApi(template)}
+                        <div class="template-header">
+                            <div class="template-icon">
+                                <i class="fas fa-layer-group"></i>
+                            </div>
+                            <h3>${escapeHtmlApi(template.name)}</h3>
+                        </div>
+                        <div class="template-badges">
+                            ${renderTemplateBadgesApi(template)}
+                        </div>
+                    </label>
+                    <div class="template-card-extra">
+                        <div class="template-extra-section">
+                            <h5 class="template-extra-title">提示词模板</h5>
+                            <div class="template-prompt-body"></div>
+                        </div>
+                        <div class="template-extra-section">
+                            <h5 class="template-extra-title">使用说明</h5>
+                            <p class="template-extra-desc"></p>
+                        </div>
+                        <div class="template-card-actions-row">
+                            <button type="button" class="btn btn-primary btn-sm card-use-template" data-radio-target="template_${tid}">
+                                <i class="fas fa-check"></i> 选用此模板
+                            </button>
+                            <button type="button" class="btn btn-outline-primary btn-sm btn-copy"
+                                    data-template-id="${escapeAttrApi(tid)}">
+                                <i class="fas fa-copy"></i> 复制全文
+                            </button>
                         </div>
                     </div>
                 </div>
@@ -3065,31 +3245,51 @@ document.addEventListener('DOMContentLoaded', function() {
         });
         
         templateGrid.innerHTML = html;
+
+        templates.forEach((template) => {
+            const card = templateGrid.querySelector('[data-template-id="' + String(template.id) + '"]');
+            if (!card) return;
+            const content = template.system_prompt || '';
+            card.dataset.templateContent = content;
+            const pr = card.querySelector('.template-prompt-body');
+            if (pr) pr.textContent = content;
+            const descEl = card.querySelector('.template-extra-desc');
+            if (descEl) descEl.textContent = template.description || '暂无使用说明';
+            const copyBtn = card.querySelector('.btn-copy');
+            if (copyBtn) {
+                copyBtn.dataset.templateContent = content;
+                copyBtn.dataset.templateId = String(template.id);
+            }
+        });
         
-        // 重新绑定事件
         initializeTemplateEvents();
         syncFilterDisplay();
+        if (typeof initializeTemplateCards === 'function') initializeTemplateCards();
+        if (typeof initializeUsageStats === 'function') initializeUsageStats();
     }
     
-    // 初始化模板事件
+    // 初始化模板事件（仅模板网格内，避免绑定到页面其他复制按钮）
     function initializeTemplateEvents() {
-        // 绑定模板选择事件
-        document.querySelectorAll('input[name="template_id"]').forEach(radio => {
+        const grid = document.querySelector('.template-grid');
+        if (!grid) return;
+
+        grid.querySelectorAll('input[name="template_id"]').forEach(radio => {
             radio.addEventListener('change', function() {
-                document.querySelectorAll('.template-card').forEach(card => {
+                grid.querySelectorAll('.template-card').forEach(card => {
                     card.classList.remove('selected');
                 });
                 if (this.checked) {
-                    this.closest('.template-card').classList.add('selected');
+                    const card = this.closest('.template-card');
+                    if (card) card.classList.add('selected');
                 }
             });
         });
-        
-        // 绑定复制按钮事件
-        document.querySelectorAll('.btn-copy').forEach(button => {
+
+        grid.querySelectorAll('.btn-copy').forEach(button => {
             button.addEventListener('click', function(e) {
                 e.preventDefault();
-                const text = this.closest('.template-card').dataset.templateContent;
+                const card = this.closest('.template-card');
+                const text = card ? (card.dataset.templateContent || this.dataset.templateContent || '') : (this.dataset.templateContent || '');
                 copyText(text);
             });
         });
@@ -3116,6 +3316,18 @@ document.addEventListener('click', function (e) {
     if (window.resetTemplateFilters) window.resetTemplateFilters();
 });
 
+document.addEventListener('click', function (e) {
+    var useBtn = e.target.closest('.card-use-template');
+    if (!useBtn) return;
+    e.preventDefault();
+    var targetId = useBtn.getAttribute('data-radio-target');
+    var radio = targetId ? document.getElementById(targetId) : null;
+    if (radio && radio.name === 'template_id') {
+        radio.checked = true;
+        radio.dispatchEvent(new Event('change', { bubbles: true }));
+    }
+});
+
 function copyText(text) {
     // 创建临时文本区域
     const textArea = document.createElement('textarea');
@@ -3240,30 +3452,39 @@ document.addEventListener('DOMContentLoaded', function() {
 // 添加搜索功能
 document.addEventListener('DOMContentLoaded', function() {
     const searchInput = document.getElementById('templateSearch');
+    const searchClearBtn = document.getElementById('templateSearchClear');
     const searchStats = document.querySelector('.search-count');
     
-    function highlightText(text, searchTerm) {
-        if (!searchTerm) return text;
-        const regex = new RegExp(`(${searchTerm})`, 'gi');
-        return text.replace(regex, '<span class="highlight">$1</span>');
+    function updateSearchStats(visibleCount, totalCount, rawQuery) {
+        const q = (rawQuery || '').trim();
+        if (!searchStats) return;
+        if (q) {
+            searchStats.textContent = `关键词「${q}」· 显示 ${visibleCount} / ${totalCount} 个模板`;
+        } else {
+            searchStats.textContent = `显示 ${visibleCount} / ${totalCount} 个模板`;
+        }
     }
-    
-    function updateSearchStats(visibleCount, totalCount) {
-        searchStats.textContent = `显示 ${visibleCount}/${totalCount} 个模板`;
+
+    function syncSearchClearVisibility() {
+        if (!searchClearBtn || !searchInput) return;
+        searchClearBtn.hidden = !searchInput.value.trim();
     }
     
     function searchTemplates() {
-        const searchTerm = searchInput.value.toLowerCase().trim();
+        const rawQuery = searchInput.value;
+        const searchTerm = rawQuery.toLowerCase().trim();
         const cards = document.querySelectorAll('.template-card');
         let visibleCount = 0;
         
         cards.forEach(card => {
-            const name = card.querySelector('h3').textContent.toLowerCase();
-            const description = card.querySelector('p').textContent.toLowerCase();
-            const industry = card.dataset.industry.toLowerCase();
-            const profession = card.dataset.profession.toLowerCase();
-            const category = card.dataset.category.toLowerCase();
-            const subCategory = card.dataset.subcategory.toLowerCase();
+            const nameEl = card.querySelector('.template-header h3');
+            const descEl = card.querySelector('.template-extra-desc');
+            const name = (nameEl ? nameEl.textContent : '').toLowerCase();
+            const description = (descEl ? descEl.textContent : '').toLowerCase();
+            const industry = (card.dataset.industry || '').toLowerCase();
+            const profession = (card.dataset.profession || '').toLowerCase();
+            const category = (card.dataset.category || '').toLowerCase();
+            const subCategory = (card.dataset.subcategory || '').toLowerCase();
             
             const matchSearch = !searchTerm || 
                 name.includes(searchTerm) || 
@@ -3280,17 +3501,21 @@ document.addEventListener('DOMContentLoaded', function() {
                 card.style.display = '';
                 visibleCount++;
                 
-                // 高亮匹配文本
                 if (searchTerm) {
-                    card.querySelector('h3').innerHTML = highlightText(card.querySelector('h3').textContent, searchTerm);
-                    card.querySelector('p').innerHTML = highlightText(card.querySelector('p').textContent, searchTerm);
+                    if (nameEl) nameEl.innerHTML = highlightText(nameEl.textContent, searchTerm);
+                    if (descEl) descEl.innerHTML = highlightText(descEl.textContent, searchTerm);
+                } else {
+                    if (nameEl) nameEl.textContent = nameEl.textContent;
+                    if (descEl) descEl.textContent = descEl.textContent;
                 }
             } else {
                 card.style.display = 'none';
             }
         });
+
+        syncSearchClearVisibility();
         
-        updateSearchStats(visibleCount, cards.length);
+        updateSearchStats(visibleCount, cards.length, rawQuery);
         syncFilterDisplay();
         
         // 显示无结果提示
@@ -3299,19 +3524,20 @@ document.addEventListener('DOMContentLoaded', function() {
             if (!noResultsEl) {
                 const noResults = document.createElement('div');
                 noResults.className = 'no-results';
+                noResults.setAttribute('role', 'status');
                 noResults.innerHTML = `
                     <div class="no-results-content">
-                        <i class="fas fa-search"></i>
+                        <i class="fas fa-search" aria-hidden="true"></i>
                         <h3>未找到匹配的模板</h3>
-                        <p>请尝试其他搜索关键词</p>
-                        <button class="btn-reset-search">清除搜索</button>
+                        <p>可尝试修改搜索词，或点击侧栏「筛选」调整行业、职业与领域。</p>
+                        <button type="button" class="btn btn-outline-primary btn-sm btn-reset-search">清除搜索</button>
                     </div>
                 `;
                 document.querySelector('.template-grid').appendChild(noResults);
                 
-                // 绑定清除搜索按钮事件
                 noResults.querySelector('.btn-reset-search').addEventListener('click', () => {
                     searchInput.value = '';
+                    syncSearchClearVisibility();
                     searchTemplates();
                 });
             }
@@ -3345,10 +3571,19 @@ document.addEventListener('DOMContentLoaded', function() {
     
     // 绑定搜索事件
     searchInput.addEventListener('input', debounce(searchTemplates, 300));
+    if (searchClearBtn) {
+        searchClearBtn.addEventListener('click', function () {
+            searchInput.value = '';
+            syncSearchClearVisibility();
+            searchTemplates();
+            searchInput.focus();
+        });
+    }
+    syncSearchClearVisibility();
     
     // 初始化搜索统计
-    updateSearchStats(document.querySelectorAll('.template-card').length, 
-                     document.querySelectorAll('.template-card').length);
+    const initialTotal = document.querySelectorAll('.template-card').length;
+    updateSearchStats(initialTotal, initialTotal, '');
 });
 
 // 模板卡片优化功能
@@ -3362,9 +3597,6 @@ document.addEventListener('DOMContentLoaded', function() {
     // 初始化复制功能
     initializeCopyFunction();
     
-    // 初始化预览功能
-    initializePreviewFunction();
-    
     // 初始化选择体验功能
     initializeSelectionExperience();
     
@@ -3524,84 +3756,6 @@ function initializeCopyFunction() {
     });
 }
 
-// 初始化预览功能
-function initializePreviewFunction() {
-    const templateCards = document.querySelectorAll('.template-card');
-    
-    templateCards.forEach(card => {
-        let previewTimeout;
-        
-        // 鼠标进入时显示预览
-        card.addEventListener('mouseenter', function() {
-            previewTimeout = setTimeout(() => {
-                showPreview(this);
-            }, 800); // 800ms延迟显示预览
-        });
-        
-        // 鼠标离开时隐藏预览
-        card.addEventListener('mouseleave', function() {
-            clearTimeout(previewTimeout);
-            hidePreview(this);
-        });
-        
-        // 预览内的按钮事件
-        const preview = card.querySelector('.template-preview');
-        if (preview) {
-            // 关闭按钮
-            const closeBtn = preview.querySelector('.preview-close');
-            closeBtn.addEventListener('click', function(e) {
-                e.stopPropagation();
-                hidePreview(card);
-            });
-            
-            // 选择按钮
-            const selectBtn = preview.querySelector('.preview-select');
-            selectBtn.addEventListener('click', function(e) {
-                e.stopPropagation();
-                const radio = card.querySelector('input[type="radio"]');
-                radio.checked = true;
-                radio.dispatchEvent(new Event('change'));
-                hidePreview(card);
-                showMessage('模板已选择', 'success');
-            });
-            
-            // 复制按钮
-            const copyBtn = preview.querySelector('.preview-copy');
-            copyBtn.addEventListener('click', function(e) {
-                e.stopPropagation();
-                const templateId = card.dataset.templateId;
-                const templateContent = card.dataset.templateContent;
-                
-                navigator.clipboard.writeText(templateContent).then(() => {
-                    showCopySuccess();
-                    incrementUsageCount(templateId);
-                    hidePreview(card);
-                }).catch(() => {
-                    showCopyError();
-                });
-            });
-        }
-    });
-}
-
-// 显示预览
-function showPreview(card) {
-    const preview = card.querySelector('.template-preview');
-    if (preview) {
-        preview.style.display = 'block';
-        card.style.zIndex = '100';
-    }
-}
-
-// 隐藏预览
-function hidePreview(card) {
-    const preview = card.querySelector('.template-preview');
-    if (preview) {
-        preview.style.display = 'none';
-        card.style.zIndex = '1';
-    }
-}
-
 // 显示复制成功消息
 function showCopySuccess() {
     showMessage('模板内容已复制到剪贴板', 'success');
@@ -3882,11 +4036,16 @@ function showSelectionHistory() {
     }
     
     modal.style.display = 'block';
+    modal.setAttribute('aria-hidden', 'false');
 }
 
 // 隐藏选择历史
 function hideSelectionHistory() {
-    document.getElementById('selectionHistoryModal').style.display = 'none';
+    var modal = document.getElementById('selectionHistoryModal');
+    if (modal) {
+        modal.style.display = 'none';
+        modal.setAttribute('aria-hidden', 'true');
+    }
 }
 
 // 从历史中选择
@@ -3969,7 +4128,11 @@ function clearSelectionHistory() {
             }
         } catch (error) {
             console.error('删除模板时出错:', error);
-            alert('删除模板失败，请稍后重试');
+            if (typeof showMessage === 'function') {
+                showMessage('删除模板失败，请稍后重试', 'error');
+            } else {
+                alert('删除模板失败，请稍后重试');
+            }
         } finally {
             hideDeleteModal();
         }
@@ -4054,6 +4217,9 @@ function restoreSearchState() {
                 document.getElementById('professionFilter').value = searchState.profession;
                 console.log('恢复职业筛选:', searchState.profession);
             }
+            if (typeof window._resetSubCategorySearchInput === 'function') {
+                window._resetSubCategorySearchInput();
+            }
             if (searchState.subCategory) {
                 document.getElementById('subCategoryFilter').value = searchState.subCategory;
                 console.log('恢复子分类筛选:', searchState.subCategory);
@@ -4085,7 +4251,9 @@ function restoreSearchState() {
 
 // 执行搜索和筛选的综合函数
 function performSearchAndFilter() {
-    const searchTerm = document.getElementById('templateSearch').value.toLowerCase().trim();
+    const searchInputEl = document.getElementById('templateSearch');
+    const rawQuery = searchInputEl ? searchInputEl.value : '';
+    const searchTerm = rawQuery.toLowerCase().trim();
     const industry = document.getElementById('industryFilter').value;
     const profession = document.getElementById('professionFilter').value;
     const subCategory = document.getElementById('subCategoryFilter').value;
@@ -4095,14 +4263,15 @@ function performSearchAndFilter() {
     let visibleCount = 0;
     
     cards.forEach(card => {
-        const name = card.querySelector('h3').textContent.toLowerCase();
-        const description = card.querySelector('p').textContent.toLowerCase();
-        const cardIndustry = card.dataset.industry.toLowerCase();
-        const cardProfession = card.dataset.profession.toLowerCase();
-        const cardCategory = card.dataset.category.toLowerCase();
-        const cardSubCategory = card.dataset.subcategory.toLowerCase();
+        const nameEl = card.querySelector('.template-header h3');
+        const descEl = card.querySelector('.template-extra-desc');
+        const name = (nameEl ? nameEl.textContent : '').toLowerCase();
+        const description = (descEl ? descEl.textContent : '').toLowerCase();
+        const cardIndustry = (card.dataset.industry || '').toLowerCase();
+        const cardProfession = (card.dataset.profession || '').toLowerCase();
+        const cardCategory = (card.dataset.category || '').toLowerCase();
+        const cardSubCategory = (card.dataset.subcategory || '').toLowerCase();
         
-        // 检查搜索匹配
         const matchSearch = !searchTerm || 
             name.includes(searchTerm) || 
             description.includes(searchTerm) ||
@@ -4111,7 +4280,6 @@ function performSearchAndFilter() {
             cardCategory.includes(searchTerm) ||
             cardSubCategory.includes(searchTerm);
         
-        // 检查筛选匹配
         const matchIndustry = industry === 'all' || cardIndustry === industry.toLowerCase();
         const matchProfession = profession === 'all' || cardProfession === profession.toLowerCase();
         const matchSubCategory = subCategory === 'all' || cardSubCategory === subCategory.toLowerCase();
@@ -4123,48 +4291,58 @@ function performSearchAndFilter() {
             card.style.display = 'block';
             visibleCount++;
             
-            // 高亮匹配文本
             if (searchTerm) {
-                card.querySelector('h3').innerHTML = highlightText(card.querySelector('h3').textContent, searchTerm);
-                card.querySelector('p').innerHTML = highlightText(card.querySelector('p').textContent, searchTerm);
+                if (nameEl) nameEl.innerHTML = highlightText(nameEl.textContent, searchTerm);
+                if (descEl) descEl.innerHTML = highlightText(descEl.textContent, searchTerm);
+            } else {
+                if (nameEl) nameEl.textContent = nameEl.textContent;
+                if (descEl) descEl.textContent = descEl.textContent;
             }
         } else {
             card.style.display = 'none';
         }
     });
     
-    // 更新统计信息
     const searchStats = document.querySelector('.search-count');
     if (searchStats) {
-        searchStats.textContent = `显示 ${visibleCount}/${cards.length} 个模板`;
+        const q = rawQuery.trim();
+        if (q) {
+            searchStats.textContent = `关键词「${q}」· 显示 ${visibleCount} / ${cards.length} 个模板`;
+        } else {
+            searchStats.textContent = `显示 ${visibleCount} / ${cards.length} 个模板`;
+        }
     }
+
+    const clearBtn = document.getElementById('templateSearchClear');
+    if (clearBtn) clearBtn.hidden = !rawQuery.trim();
     
     syncFilterDisplay();
     
-    // 显示无结果提示
     const noResultsEl = document.querySelector('.no-results');
     if (visibleCount === 0) {
         if (!noResultsEl) {
             const noResults = document.createElement('div');
             noResults.className = 'no-results';
+            noResults.setAttribute('role', 'status');
             noResults.innerHTML = `
                 <div class="no-results-content">
-                    <i class="fas fa-search"></i>
+                    <i class="fas fa-search" aria-hidden="true"></i>
                     <h3>未找到匹配的模板</h3>
-                    <p>请尝试其他搜索关键词</p>
-                    <button class="btn-reset-search">清除搜索</button>
+                    <p>可尝试修改搜索词，或重置下方筛选与搜索条件。</p>
+                    <button type="button" class="btn btn-outline-primary btn-sm btn-reset-search">重置搜索与筛选</button>
                 </div>
             `;
             document.querySelector('.template-grid').appendChild(noResults);
             
-            // 绑定清除搜索按钮事件
             noResults.querySelector('.btn-reset-search').addEventListener('click', () => {
                 document.getElementById('templateSearch').value = '';
                 document.getElementById('industryFilter').value = 'all';
                 document.getElementById('professionFilter').value = 'all';
                 document.getElementById('subCategoryFilter').value = 'all';
+                if (typeof window._resetSubCategorySearchInput === 'function') {
+                    window._resetSubCategorySearchInput();
+                }
                 document.querySelectorAll('.tab').forEach(tab => tab.classList.remove('active'));
-                // 默认选中通用分类而不是全部
                 const generalTab = document.querySelector('[data-category="通用"]');
                 if (generalTab) {
                     generalTab.classList.add('active');
@@ -4179,10 +4357,15 @@ function performSearchAndFilter() {
     }
 }
 
-// 高亮文本函数
+function escapeRegExp(string) {
+    return String(string).replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
+}
+
+// 高亮文本函数（转义正则特殊字符，避免输入 `(` 等导致异常）
 function highlightText(text, searchTerm) {
     if (!searchTerm) return text;
-    const regex = new RegExp(`(${searchTerm})`, 'gi');
+    const safe = escapeRegExp(searchTerm);
+    const regex = new RegExp(`(${safe})`, 'gi');
     return text.replace(regex, '<span class="highlight">$1</span>');
 }
 
@@ -4694,9 +4877,33 @@ function initializeSidebar() {
                 closeSidebar();
             }
         });
+
+        window._closeGenerateSidebar = closeSidebar;
     }
 }
 
+document.addEventListener('keydown', function (e) {
+    if (e.key !== 'Escape') return;
+    var deleteModal = document.getElementById('deleteModal');
+    if (deleteModal && deleteModal.style.display === 'block') {
+        var cancel = deleteModal.querySelector('.btn-cancel');
+        if (cancel) cancel.click();
+        e.preventDefault();
+        return;
+    }
+    var hist = document.getElementById('selectionHistoryModal');
+    if (hist && hist.style.display === 'block') {
+        if (typeof hideSelectionHistory === 'function') hideSelectionHistory();
+        e.preventDefault();
+        return;
+    }
+    var sidebar = document.getElementById('sidebar');
+    if (sidebar && sidebar.classList.contains('show') && typeof window._closeGenerateSidebar === 'function') {
+        window._closeGenerateSidebar();
+        e.preventDefault();
+    }
+});
+
 // 在页面加载时初始化侧边栏
 document.addEventListener('DOMContentLoaded', function() {
     initializeSidebar();
diff --git a/src/flask_prompt_master/user_context.py b/src/flask_prompt_master/user_context.py
new file mode 100644
index 0000000..061afc9
--- /dev/null
+++ b/src/flask_prompt_master/user_context.py
@@ -0,0 +1,23 @@
+# -*- coding: utf-8 -*-
+"""
+请求内当前用户标识：与历史 API、生成落库共用，避免各处逻辑分叉。
+"""
+from flask import session
+from flask_login import current_user
+
+
+def get_current_user_id() -> int:
+    """站点 Session（/api/login）优先，其次 Flask-Login，否则默认 1（访客）。"""
+    try:
+        if 'user_id' in session:
+            return int(session['user_id'])
+    except (TypeError, ValueError, KeyError):
+        pass
+    try:
+        if current_user.is_authenticated:
+            uid = getattr(current_user, 'id', None) or getattr(current_user, 'uid', None)
+            if uid is not None:
+                return int(uid)
+    except Exception:
+        pass
+    return 1
diff --git a/vue-app/.env.development b/vue-app/.env.development
new file mode 100644
index 0000000..61744e3
--- /dev/null
+++ b/vue-app/.env.development
@@ -0,0 +1,4 @@
+# 留空则请求相对路径 /api，由 Vite 代理到 Flask
+VITE_API_BASE_URL=
+VITE_FLASK_ORIGIN=http://127.0.0.1:5002
+VITE_APP_TITLE=提示词大师（Vue 试验）
diff --git a/vue-app/.env.production b/vue-app/.env.production
new file mode 100644
index 0000000..6068d4d
--- /dev/null
+++ b/vue-app/.env.production
@@ -0,0 +1,7 @@
+# 生产环境配置
+# 与 Nginx 同域部署时务必留空：请求路径已是 /api/...、/poetry/...，勿填 /api（否则会打成 /api/api/...）
+VITE_API_BASE_URL=
+VITE_APP_TITLE=提示词大师
+VITE_DEBUG=false
+# 经典版站点 origin，仅用于外链；同域部署可留空
+# VITE_FLASK_ORIGIN=https://your-domain.com
\ No newline at end of file
diff --git a/vue-app/.gitignore b/vue-app/.gitignore
new file mode 100644
index 0000000..a547bf3
--- /dev/null
+++ b/vue-app/.gitignore
@@ -0,0 +1,24 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
diff --git a/vue-app/README.md b/vue-app/README.md
new file mode 100644
index 0000000..a0fb5e4
--- /dev/null
+++ b/vue-app/README.md
@@ -0,0 +1,95 @@
+# 提示词大师 · Vue 3 试验田
+
+与仓库根目录 Flask 应用并行开发，按 `vue重构方案.md` 分阶段迁移前端。
+
+## 技术栈
+
+Vue 3、Vite、TypeScript、Vue Router、Pinia、Axios、Element Plus、Sass。
+
+## 本地开发
+
+1. 启动 Flask（默认示例端口 **5002**，与 `vite.config.ts` 代理一致）  
+2. 在本目录执行：
+
+```bash
+npm install
+npm run dev
+```
+
+3. 浏览器打开 **http://127.0.0.1:3000**（建议与后端同为 `127.0.0.1`，便于 Cookie 会话）。
+
+`npm run dev` 会自动加载 `.env.development`。API 使用**相对路径** `/api/*`，由 Vite 转发到 Flask；Axios 已开启 `withCredentials: true` 以携带会话 Cookie。
+
+## 当前试点
+
+- **首页**：说明与跳转  
+- **生成**（`/generate`）：场景 Tab、筛选、模板选择、需求输入；对接 `GET /api/generate/meta`、`GET /api/templates/<分类>`、`POST /api/prompt/generate`；结果可 **加入收藏**（`POST /api/favorites/quick-add`）  
+- **收藏**（`/favorites`）：`GET/DELETE /api/favorites`  
+- **登录 / 注册**（`/login`、`/register`）：`POST /api/login`、`POST /api/register`、`POST /api/logout`，会话 Cookie 与经典站共用（同域代理下）  
+- **优化历史**（`/history`）：`GET/DELETE /api/history`（后端已优先使用 Session `user_id`）  
+- **个人资料**（`/profile`）：`GET/PUT /api/profile`，需登录（路由守卫跳转登录）
+
+经典 SSR 生成页可通过顶部导航 **「更多」→ 经典版生成页** 跳转；外链依赖 `VITE_FLASK_ORIGIN`（同域可留空）。
+
+## 构建
+
+```bash
+npm run build
+```
+
+产物在 `dist/`，由 Nginx 托管静态文件，并把 `/api`、`/poetry`、`/static` 反代到 Flask（见下节）。
+
+## 生产部署（Nginx 示例）
+
+假设 Flask 监听 `127.0.0.1:5002`，Vue 构建产物在 `/var/www/prompt-vue/dist`。要点：
+
+1. **SPA 回退**：`try_files` 落到 `index.html`，否则 Vue Router 刷新 404。  
+2. **必须反代的路径**：`/api/`（REST）、`/poetry/`（古诗词蓝图，不在 `/api` 下）、`/static/`（Flask 静态资源）。  
+3. **Cookie 会话**：前后端同域时，Axios 已 `withCredentials: true`，一般无需改 `SESSION_COOKIE_DOMAIN`。  
+4. **`VITE_API_BASE_URL`**：同域部署请**留空**（见 `.env.production`），否则易出现 `/api/api/...` 重复前缀。
+
+```nginx
+server {
+    listen 80;
+    server_name your-domain.com;
+    root /var/www/prompt-vue/dist;
+    index index.html;
+
+    location / {
+        try_files $uri $uri/ /index.html;
+    }
+
+    location /api/ {
+        proxy_pass http://127.0.0.1:5002;
+        proxy_http_version 1.1;
+        proxy_set_header Host $host;
+        proxy_set_header X-Real-IP $remote_addr;
+        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
+        proxy_set_header X-Forwarded-Proto $scheme;
+    }
+
+    location /poetry/ {
+        proxy_pass http://127.0.0.1:5002;
+        proxy_http_version 1.1;
+        proxy_set_header Host $host;
+        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
+        proxy_set_header X-Forwarded-Proto $scheme;
+    }
+
+    location /static/ {
+        proxy_pass http://127.0.0.1:5002;
+        proxy_http_version 1.1;
+        proxy_set_header Host $host;
+    }
+}
+```
+
+若将 API 部署在**另一子域**（如 `api.example.com`），再在构建时把 `VITE_API_BASE_URL` 设为 `https://api.example.com`，且需在 Flask 配置 CORS 与 `SESSION_COOKIE_SAMESITE` 等，复杂度更高；推荐首发生产用同域反代。
+
+## 环境变量
+
+| 变量 | 说明 |
+|------|------|
+| `VITE_API_BASE_URL` | **同域反代时留空**；仅当 API 在另一 origin 时设为完整根 URL（且接口路径不能再带重复 `/api` 前缀） |
+| `VITE_FLASK_ORIGIN` | 经典版站点 origin（「更多」→ 经典版）；与 Vue 同域可留空 |
+| `VITE_APP_TITLE` | 文档标题前缀 |
diff --git a/vue-app/index.html b/vue-app/index.html
new file mode 100644
index 0000000..6b2e2e7
--- /dev/null
+++ b/vue-app/index.html
@@ -0,0 +1,13 @@
+<!doctype html>
+<html lang="zh-CN">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>提示词大师 · Vue 试验</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>
diff --git a/vue-app/package-lock.json b/vue-app/package-lock.json
new file mode 100644
index 0000000..8efb5f2
--- /dev/null
+++ b/vue-app/package-lock.json
@@ -0,0 +1,2849 @@
+{
+  "name": "vue-app",
+  "version": "0.0.0",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "vue-app",
+      "version": "0.0.0",
+      "dependencies": {
+        "@element-plus/icons-vue": "^2.3.2",
+        "axios": "^1.14.0",
+        "element-plus": "^2.13.6",
+        "lodash-es": "^4.18.1",
+        "pinia": "^3.0.4",
+        "sass": "^1.99.0",
+        "vue": "^3.5.30",
+        "vue-router": "^5.0.4"
+      },
+      "devDependencies": {
+        "@types/node": "^24.12.0",
+        "@vitejs/plugin-vue": "^6.0.5",
+        "@vue/tsconfig": "^0.9.0",
+        "typescript": "~5.9.3",
+        "unplugin-auto-import": "^21.0.0",
+        "unplugin-vue-components": "^32.0.0",
+        "vite": "^8.0.1",
+        "vue-tsc": "^3.2.5"
+      }
+    },
+    "node_modules/@babel/generator": {
+      "version": "7.29.1",
+      "resolved": "https://registry.npmmirror.com/@babel/generator/-/generator-7.29.1.tgz",
+      "integrity": "sha512-qsaF+9Qcm2Qv8SRIMMscAvG4O3lJ0F1GuMo5HR/Bp02LopNgnZBC/EkbevHFeGs4ls/oPz9v+Bsmzbkbe+0dUw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.29.0",
+        "@babel/types": "^7.29.0",
+        "@jridgewell/gen-mapping": "^0.3.12",
+        "@jridgewell/trace-mapping": "^0.3.28",
+        "jsesc": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-string-parser": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmmirror.com/@babel/helper-string-parser/-/helper-string-parser-7.27.1.tgz",
+      "integrity": "sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-validator-identifier": {
+      "version": "7.28.5",
+      "resolved": "https://registry.npmmirror.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.28.5.tgz",
+      "integrity": "sha512-qSs4ifwzKJSV39ucNjsvc6WVHs6b7S03sOh2OcHF9UHfVPqWWALUsNUVzhSBiItjRZoLHx7nIarVjqKVusUZ1Q==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/parser": {
+      "version": "7.29.2",
+      "resolved": "https://registry.npmmirror.com/@babel/parser/-/parser-7.29.2.tgz",
+      "integrity": "sha512-4GgRzy/+fsBa72/RZVJmGKPmZu9Byn8o4MoLpmNe1m8ZfYnz5emHLQz3U4gLud6Zwl0RZIcgiLD7Uq7ySFuDLA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.29.0"
+      },
+      "bin": {
+        "parser": "bin/babel-parser.js"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@babel/types": {
+      "version": "7.29.0",
+      "resolved": "https://registry.npmmirror.com/@babel/types/-/types-7.29.0.tgz",
+      "integrity": "sha512-LwdZHpScM4Qz8Xw2iKSzS+cfglZzJGvofQICy7W7v4caru4EaAmyUuO6BGrbyQ2mYV11W0U8j5mBhd14dd3B0A==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-string-parser": "^7.27.1",
+        "@babel/helper-validator-identifier": "^7.28.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@ctrl/tinycolor": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmmirror.com/@ctrl/tinycolor/-/tinycolor-4.2.0.tgz",
+      "integrity": "sha512-kzyuwOAQnXJNLS9PSyrk0CWk35nWJW/zl/6KvnTBMFK65gm7U1/Z5BqjxeapjZCIhQcM/DsrEmcbRwDyXyXK4A==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/@element-plus/icons-vue": {
+      "version": "2.3.2",
+      "resolved": "https://registry.npmmirror.com/@element-plus/icons-vue/-/icons-vue-2.3.2.tgz",
+      "integrity": "sha512-OzIuTaIfC8QXEPmJvB4Y4kw34rSXdCJzxcD1kFStBvr8bK6X1zQAYDo0CNMjojnfTqRQCJ0I7prlErcoRiET2A==",
+      "license": "MIT",
+      "peerDependencies": {
+        "vue": "^3.2.0"
+      }
+    },
+    "node_modules/@emnapi/core": {
+      "version": "1.9.2",
+      "resolved": "https://registry.npmmirror.com/@emnapi/core/-/core-1.9.2.tgz",
+      "integrity": "sha512-UC+ZhH3XtczQYfOlu3lNEkdW/p4dsJ1r/bP7H8+rhao3TTTMO1ATq/4DdIi23XuGoFY+Cz0JmCbdVl0hz9jZcA==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "@emnapi/wasi-threads": "1.2.1",
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/@emnapi/runtime": {
+      "version": "1.9.2",
+      "resolved": "https://registry.npmmirror.com/@emnapi/runtime/-/runtime-1.9.2.tgz",
+      "integrity": "sha512-3U4+MIWHImeyu1wnmVygh5WlgfYDtyf0k8AbLhMFxOipihf6nrWC4syIm/SwEeec0mNSafiiNnMJwbza/Is6Lw==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/@emnapi/wasi-threads": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmmirror.com/@emnapi/wasi-threads/-/wasi-threads-1.2.1.tgz",
+      "integrity": "sha512-uTII7OYF+/Mes/MrcIOYp5yOtSMLBWSIoLPpcgwipoiKbli6k322tcoFsxoIIxPDqW01SQGAgko4EzZi2BNv2w==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/@floating-ui/core": {
+      "version": "1.7.5",
+      "resolved": "https://registry.npmmirror.com/@floating-ui/core/-/core-1.7.5.tgz",
+      "integrity": "sha512-1Ih4WTWyw0+lKyFMcBHGbb5U5FtuHJuujoyyr5zTaWS5EYMeT6Jb2AuDeftsCsEuchO+mM2ij5+q9crhydzLhQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@floating-ui/utils": "^0.2.11"
+      }
+    },
+    "node_modules/@floating-ui/dom": {
+      "version": "1.7.6",
+      "resolved": "https://registry.npmmirror.com/@floating-ui/dom/-/dom-1.7.6.tgz",
+      "integrity": "sha512-9gZSAI5XM36880PPMm//9dfiEngYoC6Am2izES1FF406YFsjvyBMmeJ2g4SAju3xWwtuynNRFL2s9hgxpLI5SQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@floating-ui/core": "^1.7.5",
+        "@floating-ui/utils": "^0.2.11"
+      }
+    },
+    "node_modules/@floating-ui/utils": {
+      "version": "0.2.11",
+      "resolved": "https://registry.npmmirror.com/@floating-ui/utils/-/utils-0.2.11.tgz",
+      "integrity": "sha512-RiB/yIh78pcIxl6lLMG0CgBXAZ2Y0eVHqMPYugu+9U0AeT6YBeiJpf7lbdJNIugFP5SIjwNRgo4DhR1Qxi26Gg==",
+      "license": "MIT"
+    },
+    "node_modules/@jridgewell/gen-mapping": {
+      "version": "0.3.13",
+      "resolved": "https://registry.npmmirror.com/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz",
+      "integrity": "sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.5.0",
+        "@jridgewell/trace-mapping": "^0.3.24"
+      }
+    },
+    "node_modules/@jridgewell/remapping": {
+      "version": "2.3.5",
+      "resolved": "https://registry.npmmirror.com/@jridgewell/remapping/-/remapping-2.3.5.tgz",
+      "integrity": "sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.3.5",
+        "@jridgewell/trace-mapping": "^0.3.24"
+      }
+    },
+    "node_modules/@jridgewell/resolve-uri": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmmirror.com/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
+      "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@jridgewell/sourcemap-codec": {
+      "version": "1.5.5",
+      "resolved": "https://registry.npmmirror.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz",
+      "integrity": "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==",
+      "license": "MIT"
+    },
+    "node_modules/@jridgewell/trace-mapping": {
+      "version": "0.3.31",
+      "resolved": "https://registry.npmmirror.com/@jridgewell/trace-mapping/-/trace-mapping-0.3.31.tgz",
+      "integrity": "sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/resolve-uri": "^3.1.0",
+        "@jridgewell/sourcemap-codec": "^1.4.14"
+      }
+    },
+    "node_modules/@napi-rs/wasm-runtime": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmmirror.com/@napi-rs/wasm-runtime/-/wasm-runtime-1.1.2.tgz",
+      "integrity": "sha512-sNXv5oLJ7ob93xkZ1XnxisYhGYXfaG9f65/ZgYuAu3qt7b3NadcOEhLvx28hv31PgX8SZJRYrAIPQilQmFpLVw==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@tybys/wasm-util": "^0.10.1"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/Brooooooklyn"
+      },
+      "peerDependencies": {
+        "@emnapi/core": "^1.7.1",
+        "@emnapi/runtime": "^1.7.1"
+      }
+    },
+    "node_modules/@oxc-project/types": {
+      "version": "0.122.0",
+      "resolved": "https://registry.npmmirror.com/@oxc-project/types/-/types-0.122.0.tgz",
+      "integrity": "sha512-oLAl5kBpV4w69UtFZ9xqcmTi+GENWOcPF7FCrczTiBbmC0ibXxCwyvZGbO39rCVEuLGAZM84DH0pUIyyv/YJzA==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/Boshen"
+      }
+    },
+    "node_modules/@parcel/watcher": {
+      "version": "2.5.6",
+      "resolved": "https://registry.npmmirror.com/@parcel/watcher/-/watcher-2.5.6.tgz",
+      "integrity": "sha512-tmmZ3lQxAe/k/+rNnXQRawJ4NjxO2hqiOLTHvWchtGZULp4RyFeh6aU4XdOYBFe2KE1oShQTv4AblOs2iOrNnQ==",
+      "hasInstallScript": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "detect-libc": "^2.0.3",
+        "is-glob": "^4.0.3",
+        "node-addon-api": "^7.0.0",
+        "picomatch": "^4.0.3"
+      },
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      },
+      "optionalDependencies": {
+        "@parcel/watcher-android-arm64": "2.5.6",
+        "@parcel/watcher-darwin-arm64": "2.5.6",
+        "@parcel/watcher-darwin-x64": "2.5.6",
+        "@parcel/watcher-freebsd-x64": "2.5.6",
+        "@parcel/watcher-linux-arm-glibc": "2.5.6",
+        "@parcel/watcher-linux-arm-musl": "2.5.6",
+        "@parcel/watcher-linux-arm64-glibc": "2.5.6",
+        "@parcel/watcher-linux-arm64-musl": "2.5.6",
+        "@parcel/watcher-linux-x64-glibc": "2.5.6",
+        "@parcel/watcher-linux-x64-musl": "2.5.6",
+        "@parcel/watcher-win32-arm64": "2.5.6",
+        "@parcel/watcher-win32-ia32": "2.5.6",
+        "@parcel/watcher-win32-x64": "2.5.6"
+      }
+    },
+    "node_modules/@parcel/watcher-android-arm64": {
+      "version": "2.5.6",
+      "resolved": "https://registry.npmmirror.com/@parcel/watcher-android-arm64/-/watcher-android-arm64-2.5.6.tgz",
+      "integrity": "sha512-YQxSS34tPF/6ZG7r/Ih9xy+kP/WwediEUsqmtf0cuCV5TPPKw/PQHRhueUo6JdeFJaqV3pyjm0GdYjZotbRt/A==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-darwin-arm64": {
+      "version": "2.5.6",
+      "resolved": "https://registry.npmmirror.com/@parcel/watcher-darwin-arm64/-/watcher-darwin-arm64-2.5.6.tgz",
+      "integrity": "sha512-Z2ZdrnwyXvvvdtRHLmM4knydIdU9adO3D4n/0cVipF3rRiwP+3/sfzpAwA/qKFL6i1ModaabkU7IbpeMBgiVEA==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-darwin-x64": {
+      "version": "2.5.6",
+      "resolved": "https://registry.npmmirror.com/@parcel/watcher-darwin-x64/-/watcher-darwin-x64-2.5.6.tgz",
+      "integrity": "sha512-HgvOf3W9dhithcwOWX9uDZyn1lW9R+7tPZ4sug+NGrGIo4Rk1hAXLEbcH1TQSqxts0NYXXlOWqVpvS1SFS4fRg==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-freebsd-x64": {
+      "version": "2.5.6",
+      "resolved": "https://registry.npmmirror.com/@parcel/watcher-freebsd-x64/-/watcher-freebsd-x64-2.5.6.tgz",
+      "integrity": "sha512-vJVi8yd/qzJxEKHkeemh7w3YAn6RJCtYlE4HPMoVnCpIXEzSrxErBW5SJBgKLbXU3WdIpkjBTeUNtyBVn8TRng==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-linux-arm-glibc": {
+      "version": "2.5.6",
+      "resolved": "https://registry.npmmirror.com/@parcel/watcher-linux-arm-glibc/-/watcher-linux-arm-glibc-2.5.6.tgz",
+      "integrity": "sha512-9JiYfB6h6BgV50CCfasfLf/uvOcJskMSwcdH1PHH9rvS1IrNy8zad6IUVPVUfmXr+u+Km9IxcfMLzgdOudz9EQ==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-linux-arm-musl": {
+      "version": "2.5.6",
+      "resolved": "https://registry.npmmirror.com/@parcel/watcher-linux-arm-musl/-/watcher-linux-arm-musl-2.5.6.tgz",
+      "integrity": "sha512-Ve3gUCG57nuUUSyjBq/MAM0CzArtuIOxsBdQ+ftz6ho8n7s1i9E1Nmk/xmP323r2YL0SONs1EuwqBp2u1k5fxg==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-linux-arm64-glibc": {
+      "version": "2.5.6",
+      "resolved": "https://registry.npmmirror.com/@parcel/watcher-linux-arm64-glibc/-/watcher-linux-arm64-glibc-2.5.6.tgz",
+      "integrity": "sha512-f2g/DT3NhGPdBmMWYoxixqYr3v/UXcmLOYy16Bx0TM20Tchduwr4EaCbmxh1321TABqPGDpS8D/ggOTaljijOA==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-linux-arm64-musl": {
+      "version": "2.5.6",
+      "resolved": "https://registry.npmmirror.com/@parcel/watcher-linux-arm64-musl/-/watcher-linux-arm64-musl-2.5.6.tgz",
+      "integrity": "sha512-qb6naMDGlbCwdhLj6hgoVKJl2odL34z2sqkC7Z6kzir8b5W65WYDpLB6R06KabvZdgoHI/zxke4b3zR0wAbDTA==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-linux-x64-glibc": {
+      "version": "2.5.6",
+      "resolved": "https://registry.npmmirror.com/@parcel/watcher-linux-x64-glibc/-/watcher-linux-x64-glibc-2.5.6.tgz",
+      "integrity": "sha512-kbT5wvNQlx7NaGjzPFu8nVIW1rWqV780O7ZtkjuWaPUgpv2NMFpjYERVi0UYj1msZNyCzGlaCWEtzc+exjMGbQ==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-linux-x64-musl": {
+      "version": "2.5.6",
+      "resolved": "https://registry.npmmirror.com/@parcel/watcher-linux-x64-musl/-/watcher-linux-x64-musl-2.5.6.tgz",
+      "integrity": "sha512-1JRFeC+h7RdXwldHzTsmdtYR/Ku8SylLgTU/reMuqdVD7CtLwf0VR1FqeprZ0eHQkO0vqsbvFLXUmYm/uNKJBg==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-win32-arm64": {
+      "version": "2.5.6",
+      "resolved": "https://registry.npmmirror.com/@parcel/watcher-win32-arm64/-/watcher-win32-arm64-2.5.6.tgz",
+      "integrity": "sha512-3ukyebjc6eGlw9yRt678DxVF7rjXatWiHvTXqphZLvo7aC5NdEgFufVwjFfY51ijYEWpXbqF5jtrK275z52D4Q==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-win32-ia32": {
+      "version": "2.5.6",
+      "resolved": "https://registry.npmmirror.com/@parcel/watcher-win32-ia32/-/watcher-win32-ia32-2.5.6.tgz",
+      "integrity": "sha512-k35yLp1ZMwwee3Ez/pxBi5cf4AoBKYXj00CZ80jUz5h8prpiaQsiRPKQMxoLstNuqe2vR4RNPEAEcjEFzhEz/g==",
+      "cpu": [
+        "ia32"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-win32-x64": {
+      "version": "2.5.6",
+      "resolved": "https://registry.npmmirror.com/@parcel/watcher-win32-x64/-/watcher-win32-x64-2.5.6.tgz",
+      "integrity": "sha512-hbQlYcCq5dlAX9Qx+kFb0FHue6vbjlf0FrNzSKdYK2APUf7tGfGxQCk2ihEREmbR6ZMc0MVAD5RIX/41gpUzTw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@popperjs/core": {
+      "name": "@sxzz/popperjs-es",
+      "version": "2.11.8",
+      "resolved": "https://registry.npmmirror.com/@sxzz/popperjs-es/-/popperjs-es-2.11.8.tgz",
+      "integrity": "sha512-wOwESXvvED3S8xBmcPWHs2dUuzrE4XiZeFu7e1hROIJkm02a49N120pmOXxY33sBb6hArItm5W5tcg1cBtV+HQ==",
+      "license": "MIT",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/popperjs"
+      }
+    },
+    "node_modules/@rolldown/binding-android-arm64": {
+      "version": "1.0.0-rc.12",
+      "resolved": "https://registry.npmmirror.com/@rolldown/binding-android-arm64/-/binding-android-arm64-1.0.0-rc.12.tgz",
+      "integrity": "sha512-pv1y2Fv0JybcykuiiD3qBOBdz6RteYojRFY1d+b95WVuzx211CRh+ytI/+9iVyWQ6koTh5dawe4S/yRfOFjgaA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@rolldown/binding-darwin-arm64": {
+      "version": "1.0.0-rc.12",
+      "resolved": "https://registry.npmmirror.com/@rolldown/binding-darwin-arm64/-/binding-darwin-arm64-1.0.0-rc.12.tgz",
+      "integrity": "sha512-cFYr6zTG/3PXXF3pUO+umXxt1wkRK/0AYT8lDwuqvRC+LuKYWSAQAQZjCWDQpAH172ZV6ieYrNnFzVVcnSflAg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@rolldown/binding-darwin-x64": {
+      "version": "1.0.0-rc.12",
+      "resolved": "https://registry.npmmirror.com/@rolldown/binding-darwin-x64/-/binding-darwin-x64-1.0.0-rc.12.tgz",
+      "integrity": "sha512-ZCsYknnHzeXYps0lGBz8JrF37GpE9bFVefrlmDrAQhOEi4IOIlcoU1+FwHEtyXGx2VkYAvhu7dyBf75EJQffBw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@rolldown/binding-freebsd-x64": {
+      "version": "1.0.0-rc.12",
+      "resolved": "https://registry.npmmirror.com/@rolldown/binding-freebsd-x64/-/binding-freebsd-x64-1.0.0-rc.12.tgz",
+      "integrity": "sha512-dMLeprcVsyJsKolRXyoTH3NL6qtsT0Y2xeuEA8WQJquWFXkEC4bcu1rLZZSnZRMtAqwtrF/Ib9Ddtpa/Gkge9Q==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@rolldown/binding-linux-arm-gnueabihf": {
+      "version": "1.0.0-rc.12",
+      "resolved": "https://registry.npmmirror.com/@rolldown/binding-linux-arm-gnueabihf/-/binding-linux-arm-gnueabihf-1.0.0-rc.12.tgz",
+      "integrity": "sha512-YqWjAgGC/9M1lz3GR1r1rP79nMgo3mQiiA+Hfo+pvKFK1fAJ1bCi0ZQVh8noOqNacuY1qIcfyVfP6HoyBRZ85Q==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@rolldown/binding-linux-arm64-gnu": {
+      "version": "1.0.0-rc.12",
+      "resolved": "https://registry.npmmirror.com/@rolldown/binding-linux-arm64-gnu/-/binding-linux-arm64-gnu-1.0.0-rc.12.tgz",
+      "integrity": "sha512-/I5AS4cIroLpslsmzXfwbe5OmWvSsrFuEw3mwvbQ1kDxJ822hFHIx+vsN/TAzNVyepI/j/GSzrtCIwQPeKCLIg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@rolldown/binding-linux-arm64-musl": {
+      "version": "1.0.0-rc.12",
+      "resolved": "https://registry.npmmirror.com/@rolldown/binding-linux-arm64-musl/-/binding-linux-arm64-musl-1.0.0-rc.12.tgz",
+      "integrity": "sha512-V6/wZztnBqlx5hJQqNWwFdxIKN0m38p8Jas+VoSfgH54HSj9tKTt1dZvG6JRHcjh6D7TvrJPWFGaY9UBVOaWPw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@rolldown/binding-linux-ppc64-gnu": {
+      "version": "1.0.0-rc.12",
+      "resolved": "https://registry.npmmirror.com/@rolldown/binding-linux-ppc64-gnu/-/binding-linux-ppc64-gnu-1.0.0-rc.12.tgz",
+      "integrity": "sha512-AP3E9BpcUYliZCxa3w5Kwj9OtEVDYK6sVoUzy4vTOJsjPOgdaJZKFmN4oOlX0Wp0RPV2ETfmIra9x1xuayFB7g==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@rolldown/binding-linux-s390x-gnu": {
+      "version": "1.0.0-rc.12",
+      "resolved": "https://registry.npmmirror.com/@rolldown/binding-linux-s390x-gnu/-/binding-linux-s390x-gnu-1.0.0-rc.12.tgz",
+      "integrity": "sha512-nWwpvUSPkoFmZo0kQazZYOrT7J5DGOJ/+QHHzjvNlooDZED8oH82Yg67HvehPPLAg5fUff7TfWFHQS8IV1n3og==",
+      "cpu": [
+        "s390x"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@rolldown/binding-linux-x64-gnu": {
+      "version": "1.0.0-rc.12",
+      "resolved": "https://registry.npmmirror.com/@rolldown/binding-linux-x64-gnu/-/binding-linux-x64-gnu-1.0.0-rc.12.tgz",
+      "integrity": "sha512-RNrafz5bcwRy+O9e6P8Z/OCAJW/A+qtBczIqVYwTs14pf4iV1/+eKEjdOUta93q2TsT/FI0XYDP3TCky38LMAg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@rolldown/binding-linux-x64-musl": {
+      "version": "1.0.0-rc.12",
+      "resolved": "https://registry.npmmirror.com/@rolldown/binding-linux-x64-musl/-/binding-linux-x64-musl-1.0.0-rc.12.tgz",
+      "integrity": "sha512-Jpw/0iwoKWx3LJ2rc1yjFrj+T7iHZn2JDg1Yny1ma0luviFS4mhAIcd1LFNxK3EYu3DHWCps0ydXQ5i/rrJ2ig==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@rolldown/binding-openharmony-arm64": {
+      "version": "1.0.0-rc.12",
+      "resolved": "https://registry.npmmirror.com/@rolldown/binding-openharmony-arm64/-/binding-openharmony-arm64-1.0.0-rc.12.tgz",
+      "integrity": "sha512-vRugONE4yMfVn0+7lUKdKvN4D5YusEiPilaoO2sgUWpCvrncvWgPMzK00ZFFJuiPgLwgFNP5eSiUlv2tfc+lpA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openharmony"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@rolldown/binding-wasm32-wasi": {
+      "version": "1.0.0-rc.12",
+      "resolved": "https://registry.npmmirror.com/@rolldown/binding-wasm32-wasi/-/binding-wasm32-wasi-1.0.0-rc.12.tgz",
+      "integrity": "sha512-ykGiLr/6kkiHc0XnBfmFJuCjr5ZYKKofkx+chJWDjitX+KsJuAmrzWhwyOMSHzPhzOHOy7u9HlFoa5MoAOJ/Zg==",
+      "cpu": [
+        "wasm32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@napi-rs/wasm-runtime": "^1.1.1"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/@rolldown/binding-win32-arm64-msvc": {
+      "version": "1.0.0-rc.12",
+      "resolved": "https://registry.npmmirror.com/@rolldown/binding-win32-arm64-msvc/-/binding-win32-arm64-msvc-1.0.0-rc.12.tgz",
+      "integrity": "sha512-5eOND4duWkwx1AzCxadcOrNeighiLwMInEADT0YM7xeEOOFcovWZCq8dadXgcRHSf3Ulh1kFo/qvzoFiCLOL1Q==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@rolldown/binding-win32-x64-msvc": {
+      "version": "1.0.0-rc.12",
+      "resolved": "https://registry.npmmirror.com/@rolldown/binding-win32-x64-msvc/-/binding-win32-x64-msvc-1.0.0-rc.12.tgz",
+      "integrity": "sha512-PyqoipaswDLAZtot351MLhrlrh6lcZPo2LSYE+VDxbVk24LVKAGOuE4hb8xZQmrPAuEtTZW8E6D2zc5EUZX4Lw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@rolldown/pluginutils": {
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmmirror.com/@rolldown/pluginutils/-/pluginutils-1.0.0-rc.2.tgz",
+      "integrity": "sha512-izyXV/v+cHiRfozX62W9htOAvwMo4/bXKDrQ+vom1L1qRuexPock/7VZDAhnpHCLNejd3NJ6hiab+tO0D44Rgw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@tybys/wasm-util": {
+      "version": "0.10.1",
+      "resolved": "https://registry.npmmirror.com/@tybys/wasm-util/-/wasm-util-0.10.1.tgz",
+      "integrity": "sha512-9tTaPJLSiejZKx+Bmog4uSubteqTvFrVrURwkmHixBo0G4seD0zUxp98E1DzUBJxLQ3NPwXrGKDiVjwx/DpPsg==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/@types/estree": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmmirror.com/@types/estree/-/estree-1.0.8.tgz",
+      "integrity": "sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/lodash": {
+      "version": "4.17.24",
+      "resolved": "https://registry.npmmirror.com/@types/lodash/-/lodash-4.17.24.tgz",
+      "integrity": "sha512-gIW7lQLZbue7lRSWEFql49QJJWThrTFFeIMJdp3eH4tKoxm1OvEPg02rm4wCCSHS0cL3/Fizimb35b7k8atwsQ==",
+      "license": "MIT"
+    },
+    "node_modules/@types/lodash-es": {
+      "version": "4.17.12",
+      "resolved": "https://registry.npmmirror.com/@types/lodash-es/-/lodash-es-4.17.12.tgz",
+      "integrity": "sha512-0NgftHUcV4v34VhXm8QBSftKVXtbkBG3ViCjs6+eJ5a6y6Mi/jiFGPc1sC7QK+9BFhWrURE3EOggmWaSxL9OzQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/lodash": "*"
+      }
+    },
+    "node_modules/@types/node": {
+      "version": "24.12.2",
+      "resolved": "https://registry.npmmirror.com/@types/node/-/node-24.12.2.tgz",
+      "integrity": "sha512-A1sre26ke7HDIuY/M23nd9gfB+nrmhtYyMINbjI1zHJxYteKR6qSMX56FsmjMcDb3SMcjJg5BiRRgOCC/yBD0g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "undici-types": "~7.16.0"
+      }
+    },
+    "node_modules/@types/web-bluetooth": {
+      "version": "0.0.20",
+      "resolved": "https://registry.npmmirror.com/@types/web-bluetooth/-/web-bluetooth-0.0.20.tgz",
+      "integrity": "sha512-g9gZnnXVq7gM7v3tJCWV/qw7w+KeOlSHAhgF9RytFyifW6AF61hdT2ucrYhPq9hLs5JIryeupHV3qGk95dH9ow==",
+      "license": "MIT"
+    },
+    "node_modules/@vitejs/plugin-vue": {
+      "version": "6.0.5",
+      "resolved": "https://registry.npmmirror.com/@vitejs/plugin-vue/-/plugin-vue-6.0.5.tgz",
+      "integrity": "sha512-bL3AxKuQySfk1iGcBsQnoRVexTPJq0Z/ixFVM8OhVJAP6ZXXXLtM7NFKWhLl30Kg7uTBqIaPXbh+nuQCuBDedg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@rolldown/pluginutils": "1.0.0-rc.2"
+      },
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      },
+      "peerDependencies": {
+        "vite": "^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0",
+        "vue": "^3.2.25"
+      }
+    },
+    "node_modules/@volar/language-core": {
+      "version": "2.4.28",
+      "resolved": "https://registry.npmmirror.com/@volar/language-core/-/language-core-2.4.28.tgz",
+      "integrity": "sha512-w4qhIJ8ZSitgLAkVay6AbcnC7gP3glYM3fYwKV3srj8m494E3xtrCv6E+bWviiK/8hs6e6t1ij1s2Endql7vzQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@volar/source-map": "2.4.28"
+      }
+    },
+    "node_modules/@volar/source-map": {
+      "version": "2.4.28",
+      "resolved": "https://registry.npmmirror.com/@volar/source-map/-/source-map-2.4.28.tgz",
+      "integrity": "sha512-yX2BDBqJkRXfKw8my8VarTyjv48QwxdJtvRgUpNE5erCsgEUdI2DsLbpa+rOQVAJYshY99szEcRDmyHbF10ggQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@volar/typescript": {
+      "version": "2.4.28",
+      "resolved": "https://registry.npmmirror.com/@volar/typescript/-/typescript-2.4.28.tgz",
+      "integrity": "sha512-Ja6yvWrbis2QtN4ClAKreeUZPVYMARDYZl9LMEv1iQ1QdepB6wn0jTRxA9MftYmYa4DQ4k/DaSZpFPUfxl8giw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@volar/language-core": "2.4.28",
+        "path-browserify": "^1.0.1",
+        "vscode-uri": "^3.0.8"
+      }
+    },
+    "node_modules/@vue-macros/common": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmmirror.com/@vue-macros/common/-/common-3.1.2.tgz",
+      "integrity": "sha512-h9t4ArDdniO9ekYHAD95t9AZcAbb19lEGK+26iAjUODOIJKmObDNBSe4+6ELQAA3vtYiFPPBtHh7+cQCKi3Dng==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/compiler-sfc": "^3.5.22",
+        "ast-kit": "^2.1.2",
+        "local-pkg": "^1.1.2",
+        "magic-string-ast": "^1.0.2",
+        "unplugin-utils": "^0.3.0"
+      },
+      "engines": {
+        "node": ">=20.19.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/vue-macros"
+      },
+      "peerDependencies": {
+        "vue": "^2.7.0 || ^3.2.25"
+      },
+      "peerDependenciesMeta": {
+        "vue": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@vue/compiler-core": {
+      "version": "3.5.32",
+      "resolved": "https://registry.npmmirror.com/@vue/compiler-core/-/compiler-core-3.5.32.tgz",
+      "integrity": "sha512-4x74Tbtqnda8s/NSD6e1Dr5p1c8HdMU5RWSjMSUzb8RTcUQqevDCxVAitcLBKT+ie3o0Dl9crc/S/opJM7qBGQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.29.2",
+        "@vue/shared": "3.5.32",
+        "entities": "^7.0.1",
+        "estree-walker": "^2.0.2",
+        "source-map-js": "^1.2.1"
+      }
+    },
+    "node_modules/@vue/compiler-dom": {
+      "version": "3.5.32",
+      "resolved": "https://registry.npmmirror.com/@vue/compiler-dom/-/compiler-dom-3.5.32.tgz",
+      "integrity": "sha512-ybHAu70NtiEI1fvAUz3oXZqkUYEe5J98GjMDpTGl5iHb0T15wQYLR4wE3h9xfuTNA+Cm2f4czfe8B4s+CCH57Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/compiler-core": "3.5.32",
+        "@vue/shared": "3.5.32"
+      }
+    },
+    "node_modules/@vue/compiler-sfc": {
+      "version": "3.5.32",
+      "resolved": "https://registry.npmmirror.com/@vue/compiler-sfc/-/compiler-sfc-3.5.32.tgz",
+      "integrity": "sha512-8UYUYo71cP/0YHMO814TRZlPuUUw3oifHuMR7Wp9SNoRSrxRQnhMLNlCeaODNn6kNTJsjFoQ/kqIj4qGvya4Xg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.29.2",
+        "@vue/compiler-core": "3.5.32",
+        "@vue/compiler-dom": "3.5.32",
+        "@vue/compiler-ssr": "3.5.32",
+        "@vue/shared": "3.5.32",
+        "estree-walker": "^2.0.2",
+        "magic-string": "^0.30.21",
+        "postcss": "^8.5.8",
+        "source-map-js": "^1.2.1"
+      }
+    },
+    "node_modules/@vue/compiler-ssr": {
+      "version": "3.5.32",
+      "resolved": "https://registry.npmmirror.com/@vue/compiler-ssr/-/compiler-ssr-3.5.32.tgz",
+      "integrity": "sha512-Gp4gTs22T3DgRotZ8aA/6m2jMR+GMztvBXUBEUOYOcST+giyGWJ4WvFd7QLHBkzTxkfOt8IELKNdpzITLbA2rw==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/compiler-dom": "3.5.32",
+        "@vue/shared": "3.5.32"
+      }
+    },
+    "node_modules/@vue/devtools-api": {
+      "version": "7.7.9",
+      "resolved": "https://registry.npmmirror.com/@vue/devtools-api/-/devtools-api-7.7.9.tgz",
+      "integrity": "sha512-kIE8wvwlcZ6TJTbNeU2HQNtaxLx3a84aotTITUuL/4bzfPxzajGBOoqjMhwZJ8L9qFYDU/lAYMEEm11dnZOD6g==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/devtools-kit": "^7.7.9"
+      }
+    },
+    "node_modules/@vue/devtools-kit": {
+      "version": "7.7.9",
+      "resolved": "https://registry.npmmirror.com/@vue/devtools-kit/-/devtools-kit-7.7.9.tgz",
+      "integrity": "sha512-PyQ6odHSgiDVd4hnTP+aDk2X4gl2HmLDfiyEnn3/oV+ckFDuswRs4IbBT7vacMuGdwY/XemxBoh302ctbsptuA==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/devtools-shared": "^7.7.9",
+        "birpc": "^2.3.0",
+        "hookable": "^5.5.3",
+        "mitt": "^3.0.1",
+        "perfect-debounce": "^1.0.0",
+        "speakingurl": "^14.0.1",
+        "superjson": "^2.2.2"
+      }
+    },
+    "node_modules/@vue/devtools-shared": {
+      "version": "7.7.9",
+      "resolved": "https://registry.npmmirror.com/@vue/devtools-shared/-/devtools-shared-7.7.9.tgz",
+      "integrity": "sha512-iWAb0v2WYf0QWmxCGy0seZNDPdO3Sp5+u78ORnyeonS6MT4PC7VPrryX2BpMJrwlDeaZ6BD4vP4XKjK0SZqaeA==",
+      "license": "MIT",
+      "dependencies": {
+        "rfdc": "^1.4.1"
+      }
+    },
+    "node_modules/@vue/language-core": {
+      "version": "3.2.6",
+      "resolved": "https://registry.npmmirror.com/@vue/language-core/-/language-core-3.2.6.tgz",
+      "integrity": "sha512-xYYYX3/aVup576tP/23sEUpgiEnujrENaoNRbaozC1/MA9I6EGFQRJb4xrt/MmUCAGlxTKL2RmT8JLTPqagCkg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@volar/language-core": "2.4.28",
+        "@vue/compiler-dom": "^3.5.0",
+        "@vue/shared": "^3.5.0",
+        "alien-signals": "^3.0.0",
+        "muggle-string": "^0.4.1",
+        "path-browserify": "^1.0.1",
+        "picomatch": "^4.0.2"
+      }
+    },
+    "node_modules/@vue/reactivity": {
+      "version": "3.5.32",
+      "resolved": "https://registry.npmmirror.com/@vue/reactivity/-/reactivity-3.5.32.tgz",
+      "integrity": "sha512-/ORasxSGvZ6MN5gc+uE364SxFdJ0+WqVG0CENXaGW58TOCdrAW76WWaplDtECeS1qphvtBZtR+3/o1g1zL4xPQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/shared": "3.5.32"
+      }
+    },
+    "node_modules/@vue/runtime-core": {
+      "version": "3.5.32",
+      "resolved": "https://registry.npmmirror.com/@vue/runtime-core/-/runtime-core-3.5.32.tgz",
+      "integrity": "sha512-pDrXCejn4UpFDFmMd27AcJEbHaLemaE5o4pbb7sLk79SRIhc6/t34BQA7SGNgYtbMnvbF/HHOftYBgFJtUoJUQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/reactivity": "3.5.32",
+        "@vue/shared": "3.5.32"
+      }
+    },
+    "node_modules/@vue/runtime-dom": {
+      "version": "3.5.32",
+      "resolved": "https://registry.npmmirror.com/@vue/runtime-dom/-/runtime-dom-3.5.32.tgz",
+      "integrity": "sha512-1CDVv7tv/IV13V8Nip1k/aaObVbWqRlVCVezTwx3K07p7Vxossp5JU1dcPNhJk3w347gonIUT9jQOGutyJrSVQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/reactivity": "3.5.32",
+        "@vue/runtime-core": "3.5.32",
+        "@vue/shared": "3.5.32",
+        "csstype": "^3.2.3"
+      }
+    },
+    "node_modules/@vue/server-renderer": {
+      "version": "3.5.32",
+      "resolved": "https://registry.npmmirror.com/@vue/server-renderer/-/server-renderer-3.5.32.tgz",
+      "integrity": "sha512-IOjm2+JQwRFS7W28HNuJeXQle9KdZbODFY7hFGVtnnghF51ta20EWAZJHX+zLGtsHhaU6uC9BGPV52KVpYryMQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/compiler-ssr": "3.5.32",
+        "@vue/shared": "3.5.32"
+      },
+      "peerDependencies": {
+        "vue": "3.5.32"
+      }
+    },
+    "node_modules/@vue/shared": {
+      "version": "3.5.32",
+      "resolved": "https://registry.npmmirror.com/@vue/shared/-/shared-3.5.32.tgz",
+      "integrity": "sha512-ksNyrmRQzWJJ8n3cRDuSF7zNNontuJg1YHnmWRJd2AMu8Ij2bqwiiri2lH5rHtYPZjj4STkNcgcmiQqlOjiYGg==",
+      "license": "MIT"
+    },
+    "node_modules/@vue/tsconfig": {
+      "version": "0.9.1",
+      "resolved": "https://registry.npmmirror.com/@vue/tsconfig/-/tsconfig-0.9.1.tgz",
+      "integrity": "sha512-buvjm+9NzLCJL29KY1j1991YYJ5e6275OiK+G4jtmfIb+z4POywbdm0wXusT9adVWqe0xqg70TbI7+mRx4uU9w==",
+      "dev": true,
+      "license": "MIT",
+      "peerDependencies": {
+        "typescript": ">= 5.8",
+        "vue": "^3.4.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        },
+        "vue": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@vueuse/core": {
+      "version": "12.0.0",
+      "resolved": "https://registry.npmmirror.com/@vueuse/core/-/core-12.0.0.tgz",
+      "integrity": "sha512-C12RukhXiJCbx4MGhjmd/gH52TjJsc3G0E0kQj/kb19H3Nt6n1CA4DRWuTdWWcaFRdlTe0npWDS942mvacvNBw==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/web-bluetooth": "^0.0.20",
+        "@vueuse/metadata": "12.0.0",
+        "@vueuse/shared": "12.0.0",
+        "vue": "^3.5.13"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      }
+    },
+    "node_modules/@vueuse/metadata": {
+      "version": "12.0.0",
+      "resolved": "https://registry.npmmirror.com/@vueuse/metadata/-/metadata-12.0.0.tgz",
+      "integrity": "sha512-Yzimd1D3sjxTDOlF05HekU5aSGdKjxhuhRFHA7gDWLn57PRbBIh+SF5NmjhJ0WRgF3my7T8LBucyxdFJjIfRJQ==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      }
+    },
+    "node_modules/@vueuse/shared": {
+      "version": "12.0.0",
+      "resolved": "https://registry.npmmirror.com/@vueuse/shared/-/shared-12.0.0.tgz",
+      "integrity": "sha512-3i6qtcq2PIio5i/vVYidkkcgvmTjCqrf26u+Fd4LhnbBmIT6FN8y6q/GJERp8lfcB9zVEfjdV0Br0443qZuJpw==",
+      "license": "MIT",
+      "dependencies": {
+        "vue": "^3.5.13"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      }
+    },
+    "node_modules/acorn": {
+      "version": "8.16.0",
+      "resolved": "https://registry.npmmirror.com/acorn/-/acorn-8.16.0.tgz",
+      "integrity": "sha512-UVJyE9MttOsBQIDKw1skb9nAwQuR5wuGD3+82K6JgJlm/Y+KI92oNsMNGZCYdDsVtRHSak0pcV5Dno5+4jh9sw==",
+      "license": "MIT",
+      "bin": {
+        "acorn": "bin/acorn"
+      },
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/alien-signals": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmmirror.com/alien-signals/-/alien-signals-3.1.2.tgz",
+      "integrity": "sha512-d9dYqZTS90WLiU0I5c6DHj/HcKkF8ZyGN3G5x8wSbslulz70KOxaqCT0hQCo9KOyhVqzqGojvNdJXoTumZOtcw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/ast-kit": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmmirror.com/ast-kit/-/ast-kit-2.2.0.tgz",
+      "integrity": "sha512-m1Q/RaVOnTp9JxPX+F+Zn7IcLYMzM8kZofDImfsKZd8MbR+ikdOzTeztStWqfrqIxZnYWryyI9ePm3NGjnZgGw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.28.5",
+        "pathe": "^2.0.3"
+      },
+      "engines": {
+        "node": ">=20.19.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sxzz"
+      }
+    },
+    "node_modules/ast-walker-scope": {
+      "version": "0.8.3",
+      "resolved": "https://registry.npmmirror.com/ast-walker-scope/-/ast-walker-scope-0.8.3.tgz",
+      "integrity": "sha512-cbdCP0PGOBq0ASG+sjnKIoYkWMKhhz+F/h9pRexUdX2Hd38+WOlBkRKlqkGOSm0YQpcFMQBJeK4WspUAkwsEdg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.28.4",
+        "ast-kit": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=20.19.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sxzz"
+      }
+    },
+    "node_modules/async-validator": {
+      "version": "4.2.5",
+      "resolved": "https://registry.npmmirror.com/async-validator/-/async-validator-4.2.5.tgz",
+      "integrity": "sha512-7HhHjtERjqlNbZtqNqy2rckN/SpOOlmDliet+lP7k+eKZEjPk3DgyeU9lIXLdeLz0uBbbVp+9Qdow9wJWgwwfg==",
+      "license": "MIT"
+    },
+    "node_modules/asynckit": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmmirror.com/asynckit/-/asynckit-0.4.0.tgz",
+      "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==",
+      "license": "MIT"
+    },
+    "node_modules/axios": {
+      "version": "1.14.0",
+      "resolved": "https://registry.npmmirror.com/axios/-/axios-1.14.0.tgz",
+      "integrity": "sha512-3Y8yrqLSwjuzpXuZ0oIYZ/XGgLwUIBU3uLvbcpb0pidD9ctpShJd43KSlEEkVQg6DS0G9NKyzOvBfUtDKEyHvQ==",
+      "license": "MIT",
+      "dependencies": {
+        "follow-redirects": "^1.15.11",
+        "form-data": "^4.0.5",
+        "proxy-from-env": "^2.1.0"
+      }
+    },
+    "node_modules/birpc": {
+      "version": "2.9.0",
+      "resolved": "https://registry.npmmirror.com/birpc/-/birpc-2.9.0.tgz",
+      "integrity": "sha512-KrayHS5pBi69Xi9JmvoqrIgYGDkD6mcSe/i6YKi3w5kekCLzrX4+nawcXqrj2tIp50Kw/mT/s3p+GVK0A0sKxw==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      }
+    },
+    "node_modules/call-bind-apply-helpers": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmmirror.com/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.2.tgz",
+      "integrity": "sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/chokidar": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmmirror.com/chokidar/-/chokidar-5.0.0.tgz",
+      "integrity": "sha512-TQMmc3w+5AxjpL8iIiwebF73dRDF4fBIieAqGn9RGCWaEVwQ6Fb2cGe31Yns0RRIzii5goJ1Y7xbMwo1TxMplw==",
+      "license": "MIT",
+      "dependencies": {
+        "readdirp": "^5.0.0"
+      },
+      "engines": {
+        "node": ">= 20.19.0"
+      },
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
+    "node_modules/combined-stream": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmmirror.com/combined-stream/-/combined-stream-1.0.8.tgz",
+      "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
+      "license": "MIT",
+      "dependencies": {
+        "delayed-stream": "~1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/confbox": {
+      "version": "0.2.4",
+      "resolved": "https://registry.npmmirror.com/confbox/-/confbox-0.2.4.tgz",
+      "integrity": "sha512-ysOGlgTFbN2/Y6Cg3Iye8YKulHw+R2fNXHrgSmXISQdMnomY6eNDprVdW9R5xBguEqI954+S6709UyiO7B+6OQ==",
+      "license": "MIT"
+    },
+    "node_modules/copy-anything": {
+      "version": "4.0.5",
+      "resolved": "https://registry.npmmirror.com/copy-anything/-/copy-anything-4.0.5.tgz",
+      "integrity": "sha512-7Vv6asjS4gMOuILabD3l739tsaxFQmC+a7pLZm02zyvs8p977bL3zEgq3yDk5rn9B0PbYgIv++jmHcuUab4RhA==",
+      "license": "MIT",
+      "dependencies": {
+        "is-what": "^5.2.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/mesqueeb"
+      }
+    },
+    "node_modules/csstype": {
+      "version": "3.2.3",
+      "resolved": "https://registry.npmmirror.com/csstype/-/csstype-3.2.3.tgz",
+      "integrity": "sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==",
+      "license": "MIT"
+    },
+    "node_modules/dayjs": {
+      "version": "1.11.20",
+      "resolved": "https://registry.npmmirror.com/dayjs/-/dayjs-1.11.20.tgz",
+      "integrity": "sha512-YbwwqR/uYpeoP4pu043q+LTDLFBLApUP6VxRihdfNTqu4ubqMlGDLd6ErXhEgsyvY0K6nCs7nggYumAN+9uEuQ==",
+      "license": "MIT"
+    },
+    "node_modules/delayed-stream": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmmirror.com/delayed-stream/-/delayed-stream-1.0.0.tgz",
+      "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/detect-libc": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmmirror.com/detect-libc/-/detect-libc-2.1.2.tgz",
+      "integrity": "sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==",
+      "devOptional": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/dunder-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmmirror.com/dunder-proto/-/dunder-proto-1.0.1.tgz",
+      "integrity": "sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "gopd": "^1.2.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/element-plus": {
+      "version": "2.13.6",
+      "resolved": "https://registry.npmmirror.com/element-plus/-/element-plus-2.13.6.tgz",
+      "integrity": "sha512-XHgwXr8Fjz6i+6BaqFhAbae/dJbG7bBAAlHrY3pWL7dpj+JcqcOyKYt4Oy5KP86FQwS1k4uIZDjCx2FyUR5lDg==",
+      "license": "MIT",
+      "dependencies": {
+        "@ctrl/tinycolor": "^4.2.0",
+        "@element-plus/icons-vue": "^2.3.2",
+        "@floating-ui/dom": "^1.0.1",
+        "@popperjs/core": "npm:@sxzz/popperjs-es@^2.11.7",
+        "@types/lodash": "^4.17.20",
+        "@types/lodash-es": "^4.17.12",
+        "@vueuse/core": "12.0.0",
+        "async-validator": "^4.2.5",
+        "dayjs": "^1.11.19",
+        "lodash": "^4.17.23",
+        "lodash-es": "^4.17.23",
+        "lodash-unified": "^1.0.3",
+        "memoize-one": "^6.0.0",
+        "normalize-wheel-es": "^1.2.0",
+        "vue-component-type-helpers": "^3.2.4"
+      },
+      "peerDependencies": {
+        "vue": "^3.3.0"
+      }
+    },
+    "node_modules/entities": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmmirror.com/entities/-/entities-7.0.1.tgz",
+      "integrity": "sha512-TWrgLOFUQTH994YUyl1yT4uyavY5nNB5muff+RtWaqNVCAK408b5ZnnbNAUEWLTCpum9w6arT70i1XdQ4UeOPA==",
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=0.12"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/entities?sponsor=1"
+      }
+    },
+    "node_modules/es-define-property": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmmirror.com/es-define-property/-/es-define-property-1.0.1.tgz",
+      "integrity": "sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-errors": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmmirror.com/es-errors/-/es-errors-1.3.0.tgz",
+      "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-object-atoms": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmmirror.com/es-object-atoms/-/es-object-atoms-1.1.1.tgz",
+      "integrity": "sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-set-tostringtag": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmmirror.com/es-set-tostringtag/-/es-set-tostringtag-2.1.0.tgz",
+      "integrity": "sha512-j6vWzfrGVfyXxge+O0x5sh6cvxAog0a/4Rdd2K36zCMV5eJ+/+tOAngRO8cODMNWbVRdVlmGZQL2YS3yR8bIUA==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.6",
+        "has-tostringtag": "^1.0.2",
+        "hasown": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/escape-string-regexp": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmmirror.com/escape-string-regexp/-/escape-string-regexp-5.0.0.tgz",
+      "integrity": "sha512-/veY75JbMK4j1yjvuUxuVsiS/hr/4iHs9FTT6cgTexxdE0Ly/glccBAkloH/DofkjRbZU3bnoj38mOmhkZ0lHw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/estree-walker": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmmirror.com/estree-walker/-/estree-walker-2.0.2.tgz",
+      "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==",
+      "license": "MIT"
+    },
+    "node_modules/exsolve": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmmirror.com/exsolve/-/exsolve-1.0.8.tgz",
+      "integrity": "sha512-LmDxfWXwcTArk8fUEnOfSZpHOJ6zOMUJKOtFLFqJLoKJetuQG874Uc7/Kki7zFLzYybmZhp1M7+98pfMqeX8yA==",
+      "license": "MIT"
+    },
+    "node_modules/fdir": {
+      "version": "6.5.0",
+      "resolved": "https://registry.npmmirror.com/fdir/-/fdir-6.5.0.tgz",
+      "integrity": "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "peerDependencies": {
+        "picomatch": "^3 || ^4"
+      },
+      "peerDependenciesMeta": {
+        "picomatch": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/follow-redirects": {
+      "version": "1.15.11",
+      "resolved": "https://registry.npmmirror.com/follow-redirects/-/follow-redirects-1.15.11.tgz",
+      "integrity": "sha512-deG2P0JfjrTxl50XGCDyfI97ZGVCxIpfKYmfyrQ54n5FO/0gfIES8C/Psl6kWVDolizcaaxZJnTS0QSMxvnsBQ==",
+      "funding": [
+        {
+          "type": "individual",
+          "url": "https://github.com/sponsors/RubenVerborgh"
+        }
+      ],
+      "license": "MIT",
+      "engines": {
+        "node": ">=4.0"
+      },
+      "peerDependenciesMeta": {
+        "debug": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/form-data": {
+      "version": "4.0.5",
+      "resolved": "https://registry.npmmirror.com/form-data/-/form-data-4.0.5.tgz",
+      "integrity": "sha512-8RipRLol37bNs2bhoV67fiTEvdTrbMUYcFTiy3+wuuOnUog2QBHCZWXDRijWQfAkhBj2Uf5UnVaiWwA5vdd82w==",
+      "license": "MIT",
+      "dependencies": {
+        "asynckit": "^0.4.0",
+        "combined-stream": "^1.0.8",
+        "es-set-tostringtag": "^2.1.0",
+        "hasown": "^2.0.2",
+        "mime-types": "^2.1.12"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/fsevents": {
+      "version": "2.3.3",
+      "resolved": "https://registry.npmmirror.com/fsevents/-/fsevents-2.3.3.tgz",
+      "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+      }
+    },
+    "node_modules/function-bind": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmmirror.com/function-bind/-/function-bind-1.1.2.tgz",
+      "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/get-intrinsic": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmmirror.com/get-intrinsic/-/get-intrinsic-1.3.0.tgz",
+      "integrity": "sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.2",
+        "es-define-property": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.1.1",
+        "function-bind": "^1.1.2",
+        "get-proto": "^1.0.1",
+        "gopd": "^1.2.0",
+        "has-symbols": "^1.1.0",
+        "hasown": "^2.0.2",
+        "math-intrinsics": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/get-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmmirror.com/get-proto/-/get-proto-1.0.1.tgz",
+      "integrity": "sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==",
+      "license": "MIT",
+      "dependencies": {
+        "dunder-proto": "^1.0.1",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/gopd": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmmirror.com/gopd/-/gopd-1.2.0.tgz",
+      "integrity": "sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-symbols": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmmirror.com/has-symbols/-/has-symbols-1.1.0.tgz",
+      "integrity": "sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-tostringtag": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmmirror.com/has-tostringtag/-/has-tostringtag-1.0.2.tgz",
+      "integrity": "sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==",
+      "license": "MIT",
+      "dependencies": {
+        "has-symbols": "^1.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/hasown": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmmirror.com/hasown/-/hasown-2.0.2.tgz",
+      "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==",
+      "license": "MIT",
+      "dependencies": {
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/hookable": {
+      "version": "5.5.3",
+      "resolved": "https://registry.npmmirror.com/hookable/-/hookable-5.5.3.tgz",
+      "integrity": "sha512-Yc+BQe8SvoXH1643Qez1zqLRmbA5rCL+sSmk6TVos0LWVfNIB7PGncdlId77WzLGSIB5KaWgTaNTs2lNVEI6VQ==",
+      "license": "MIT"
+    },
+    "node_modules/immutable": {
+      "version": "5.1.5",
+      "resolved": "https://registry.npmmirror.com/immutable/-/immutable-5.1.5.tgz",
+      "integrity": "sha512-t7xcm2siw+hlUM68I+UEOK+z84RzmN59as9DZ7P1l0994DKUWV7UXBMQZVxaoMSRQ+PBZbHCOoBt7a2wxOMt+A==",
+      "license": "MIT"
+    },
+    "node_modules/is-extglob": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmmirror.com/is-extglob/-/is-extglob-2.1.1.tgz",
+      "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-glob": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmmirror.com/is-glob/-/is-glob-4.0.3.tgz",
+      "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "is-extglob": "^2.1.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-what": {
+      "version": "5.5.0",
+      "resolved": "https://registry.npmmirror.com/is-what/-/is-what-5.5.0.tgz",
+      "integrity": "sha512-oG7cgbmg5kLYae2N5IVd3jm2s+vldjxJzK1pcu9LfpGuQ93MQSzo0okvRna+7y5ifrD+20FE8FvjusyGaz14fw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/mesqueeb"
+      }
+    },
+    "node_modules/js-tokens": {
+      "version": "9.0.1",
+      "resolved": "https://registry.npmmirror.com/js-tokens/-/js-tokens-9.0.1.tgz",
+      "integrity": "sha512-mxa9E9ITFOt0ban3j6L5MpjwegGz6lBQmM1IJkWeBZGcMxto50+eWdjC/52xDbS2vy0k7vIMK0Fe2wfL9OQSpQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/jsesc": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmmirror.com/jsesc/-/jsesc-3.1.0.tgz",
+      "integrity": "sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==",
+      "license": "MIT",
+      "bin": {
+        "jsesc": "bin/jsesc"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/json5": {
+      "version": "2.2.3",
+      "resolved": "https://registry.npmmirror.com/json5/-/json5-2.2.3.tgz",
+      "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==",
+      "license": "MIT",
+      "bin": {
+        "json5": "lib/cli.js"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/lightningcss": {
+      "version": "1.32.0",
+      "resolved": "https://registry.npmmirror.com/lightningcss/-/lightningcss-1.32.0.tgz",
+      "integrity": "sha512-NXYBzinNrblfraPGyrbPoD19C1h9lfI/1mzgWYvXUTe414Gz/X1FD2XBZSZM7rRTrMA8JL3OtAaGifrIKhQ5yQ==",
+      "dev": true,
+      "license": "MPL-2.0",
+      "dependencies": {
+        "detect-libc": "^2.0.3"
+      },
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      },
+      "optionalDependencies": {
+        "lightningcss-android-arm64": "1.32.0",
+        "lightningcss-darwin-arm64": "1.32.0",
+        "lightningcss-darwin-x64": "1.32.0",
+        "lightningcss-freebsd-x64": "1.32.0",
+        "lightningcss-linux-arm-gnueabihf": "1.32.0",
+        "lightningcss-linux-arm64-gnu": "1.32.0",
+        "lightningcss-linux-arm64-musl": "1.32.0",
+        "lightningcss-linux-x64-gnu": "1.32.0",
+        "lightningcss-linux-x64-musl": "1.32.0",
+        "lightningcss-win32-arm64-msvc": "1.32.0",
+        "lightningcss-win32-x64-msvc": "1.32.0"
+      }
+    },
+    "node_modules/lightningcss-android-arm64": {
+      "version": "1.32.0",
+      "resolved": "https://registry.npmmirror.com/lightningcss-android-arm64/-/lightningcss-android-arm64-1.32.0.tgz",
+      "integrity": "sha512-YK7/ClTt4kAK0vo6w3X+Pnm0D2cf2vPHbhOXdoNti1Ga0al1P4TBZhwjATvjNwLEBCnKvjJc2jQgHXH0NEwlAg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-darwin-arm64": {
+      "version": "1.32.0",
+      "resolved": "https://registry.npmmirror.com/lightningcss-darwin-arm64/-/lightningcss-darwin-arm64-1.32.0.tgz",
+      "integrity": "sha512-RzeG9Ju5bag2Bv1/lwlVJvBE3q6TtXskdZLLCyfg5pt+HLz9BqlICO7LZM7VHNTTn/5PRhHFBSjk5lc4cmscPQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-darwin-x64": {
+      "version": "1.32.0",
+      "resolved": "https://registry.npmmirror.com/lightningcss-darwin-x64/-/lightningcss-darwin-x64-1.32.0.tgz",
+      "integrity": "sha512-U+QsBp2m/s2wqpUYT/6wnlagdZbtZdndSmut/NJqlCcMLTWp5muCrID+K5UJ6jqD2BFshejCYXniPDbNh73V8w==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-freebsd-x64": {
+      "version": "1.32.0",
+      "resolved": "https://registry.npmmirror.com/lightningcss-freebsd-x64/-/lightningcss-freebsd-x64-1.32.0.tgz",
+      "integrity": "sha512-JCTigedEksZk3tHTTthnMdVfGf61Fky8Ji2E4YjUTEQX14xiy/lTzXnu1vwiZe3bYe0q+SpsSH/CTeDXK6WHig==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-arm-gnueabihf": {
+      "version": "1.32.0",
+      "resolved": "https://registry.npmmirror.com/lightningcss-linux-arm-gnueabihf/-/lightningcss-linux-arm-gnueabihf-1.32.0.tgz",
+      "integrity": "sha512-x6rnnpRa2GL0zQOkt6rts3YDPzduLpWvwAF6EMhXFVZXD4tPrBkEFqzGowzCsIWsPjqSK+tyNEODUBXeeVHSkw==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-arm64-gnu": {
+      "version": "1.32.0",
+      "resolved": "https://registry.npmmirror.com/lightningcss-linux-arm64-gnu/-/lightningcss-linux-arm64-gnu-1.32.0.tgz",
+      "integrity": "sha512-0nnMyoyOLRJXfbMOilaSRcLH3Jw5z9HDNGfT/gwCPgaDjnx0i8w7vBzFLFR1f6CMLKF8gVbebmkUN3fa/kQJpQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-arm64-musl": {
+      "version": "1.32.0",
+      "resolved": "https://registry.npmmirror.com/lightningcss-linux-arm64-musl/-/lightningcss-linux-arm64-musl-1.32.0.tgz",
+      "integrity": "sha512-UpQkoenr4UJEzgVIYpI80lDFvRmPVg6oqboNHfoH4CQIfNA+HOrZ7Mo7KZP02dC6LjghPQJeBsvXhJod/wnIBg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-x64-gnu": {
+      "version": "1.32.0",
+      "resolved": "https://registry.npmmirror.com/lightningcss-linux-x64-gnu/-/lightningcss-linux-x64-gnu-1.32.0.tgz",
+      "integrity": "sha512-V7Qr52IhZmdKPVr+Vtw8o+WLsQJYCTd8loIfpDaMRWGUZfBOYEJeyJIkqGIDMZPwPx24pUMfwSxxI8phr/MbOA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-x64-musl": {
+      "version": "1.32.0",
+      "resolved": "https://registry.npmmirror.com/lightningcss-linux-x64-musl/-/lightningcss-linux-x64-musl-1.32.0.tgz",
+      "integrity": "sha512-bYcLp+Vb0awsiXg/80uCRezCYHNg1/l3mt0gzHnWV9XP1W5sKa5/TCdGWaR/zBM2PeF/HbsQv/j2URNOiVuxWg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-win32-arm64-msvc": {
+      "version": "1.32.0",
+      "resolved": "https://registry.npmmirror.com/lightningcss-win32-arm64-msvc/-/lightningcss-win32-arm64-msvc-1.32.0.tgz",
+      "integrity": "sha512-8SbC8BR40pS6baCM8sbtYDSwEVQd4JlFTOlaD3gWGHfThTcABnNDBda6eTZeqbofalIJhFx0qKzgHJmcPTnGdw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-win32-x64-msvc": {
+      "version": "1.32.0",
+      "resolved": "https://registry.npmmirror.com/lightningcss-win32-x64-msvc/-/lightningcss-win32-x64-msvc-1.32.0.tgz",
+      "integrity": "sha512-Amq9B/SoZYdDi1kFrojnoqPLxYhQ4Wo5XiL8EVJrVsB8ARoC1PWW6VGtT0WKCemjy8aC+louJnjS7U18x3b06Q==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/local-pkg": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmmirror.com/local-pkg/-/local-pkg-1.1.2.tgz",
+      "integrity": "sha512-arhlxbFRmoQHl33a0Zkle/YWlmNwoyt6QNZEIJcqNbdrsix5Lvc4HyyI3EnwxTYlZYc32EbYrQ8SzEZ7dqgg9A==",
+      "license": "MIT",
+      "dependencies": {
+        "mlly": "^1.7.4",
+        "pkg-types": "^2.3.0",
+        "quansync": "^0.2.11"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      }
+    },
+    "node_modules/lodash": {
+      "version": "4.18.1",
+      "resolved": "https://registry.npmmirror.com/lodash/-/lodash-4.18.1.tgz",
+      "integrity": "sha512-dMInicTPVE8d1e5otfwmmjlxkZoUpiVLwyeTdUsi/Caj/gfzzblBcCE5sRHV/AsjuCmxWrte2TNGSYuCeCq+0Q==",
+      "license": "MIT"
+    },
+    "node_modules/lodash-es": {
+      "version": "4.18.1",
+      "resolved": "https://registry.npmmirror.com/lodash-es/-/lodash-es-4.18.1.tgz",
+      "integrity": "sha512-J8xewKD/Gk22OZbhpOVSwcs60zhd95ESDwezOFuA3/099925PdHJ7OFHNTGtajL3AlZkykD32HykiMo+BIBI8A==",
+      "license": "MIT"
+    },
+    "node_modules/lodash-unified": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmmirror.com/lodash-unified/-/lodash-unified-1.0.3.tgz",
+      "integrity": "sha512-WK9qSozxXOD7ZJQlpSqOT+om2ZfcT4yO+03FuzAHD0wF6S0l0090LRPDx3vhTTLZ8cFKpBn+IOcVXK6qOcIlfQ==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/lodash-es": "*",
+        "lodash": "*",
+        "lodash-es": "*"
+      }
+    },
+    "node_modules/magic-string": {
+      "version": "0.30.21",
+      "resolved": "https://registry.npmmirror.com/magic-string/-/magic-string-0.30.21.tgz",
+      "integrity": "sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.5.5"
+      }
+    },
+    "node_modules/magic-string-ast": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmmirror.com/magic-string-ast/-/magic-string-ast-1.0.3.tgz",
+      "integrity": "sha512-CvkkH1i81zl7mmb94DsRiFeG9V2fR2JeuK8yDgS8oiZSFa++wWLEgZ5ufEOyLHbvSbD1gTRKv9NdX69Rnvr9JA==",
+      "license": "MIT",
+      "dependencies": {
+        "magic-string": "^0.30.19"
+      },
+      "engines": {
+        "node": ">=20.19.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sxzz"
+      }
+    },
+    "node_modules/math-intrinsics": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmmirror.com/math-intrinsics/-/math-intrinsics-1.1.0.tgz",
+      "integrity": "sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/memoize-one": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmmirror.com/memoize-one/-/memoize-one-6.0.0.tgz",
+      "integrity": "sha512-rkpe71W0N0c0Xz6QD0eJETuWAJGnJ9afsl1srmwPrI+yBCkge5EycXXbYRyvL29zZVUWQCY7InPRCv3GDXuZNw==",
+      "license": "MIT"
+    },
+    "node_modules/mime-db": {
+      "version": "1.52.0",
+      "resolved": "https://registry.npmmirror.com/mime-db/-/mime-db-1.52.0.tgz",
+      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/mime-types": {
+      "version": "2.1.35",
+      "resolved": "https://registry.npmmirror.com/mime-types/-/mime-types-2.1.35.tgz",
+      "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
+      "license": "MIT",
+      "dependencies": {
+        "mime-db": "1.52.0"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/mitt": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmmirror.com/mitt/-/mitt-3.0.1.tgz",
+      "integrity": "sha512-vKivATfr97l2/QBCYAkXYDbrIWPM2IIKEl7YPhjCvKlG3kE2gm+uBo6nEXK3M5/Ffh/FLpKExzOQ3JJoJGFKBw==",
+      "license": "MIT"
+    },
+    "node_modules/mlly": {
+      "version": "1.8.2",
+      "resolved": "https://registry.npmmirror.com/mlly/-/mlly-1.8.2.tgz",
+      "integrity": "sha512-d+ObxMQFmbt10sretNDytwt85VrbkhhUA/JBGm1MPaWJ65Cl4wOgLaB1NYvJSZ0Ef03MMEU/0xpPMXUIQ29UfA==",
+      "license": "MIT",
+      "dependencies": {
+        "acorn": "^8.16.0",
+        "pathe": "^2.0.3",
+        "pkg-types": "^1.3.1",
+        "ufo": "^1.6.3"
+      }
+    },
+    "node_modules/mlly/node_modules/confbox": {
+      "version": "0.1.8",
+      "resolved": "https://registry.npmmirror.com/confbox/-/confbox-0.1.8.tgz",
+      "integrity": "sha512-RMtmw0iFkeR4YV+fUOSucriAQNb9g8zFR52MWCtl+cCZOFRNL6zeB395vPzFhEjjn4fMxXudmELnl/KF/WrK6w==",
+      "license": "MIT"
+    },
+    "node_modules/mlly/node_modules/pkg-types": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmmirror.com/pkg-types/-/pkg-types-1.3.1.tgz",
+      "integrity": "sha512-/Jm5M4RvtBFVkKWRu2BLUTNP8/M2a+UwuAX+ae4770q1qVGtfjG+WTCupoZixokjmHiry8uI+dlY8KXYV5HVVQ==",
+      "license": "MIT",
+      "dependencies": {
+        "confbox": "^0.1.8",
+        "mlly": "^1.7.4",
+        "pathe": "^2.0.1"
+      }
+    },
+    "node_modules/muggle-string": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmmirror.com/muggle-string/-/muggle-string-0.4.1.tgz",
+      "integrity": "sha512-VNTrAak/KhO2i8dqqnqnAHOa3cYBwXEZe9h+D5h/1ZqFSTEFHdM65lR7RoIqq3tBBYavsOXV84NoHXZ0AkPyqQ==",
+      "license": "MIT"
+    },
+    "node_modules/nanoid": {
+      "version": "3.3.11",
+      "resolved": "https://registry.npmmirror.com/nanoid/-/nanoid-3.3.11.tgz",
+      "integrity": "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "bin": {
+        "nanoid": "bin/nanoid.cjs"
+      },
+      "engines": {
+        "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
+      }
+    },
+    "node_modules/node-addon-api": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmmirror.com/node-addon-api/-/node-addon-api-7.1.1.tgz",
+      "integrity": "sha512-5m3bsyrjFWE1xf7nz7YXdN4udnVtXK6/Yfgn5qnahL6bCkf2yKt4k3nuTKAtT4r3IG8JNR2ncsIMdZuAzJjHQQ==",
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/normalize-wheel-es": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmmirror.com/normalize-wheel-es/-/normalize-wheel-es-1.2.0.tgz",
+      "integrity": "sha512-Wj7+EJQ8mSuXr2iWfnujrimU35R2W4FAErEyTmJoJ7ucwTn2hOUSsRehMb5RSYkxXGTM7Y9QpvPmp++w5ftoJw==",
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/obug": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmmirror.com/obug/-/obug-2.1.1.tgz",
+      "integrity": "sha512-uTqF9MuPraAQ+IsnPf366RG4cP9RtUi7MLO1N3KEc+wb0a6yKpeL0lmk2IB1jY5KHPAlTc6T/JRdC/YqxHNwkQ==",
+      "dev": true,
+      "funding": [
+        "https://github.com/sponsors/sxzz",
+        "https://opencollective.com/debug"
+      ],
+      "license": "MIT"
+    },
+    "node_modules/path-browserify": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmmirror.com/path-browserify/-/path-browserify-1.0.1.tgz",
+      "integrity": "sha512-b7uo2UCUOYZcnF/3ID0lulOJi/bafxa1xPe7ZPsammBSpjSWQkjNxlt635YGS2MiR9GjvuXCtz2emr3jbsz98g==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/pathe": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmmirror.com/pathe/-/pathe-2.0.3.tgz",
+      "integrity": "sha512-WUjGcAqP1gQacoQe+OBJsFA7Ld4DyXuUIjZ5cc75cLHvJ7dtNsTugphxIADwspS+AraAUePCKrSVtPLFj/F88w==",
+      "license": "MIT"
+    },
+    "node_modules/perfect-debounce": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmmirror.com/perfect-debounce/-/perfect-debounce-1.0.0.tgz",
+      "integrity": "sha512-xCy9V055GLEqoFaHoC1SoLIaLmWctgCUaBaWxDZ7/Zx4CTyX7cJQLJOok/orfjZAh9kEYpjJa4d0KcJmCbctZA==",
+      "license": "MIT"
+    },
+    "node_modules/picocolors": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmmirror.com/picocolors/-/picocolors-1.1.1.tgz",
+      "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
+      "license": "ISC"
+    },
+    "node_modules/picomatch": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmmirror.com/picomatch/-/picomatch-4.0.4.tgz",
+      "integrity": "sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/pinia": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmmirror.com/pinia/-/pinia-3.0.4.tgz",
+      "integrity": "sha512-l7pqLUFTI/+ESXn6k3nu30ZIzW5E2WZF/LaHJEpoq6ElcLD+wduZoB2kBN19du6K/4FDpPMazY2wJr+IndBtQw==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/devtools-api": "^7.7.7"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/posva"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.5.0",
+        "vue": "^3.5.11"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/pkg-types": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmmirror.com/pkg-types/-/pkg-types-2.3.0.tgz",
+      "integrity": "sha512-SIqCzDRg0s9npO5XQ3tNZioRY1uK06lA41ynBC1YmFTmnY6FjUjVt6s4LoADmwoig1qqD0oK8h1p/8mlMx8Oig==",
+      "license": "MIT",
+      "dependencies": {
+        "confbox": "^0.2.2",
+        "exsolve": "^1.0.7",
+        "pathe": "^2.0.3"
+      }
+    },
+    "node_modules/postcss": {
+      "version": "8.5.8",
+      "resolved": "https://registry.npmmirror.com/postcss/-/postcss-8.5.8.tgz",
+      "integrity": "sha512-OW/rX8O/jXnm82Ey1k44pObPtdblfiuWnrd8X7GJ7emImCOstunGbXUpp7HdBrFQX6rJzn3sPT397Wp5aCwCHg==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "nanoid": "^3.3.11",
+        "picocolors": "^1.1.1",
+        "source-map-js": "^1.2.1"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      }
+    },
+    "node_modules/proxy-from-env": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmmirror.com/proxy-from-env/-/proxy-from-env-2.1.0.tgz",
+      "integrity": "sha512-cJ+oHTW1VAEa8cJslgmUZrc+sjRKgAKl3Zyse6+PV38hZe/V6Z14TbCuXcan9F9ghlz4QrFr2c92TNF82UkYHA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/quansync": {
+      "version": "0.2.11",
+      "resolved": "https://registry.npmmirror.com/quansync/-/quansync-0.2.11.tgz",
+      "integrity": "sha512-AifT7QEbW9Nri4tAwR5M/uzpBuqfZf+zwaEM/QkzEjj7NBuFD2rBuy0K3dE+8wltbezDV7JMA0WfnCPYRSYbXA==",
+      "funding": [
+        {
+          "type": "individual",
+          "url": "https://github.com/sponsors/antfu"
+        },
+        {
+          "type": "individual",
+          "url": "https://github.com/sponsors/sxzz"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/readdirp": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmmirror.com/readdirp/-/readdirp-5.0.0.tgz",
+      "integrity": "sha512-9u/XQ1pvrQtYyMpZe7DXKv2p5CNvyVwzUB6uhLAnQwHMSgKMBR62lc7AHljaeteeHXn11XTAaLLUVZYVZyuRBQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 20.19.0"
+      },
+      "funding": {
+        "type": "individual",
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
+    "node_modules/rfdc": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmmirror.com/rfdc/-/rfdc-1.4.1.tgz",
+      "integrity": "sha512-q1b3N5QkRUWUl7iyylaaj3kOpIT0N2i9MqIEQXP73GVsN9cw3fdx8X63cEmWhJGi2PPCF23Ijp7ktmd39rawIA==",
+      "license": "MIT"
+    },
+    "node_modules/rolldown": {
+      "version": "1.0.0-rc.12",
+      "resolved": "https://registry.npmmirror.com/rolldown/-/rolldown-1.0.0-rc.12.tgz",
+      "integrity": "sha512-yP4USLIMYrwpPHEFB5JGH1uxhcslv6/hL0OyvTuY+3qlOSJvZ7ntYnoWpehBxufkgN0cvXxppuTu5hHa/zPh+A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@oxc-project/types": "=0.122.0",
+        "@rolldown/pluginutils": "1.0.0-rc.12"
+      },
+      "bin": {
+        "rolldown": "bin/cli.mjs"
+      },
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      },
+      "optionalDependencies": {
+        "@rolldown/binding-android-arm64": "1.0.0-rc.12",
+        "@rolldown/binding-darwin-arm64": "1.0.0-rc.12",
+        "@rolldown/binding-darwin-x64": "1.0.0-rc.12",
+        "@rolldown/binding-freebsd-x64": "1.0.0-rc.12",
+        "@rolldown/binding-linux-arm-gnueabihf": "1.0.0-rc.12",
+        "@rolldown/binding-linux-arm64-gnu": "1.0.0-rc.12",
+        "@rolldown/binding-linux-arm64-musl": "1.0.0-rc.12",
+        "@rolldown/binding-linux-ppc64-gnu": "1.0.0-rc.12",
+        "@rolldown/binding-linux-s390x-gnu": "1.0.0-rc.12",
+        "@rolldown/binding-linux-x64-gnu": "1.0.0-rc.12",
+        "@rolldown/binding-linux-x64-musl": "1.0.0-rc.12",
+        "@rolldown/binding-openharmony-arm64": "1.0.0-rc.12",
+        "@rolldown/binding-wasm32-wasi": "1.0.0-rc.12",
+        "@rolldown/binding-win32-arm64-msvc": "1.0.0-rc.12",
+        "@rolldown/binding-win32-x64-msvc": "1.0.0-rc.12"
+      }
+    },
+    "node_modules/rolldown/node_modules/@rolldown/pluginutils": {
+      "version": "1.0.0-rc.12",
+      "resolved": "https://registry.npmmirror.com/@rolldown/pluginutils/-/pluginutils-1.0.0-rc.12.tgz",
+      "integrity": "sha512-HHMwmarRKvoFsJorqYlFeFRzXZqCt2ETQlEDOb9aqssrnVBB1/+xgTGtuTrIk5vzLNX1MjMtTf7W9z3tsSbrxw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/sass": {
+      "version": "1.99.0",
+      "resolved": "https://registry.npmmirror.com/sass/-/sass-1.99.0.tgz",
+      "integrity": "sha512-kgW13M54DUB7IsIRM5LvJkNlpH+WhMpooUcaWGFARkF1Tc82v9mIWkCbCYf+MBvpIUBSeSOTilpZjEPr2VYE6Q==",
+      "license": "MIT",
+      "dependencies": {
+        "chokidar": "^4.0.0",
+        "immutable": "^5.1.5",
+        "source-map-js": ">=0.6.2 <2.0.0"
+      },
+      "bin": {
+        "sass": "sass.js"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "optionalDependencies": {
+        "@parcel/watcher": "^2.4.1"
+      }
+    },
+    "node_modules/sass/node_modules/chokidar": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmmirror.com/chokidar/-/chokidar-4.0.3.tgz",
+      "integrity": "sha512-Qgzu8kfBvo+cA4962jnP1KkS6Dop5NS6g7R5LFYJr4b8Ub94PPQXUksCw9PvXoeXPRRddRNC5C1JQUR2SMGtnA==",
+      "license": "MIT",
+      "dependencies": {
+        "readdirp": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 14.16.0"
+      },
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
+    "node_modules/sass/node_modules/readdirp": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmmirror.com/readdirp/-/readdirp-4.1.2.tgz",
+      "integrity": "sha512-GDhwkLfywWL2s6vEjyhri+eXmfH6j1L7JE27WhqLeYzoh/A3DBaYGEj2H/HFZCn/kMfim73FXxEJTw06WtxQwg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 14.18.0"
+      },
+      "funding": {
+        "type": "individual",
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
+    "node_modules/scule": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmmirror.com/scule/-/scule-1.3.0.tgz",
+      "integrity": "sha512-6FtHJEvt+pVMIB9IBY+IcCJ6Z5f1iQnytgyfKMhDKgmzYG+TeH/wx1y3l27rshSbLiSanrR9ffZDrEsmjlQF2g==",
+      "license": "MIT"
+    },
+    "node_modules/source-map-js": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmmirror.com/source-map-js/-/source-map-js-1.2.1.tgz",
+      "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/speakingurl": {
+      "version": "14.0.1",
+      "resolved": "https://registry.npmmirror.com/speakingurl/-/speakingurl-14.0.1.tgz",
+      "integrity": "sha512-1POYv7uv2gXoyGFpBCmpDVSNV74IfsWlDW216UPjbWufNf+bSU6GdbDsxdcxtfwb4xlI3yxzOTKClUosxARYrQ==",
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/strip-literal": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmmirror.com/strip-literal/-/strip-literal-3.1.0.tgz",
+      "integrity": "sha512-8r3mkIM/2+PpjHoOtiAW8Rg3jJLHaV7xPwG+YRGrv6FP0wwk/toTpATxWYOW0BKdWwl82VT2tFYi5DlROa0Mxg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "js-tokens": "^9.0.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      }
+    },
+    "node_modules/superjson": {
+      "version": "2.2.6",
+      "resolved": "https://registry.npmmirror.com/superjson/-/superjson-2.2.6.tgz",
+      "integrity": "sha512-H+ue8Zo4vJmV2nRjpx86P35lzwDT3nItnIsocgumgr0hHMQ+ZGq5vrERg9kJBo5AWGmxZDhzDo+WVIJqkB0cGA==",
+      "license": "MIT",
+      "dependencies": {
+        "copy-anything": "^4"
+      },
+      "engines": {
+        "node": ">=16"
+      }
+    },
+    "node_modules/tinyglobby": {
+      "version": "0.2.15",
+      "resolved": "https://registry.npmmirror.com/tinyglobby/-/tinyglobby-0.2.15.tgz",
+      "integrity": "sha512-j2Zq4NyQYG5XMST4cbs02Ak8iJUdxRM0XI5QyxXuZOzKOINmWurp3smXu3y5wDcJrptwpSjgXHzIQxR0omXljQ==",
+      "license": "MIT",
+      "dependencies": {
+        "fdir": "^6.5.0",
+        "picomatch": "^4.0.3"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/SuperchupuDev"
+      }
+    },
+    "node_modules/tslib": {
+      "version": "2.8.1",
+      "resolved": "https://registry.npmmirror.com/tslib/-/tslib-2.8.1.tgz",
+      "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
+      "dev": true,
+      "license": "0BSD",
+      "optional": true
+    },
+    "node_modules/typescript": {
+      "version": "5.9.3",
+      "resolved": "https://registry.npmmirror.com/typescript/-/typescript-5.9.3.tgz",
+      "integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==",
+      "devOptional": true,
+      "license": "Apache-2.0",
+      "bin": {
+        "tsc": "bin/tsc",
+        "tsserver": "bin/tsserver"
+      },
+      "engines": {
+        "node": ">=14.17"
+      }
+    },
+    "node_modules/ufo": {
+      "version": "1.6.3",
+      "resolved": "https://registry.npmmirror.com/ufo/-/ufo-1.6.3.tgz",
+      "integrity": "sha512-yDJTmhydvl5lJzBmy/hyOAA0d+aqCBuwl818haVdYCRrWV84o7YyeVm4QlVHStqNrrJSTb6jKuFAVqAFsr+K3Q==",
+      "license": "MIT"
+    },
+    "node_modules/undici-types": {
+      "version": "7.16.0",
+      "resolved": "https://registry.npmmirror.com/undici-types/-/undici-types-7.16.0.tgz",
+      "integrity": "sha512-Zz+aZWSj8LE6zoxD+xrjh4VfkIG8Ya6LvYkZqtUQGJPZjYl53ypCaUwWqo7eI0x66KBGeRo+mlBEkMSeSZ38Nw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/unimport": {
+      "version": "5.7.0",
+      "resolved": "https://registry.npmmirror.com/unimport/-/unimport-5.7.0.tgz",
+      "integrity": "sha512-njnL6sp8lEA8QQbZrt+52p/g4X0rw3bnGGmUcJnt1jeG8+iiqO779aGz0PirCtydAIVcuTBRlJ52F0u46z309Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "acorn": "^8.16.0",
+        "escape-string-regexp": "^5.0.0",
+        "estree-walker": "^3.0.3",
+        "local-pkg": "^1.1.2",
+        "magic-string": "^0.30.21",
+        "mlly": "^1.8.0",
+        "pathe": "^2.0.3",
+        "picomatch": "^4.0.3",
+        "pkg-types": "^2.3.0",
+        "scule": "^1.3.0",
+        "strip-literal": "^3.1.0",
+        "tinyglobby": "^0.2.15",
+        "unplugin": "^2.3.11",
+        "unplugin-utils": "^0.3.1"
+      },
+      "engines": {
+        "node": ">=18.12.0"
+      }
+    },
+    "node_modules/unimport/node_modules/estree-walker": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmmirror.com/estree-walker/-/estree-walker-3.0.3.tgz",
+      "integrity": "sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree": "^1.0.0"
+      }
+    },
+    "node_modules/unimport/node_modules/unplugin": {
+      "version": "2.3.11",
+      "resolved": "https://registry.npmmirror.com/unplugin/-/unplugin-2.3.11.tgz",
+      "integrity": "sha512-5uKD0nqiYVzlmCRs01Fhs2BdkEgBS3SAVP6ndrBsuK42iC2+JHyxM05Rm9G8+5mkmRtzMZGY8Ct5+mliZxU/Ww==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/remapping": "^2.3.5",
+        "acorn": "^8.15.0",
+        "picomatch": "^4.0.3",
+        "webpack-virtual-modules": "^0.6.2"
+      },
+      "engines": {
+        "node": ">=18.12.0"
+      }
+    },
+    "node_modules/unplugin": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmmirror.com/unplugin/-/unplugin-3.0.0.tgz",
+      "integrity": "sha512-0Mqk3AT2TZCXWKdcoaufeXNukv2mTrEZExeXlHIOZXdqYoHHr4n51pymnwV8x2BOVxwXbK2HLlI7usrqMpycdg==",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/remapping": "^2.3.5",
+        "picomatch": "^4.0.3",
+        "webpack-virtual-modules": "^0.6.2"
+      },
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/unplugin-auto-import": {
+      "version": "21.0.0",
+      "resolved": "https://registry.npmmirror.com/unplugin-auto-import/-/unplugin-auto-import-21.0.0.tgz",
+      "integrity": "sha512-vWuC8SwqJmxZFYwPojhOhOXDb5xFhNNcEVb9K/RFkyk/3VnfaOjzitWN7v+8DEKpMjSsY2AEGXNgt6I0yQrhRQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "local-pkg": "^1.1.2",
+        "magic-string": "^0.30.21",
+        "picomatch": "^4.0.3",
+        "unimport": "^5.6.0",
+        "unplugin": "^2.3.11",
+        "unplugin-utils": "^0.3.1"
+      },
+      "engines": {
+        "node": ">=20.19.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      },
+      "peerDependencies": {
+        "@nuxt/kit": "^4.0.0",
+        "@vueuse/core": "*"
+      },
+      "peerDependenciesMeta": {
+        "@nuxt/kit": {
+          "optional": true
+        },
+        "@vueuse/core": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/unplugin-auto-import/node_modules/unplugin": {
+      "version": "2.3.11",
+      "resolved": "https://registry.npmmirror.com/unplugin/-/unplugin-2.3.11.tgz",
+      "integrity": "sha512-5uKD0nqiYVzlmCRs01Fhs2BdkEgBS3SAVP6ndrBsuK42iC2+JHyxM05Rm9G8+5mkmRtzMZGY8Ct5+mliZxU/Ww==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/remapping": "^2.3.5",
+        "acorn": "^8.15.0",
+        "picomatch": "^4.0.3",
+        "webpack-virtual-modules": "^0.6.2"
+      },
+      "engines": {
+        "node": ">=18.12.0"
+      }
+    },
+    "node_modules/unplugin-utils": {
+      "version": "0.3.1",
+      "resolved": "https://registry.npmmirror.com/unplugin-utils/-/unplugin-utils-0.3.1.tgz",
+      "integrity": "sha512-5lWVjgi6vuHhJ526bI4nlCOmkCIF3nnfXkCMDeMJrtdvxTs6ZFCM8oNufGTsDbKv/tJ/xj8RpvXjRuPBZJuJog==",
+      "license": "MIT",
+      "dependencies": {
+        "pathe": "^2.0.3",
+        "picomatch": "^4.0.3"
+      },
+      "engines": {
+        "node": ">=20.19.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sxzz"
+      }
+    },
+    "node_modules/unplugin-vue-components": {
+      "version": "32.0.0",
+      "resolved": "https://registry.npmmirror.com/unplugin-vue-components/-/unplugin-vue-components-32.0.0.tgz",
+      "integrity": "sha512-uLdccgS7mf3pv1bCCP20y/hm+u1eOjAmygVkh+Oa70MPkzgl1eQv1L0CwdHNM3gscO8/GDMGIET98Ja47CBbZg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "chokidar": "^5.0.0",
+        "local-pkg": "^1.1.2",
+        "magic-string": "^0.30.21",
+        "mlly": "^1.8.2",
+        "obug": "^2.1.1",
+        "picomatch": "^4.0.3",
+        "tinyglobby": "^0.2.15",
+        "unplugin": "^3.0.0",
+        "unplugin-utils": "^0.3.1"
+      },
+      "engines": {
+        "node": ">=20.19.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      },
+      "peerDependencies": {
+        "@nuxt/kit": "^3.2.2 || ^4.0.0",
+        "vue": "^3.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@nuxt/kit": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/vite": {
+      "version": "8.0.3",
+      "resolved": "https://registry.npmmirror.com/vite/-/vite-8.0.3.tgz",
+      "integrity": "sha512-B9ifbFudT1TFhfltfaIPgjo9Z3mDynBTJSUYxTjOQruf/zHH+ezCQKcoqO+h7a9Pw9Nm/OtlXAiGT1axBgwqrQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "lightningcss": "^1.32.0",
+        "picomatch": "^4.0.4",
+        "postcss": "^8.5.8",
+        "rolldown": "1.0.0-rc.12",
+        "tinyglobby": "^0.2.15"
+      },
+      "bin": {
+        "vite": "bin/vite.js"
+      },
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      },
+      "funding": {
+        "url": "https://github.com/vitejs/vite?sponsor=1"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.3"
+      },
+      "peerDependencies": {
+        "@types/node": "^20.19.0 || >=22.12.0",
+        "@vitejs/devtools": "^0.1.0",
+        "esbuild": "^0.27.0",
+        "jiti": ">=1.21.0",
+        "less": "^4.0.0",
+        "sass": "^1.70.0",
+        "sass-embedded": "^1.70.0",
+        "stylus": ">=0.54.8",
+        "sugarss": "^5.0.0",
+        "terser": "^5.16.0",
+        "tsx": "^4.8.1",
+        "yaml": "^2.4.2"
+      },
+      "peerDependenciesMeta": {
+        "@types/node": {
+          "optional": true
+        },
+        "@vitejs/devtools": {
+          "optional": true
+        },
+        "esbuild": {
+          "optional": true
+        },
+        "jiti": {
+          "optional": true
+        },
+        "less": {
+          "optional": true
+        },
+        "sass": {
+          "optional": true
+        },
+        "sass-embedded": {
+          "optional": true
+        },
+        "stylus": {
+          "optional": true
+        },
+        "sugarss": {
+          "optional": true
+        },
+        "terser": {
+          "optional": true
+        },
+        "tsx": {
+          "optional": true
+        },
+        "yaml": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/vscode-uri": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmmirror.com/vscode-uri/-/vscode-uri-3.1.0.tgz",
+      "integrity": "sha512-/BpdSx+yCQGnCvecbyXdxHDkuk55/G3xwnC0GqY4gmQ3j+A+g8kzzgB4Nk/SINjqn6+waqw3EgbVF2QKExkRxQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/vue": {
+      "version": "3.5.32",
+      "resolved": "https://registry.npmmirror.com/vue/-/vue-3.5.32.tgz",
+      "integrity": "sha512-vM4z4Q9tTafVfMAK7IVzmxg34rSzTFMyIe0UUEijUCkn9+23lj0WRfA83dg7eQZIUlgOSGrkViIaCfqSAUXsMw==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/compiler-dom": "3.5.32",
+        "@vue/compiler-sfc": "3.5.32",
+        "@vue/runtime-dom": "3.5.32",
+        "@vue/server-renderer": "3.5.32",
+        "@vue/shared": "3.5.32"
+      },
+      "peerDependencies": {
+        "typescript": "*"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/vue-component-type-helpers": {
+      "version": "3.2.6",
+      "resolved": "https://registry.npmmirror.com/vue-component-type-helpers/-/vue-component-type-helpers-3.2.6.tgz",
+      "integrity": "sha512-O02tnvIfOQVmnvoWwuSydwRoHjZVt8UEBR+2p4rT35p8GAy5VTlWP8o5qXfJR/GWCN0nVZoYWsVUvx2jwgdBmQ==",
+      "license": "MIT"
+    },
+    "node_modules/vue-router": {
+      "version": "5.0.4",
+      "resolved": "https://registry.npmmirror.com/vue-router/-/vue-router-5.0.4.tgz",
+      "integrity": "sha512-lCqDLCI2+fKVRl2OzXuzdSWmxXFLQRxQbmHugnRpTMyYiT+hNaycV0faqG5FBHDXoYrZ6MQcX87BvbY8mQ20Bg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/generator": "^7.28.6",
+        "@vue-macros/common": "^3.1.1",
+        "@vue/devtools-api": "^8.0.6",
+        "ast-walker-scope": "^0.8.3",
+        "chokidar": "^5.0.0",
+        "json5": "^2.2.3",
+        "local-pkg": "^1.1.2",
+        "magic-string": "^0.30.21",
+        "mlly": "^1.8.0",
+        "muggle-string": "^0.4.1",
+        "pathe": "^2.0.3",
+        "picomatch": "^4.0.3",
+        "scule": "^1.3.0",
+        "tinyglobby": "^0.2.15",
+        "unplugin": "^3.0.0",
+        "unplugin-utils": "^0.3.1",
+        "yaml": "^2.8.2"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/posva"
+      },
+      "peerDependencies": {
+        "@pinia/colada": ">=0.21.2",
+        "@vue/compiler-sfc": "^3.5.17",
+        "pinia": "^3.0.4",
+        "vue": "^3.5.0"
+      },
+      "peerDependenciesMeta": {
+        "@pinia/colada": {
+          "optional": true
+        },
+        "@vue/compiler-sfc": {
+          "optional": true
+        },
+        "pinia": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/vue-router/node_modules/@vue/devtools-api": {
+      "version": "8.1.1",
+      "resolved": "https://registry.npmmirror.com/@vue/devtools-api/-/devtools-api-8.1.1.tgz",
+      "integrity": "sha512-bsDMJ07b3GN1puVwJb/fyFnj/U2imyswK5UQVLZwVl7O05jDrt6BHxeG5XffmOOdasOj/bOmIjxJvGPxU7pcqw==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/devtools-kit": "^8.1.1"
+      }
+    },
+    "node_modules/vue-router/node_modules/@vue/devtools-kit": {
+      "version": "8.1.1",
+      "resolved": "https://registry.npmmirror.com/@vue/devtools-kit/-/devtools-kit-8.1.1.tgz",
+      "integrity": "sha512-gVBaBv++i+adg4JpH71k9ppl4soyR7Y2McEqO5YNgv0BI1kMZ7BDX5gnwkZ5COYgiCyhejZG+yGNrBAjj6Coqg==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/devtools-shared": "^8.1.1",
+        "birpc": "^2.6.1",
+        "hookable": "^5.5.3",
+        "perfect-debounce": "^2.0.0"
+      }
+    },
+    "node_modules/vue-router/node_modules/@vue/devtools-shared": {
+      "version": "8.1.1",
+      "resolved": "https://registry.npmmirror.com/@vue/devtools-shared/-/devtools-shared-8.1.1.tgz",
+      "integrity": "sha512-+h4ttmJYl/txpxHKaoZcaKpC+pvckgLzIDiSQlaQ7kKthKh8KuwoLW2D8hPJEnqKzXOvu15UHEoGyngAXCz0EQ==",
+      "license": "MIT"
+    },
+    "node_modules/vue-router/node_modules/perfect-debounce": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmmirror.com/perfect-debounce/-/perfect-debounce-2.1.0.tgz",
+      "integrity": "sha512-LjgdTytVFXeUgtHZr9WYViYSM/g8MkcTPYDlPa3cDqMirHjKiSZPYd6DoL7pK8AJQr+uWkQvCjHNdiMqsrJs+g==",
+      "license": "MIT"
+    },
+    "node_modules/vue-tsc": {
+      "version": "3.2.6",
+      "resolved": "https://registry.npmmirror.com/vue-tsc/-/vue-tsc-3.2.6.tgz",
+      "integrity": "sha512-gYW/kWI0XrwGzd0PKc7tVB/qpdeAkIZLNZb10/InizkQjHjnT8weZ/vBarZoj4kHKbUTZT/bAVgoOr8x4NsQ/Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@volar/typescript": "2.4.28",
+        "@vue/language-core": "3.2.6"
+      },
+      "bin": {
+        "vue-tsc": "bin/vue-tsc.js"
+      },
+      "peerDependencies": {
+        "typescript": ">=5.0.0"
+      }
+    },
+    "node_modules/webpack-virtual-modules": {
+      "version": "0.6.2",
+      "resolved": "https://registry.npmmirror.com/webpack-virtual-modules/-/webpack-virtual-modules-0.6.2.tgz",
+      "integrity": "sha512-66/V2i5hQanC51vBQKPH4aI8NMAcBW59FVBs+rC7eGHupMyfn34q7rZIE+ETlJ+XTevqfUhVVBgSUNSW2flEUQ==",
+      "license": "MIT"
+    },
+    "node_modules/yaml": {
+      "version": "2.8.3",
+      "resolved": "https://registry.npmmirror.com/yaml/-/yaml-2.8.3.tgz",
+      "integrity": "sha512-AvbaCLOO2Otw/lW5bmh9d/WEdcDFdQp2Z2ZUH3pX9U2ihyUY0nvLv7J6TrWowklRGPYbB/IuIMfYgxaCPg5Bpg==",
+      "license": "ISC",
+      "bin": {
+        "yaml": "bin.mjs"
+      },
+      "engines": {
+        "node": ">= 14.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/eemeli"
+      }
+    }
+  }
+}
diff --git a/vue-app/package.json b/vue-app/package.json
new file mode 100644
index 0000000..0e7d996
--- /dev/null
+++ b/vue-app/package.json
@@ -0,0 +1,31 @@
+{
+  "name": "vue-app",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vue-tsc -b && vite build",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "@element-plus/icons-vue": "^2.3.2",
+    "axios": "^1.14.0",
+    "element-plus": "^2.13.6",
+    "lodash-es": "^4.18.1",
+    "pinia": "^3.0.4",
+    "sass": "^1.99.0",
+    "vue": "^3.5.30",
+    "vue-router": "^5.0.4"
+  },
+  "devDependencies": {
+    "@types/node": "^24.12.0",
+    "@vitejs/plugin-vue": "^6.0.5",
+    "@vue/tsconfig": "^0.9.0",
+    "typescript": "~5.9.3",
+    "unplugin-auto-import": "^21.0.0",
+    "unplugin-vue-components": "^32.0.0",
+    "vite": "^8.0.1",
+    "vue-tsc": "^3.2.5"
+  }
+}
diff --git a/vue-app/public/favicon.svg b/vue-app/public/favicon.svg
new file mode 100644
index 0000000..6893eb1
--- /dev/null
+++ b/vue-app/public/favicon.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="48" height="46" fill="none" viewBox="0 0 48 46"><path fill="#863bff" d="M25.946 44.938c-.664.845-2.021.375-2.021-.698V33.937a2.26 2.26 0 0 0-2.262-2.262H10.287c-.92 0-1.456-1.04-.92-1.788l7.48-10.471c1.07-1.497 0-3.578-1.842-3.578H1.237c-.92 0-1.456-1.04-.92-1.788L10.013.474c.214-.297.556-.474.92-.474h28.894c.92 0 1.456 1.04.92 1.788l-7.48 10.471c-1.07 1.498 0 3.579 1.842 3.579h11.377c.943 0 1.473 1.088.89 1.83L25.947 44.94z" style="fill:#863bff;fill:color(display-p3 .5252 .23 1);fill-opacity:1"/><mask id="a" width="48" height="46" x="0" y="0" maskUnits="userSpaceOnUse" style="mask-type:alpha"><path fill="#000" d="M25.842 44.938c-.664.844-2.021.375-2.021-.698V33.937a2.26 2.26 0 0 0-2.262-2.262H10.183c-.92 0-1.456-1.04-.92-1.788l7.48-10.471c1.07-1.498 0-3.579-1.842-3.579H1.133c-.92 0-1.456-1.04-.92-1.787L9.91.473c.214-.297.556-.474.92-.474h28.894c.92 0 1.456 1.04.92 1.788l-7.48 10.471c-1.07 1.498 0 3.578 1.842 3.578h11.377c.943 0 1.473 1.088.89 1.832L25.843 44.94z" style="fill:#000;fill-opacity:1"/></mask><g mask="url(#a)"><g filter="url(#b)"><ellipse cx="5.508" cy="14.704" fill="#ede6ff" rx="5.508" ry="14.704" style="fill:#ede6ff;fill:color(display-p3 .9275 .9033 1);fill-opacity:1" transform="matrix(.00324 1 1 -.00324 -4.47 31.516)"/></g><g filter="url(#c)"><ellipse cx="10.399" cy="29.851" fill="#ede6ff" rx="10.399" ry="29.851" style="fill:#ede6ff;fill:color(display-p3 .9275 .9033 1);fill-opacity:1" transform="matrix(.00324 1 1 -.00324 -39.328 7.883)"/></g><g filter="url(#d)"><ellipse cx="5.508" cy="30.487" fill="#7e14ff" rx="5.508" ry="30.487" style="fill:#7e14ff;fill:color(display-p3 .4922 .0767 1);fill-opacity:1" transform="rotate(89.814 -25.913 -14.639)scale(1 -1)"/></g><g filter="url(#e)"><ellipse cx="5.508" cy="30.599" fill="#7e14ff" rx="5.508" ry="30.599" style="fill:#7e14ff;fill:color(display-p3 .4922 .0767 1);fill-opacity:1" transform="rotate(89.814 -32.644 -3.334)scale(1 -1)"/></g><g filter="url(#f)"><ellipse cx="5.508" cy="30.599" fill="#7e14ff" rx="5.508" ry="30.599" style="fill:#7e14ff;fill:color(display-p3 .4922 .0767 1);fill-opacity:1" transform="matrix(.00324 1 1 -.00324 -34.34 30.47)"/></g><g filter="url(#g)"><ellipse cx="14.072" cy="22.078" fill="#ede6ff" rx="14.072" ry="22.078" style="fill:#ede6ff;fill:color(display-p3 .9275 .9033 1);fill-opacity:1" transform="rotate(93.35 24.506 48.493)scale(-1 1)"/></g><g filter="url(#h)"><ellipse cx="3.47" cy="21.501" fill="#7e14ff" rx="3.47" ry="21.501" style="fill:#7e14ff;fill:color(display-p3 .4922 .0767 1);fill-opacity:1" transform="rotate(89.009 28.708 47.59)scale(-1 1)"/></g><g filter="url(#i)"><ellipse cx="3.47" cy="21.501" fill="#7e14ff" rx="3.47" ry="21.501" style="fill:#7e14ff;fill:color(display-p3 .4922 .0767 1);fill-opacity:1" transform="rotate(89.009 28.708 47.59)scale(-1 1)"/></g><g filter="url(#j)"><ellipse cx=".387" cy="8.972" fill="#7e14ff" rx="4.407" ry="29.108" style="fill:#7e14ff;fill:color(display-p3 .4922 .0767 1);fill-opacity:1" transform="rotate(39.51 .387 8.972)"/></g><g filter="url(#k)"><ellipse cx="47.523" cy="-6.092" fill="#7e14ff" rx="4.407" ry="29.108" style="fill:#7e14ff;fill:color(display-p3 .4922 .0767 1);fill-opacity:1" transform="rotate(37.892 47.523 -6.092)"/></g><g filter="url(#l)"><ellipse cx="41.412" cy="6.333" fill="#47bfff" rx="5.971" ry="9.665" style="fill:#47bfff;fill:color(display-p3 .2799 .748 1);fill-opacity:1" transform="rotate(37.892 41.412 6.333)"/></g><g filter="url(#m)"><ellipse cx="-1.879" cy="38.332" fill="#7e14ff" rx="4.407" ry="29.108" style="fill:#7e14ff;fill:color(display-p3 .4922 .0767 1);fill-opacity:1" transform="rotate(37.892 -1.88 38.332)"/></g><g filter="url(#n)"><ellipse cx="-1.879" cy="38.332" fill="#7e14ff" rx="4.407" ry="29.108" style="fill:#7e14ff;fill:color(display-p3 .4922 .0767 1);fill-opacity:1" transform="rotate(37.892 -1.88 38.332)"/></g><g filter="url(#o)"><ellipse cx="35.651" cy="29.907" fill="#7e14ff" rx="4.407" ry="29.108" style="fill:#7e14ff;fill:color(display-p3 .4922 .0767 1);fill-opacity:1" transform="rotate(37.892 35.651 29.907)"/></g><g filter="url(#p)"><ellipse cx="38.418" cy="32.4" fill="#47bfff" rx="5.971" ry="15.297" style="fill:#47bfff;fill:color(display-p3 .2799 .748 1);fill-opacity:1" transform="rotate(37.892 38.418 32.4)"/></g></g><defs><filter id="b" width="60.045" height="41.654" x="-19.77" y="16.149" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17158" stdDeviation="7.659"/></filter><filter id="c" width="90.34" height="51.437" x="-54.613" y="-7.533" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17158" stdDeviation="7.659"/></filter><filter id="d" width="79.355" height="29.4" x="-49.64" y="2.03" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17158" stdDeviation="4.596"/></filter><filter id="e" width="79.579" height="29.4" x="-45.045" y="20.029" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17158" stdDeviation="4.596"/></filter><filter id="f" width="79.579" height="29.4" x="-43.513" y="21.178" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17158" stdDeviation="4.596"/></filter><filter id="g" width="74.749" height="58.852" x="15.756" y="-17.901" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17158" stdDeviation="7.659"/></filter><filter id="h" width="61.377" height="25.362" x="23.548" y="2.284" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17158" stdDeviation="4.596"/></filter><filter id="i" width="61.377" height="25.362" x="23.548" y="2.284" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17158" stdDeviation="4.596"/></filter><filter id="j" width="56.045" height="63.649" x="-27.636" y="-22.853" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17158" stdDeviation="4.596"/></filter><filter id="k" width="54.814" height="64.646" x="20.116" y="-38.415" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17158" stdDeviation="4.596"/></filter><filter id="l" width="33.541" height="35.313" x="24.641" y="-11.323" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17158" stdDeviation="4.596"/></filter><filter id="m" width="54.814" height="64.646" x="-29.286" y="6.009" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17158" stdDeviation="4.596"/></filter><filter id="n" width="54.814" height="64.646" x="-29.286" y="6.009" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17158" stdDeviation="4.596"/></filter><filter id="o" width="54.814" height="64.646" x="8.244" y="-2.416" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17158" stdDeviation="4.596"/></filter><filter id="p" width="39.409" height="43.623" x="18.713" y="10.588" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17158" stdDeviation="4.596"/></filter></defs></svg>
\ No newline at end of file
diff --git a/vue-app/public/icons.svg b/vue-app/public/icons.svg
new file mode 100644
index 0000000..e952219
--- /dev/null
+++ b/vue-app/public/icons.svg
@@ -0,0 +1,24 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <symbol id="bluesky-icon" viewBox="0 0 16 17">
+    <g clip-path="url(#bluesky-clip)"><path fill="#08060d" d="M7.75 7.735c-.693-1.348-2.58-3.86-4.334-5.097-1.68-1.187-2.32-.981-2.74-.79C.188 2.065.1 2.812.1 3.251s.241 3.602.398 4.13c.52 1.744 2.367 2.333 4.07 2.145-2.495.37-4.71 1.278-1.805 4.512 3.196 3.309 4.38-.71 4.987-2.746.608 2.036 1.307 5.91 4.93 2.746 2.72-2.746.747-4.143-1.747-4.512 1.702.189 3.55-.4 4.07-2.145.156-.528.397-3.691.397-4.13s-.088-1.186-.575-1.406c-.42-.19-1.06-.395-2.741.79-1.755 1.24-3.64 3.752-4.334 5.099"/></g>
+    <defs><clipPath id="bluesky-clip"><path fill="#fff" d="M.1.85h15.3v15.3H.1z"/></clipPath></defs>
+  </symbol>
+  <symbol id="discord-icon" viewBox="0 0 20 19">
+    <path fill="#08060d" d="M16.224 3.768a14.5 14.5 0 0 0-3.67-1.153c-.158.286-.343.67-.47.976a13.5 13.5 0 0 0-4.067 0c-.128-.306-.317-.69-.476-.976A14.4 14.4 0 0 0 3.868 3.77C1.546 7.28.916 10.703 1.231 14.077a14.7 14.7 0 0 0 4.5 2.306q.545-.748.965-1.587a9.5 9.5 0 0 1-1.518-.74q.191-.14.372-.293c2.927 1.369 6.107 1.369 8.999 0q.183.152.372.294-.723.437-1.52.74.418.838.963 1.588a14.6 14.6 0 0 0 4.504-2.308c.37-3.911-.63-7.302-2.644-10.309m-9.13 8.234c-.878 0-1.599-.82-1.599-1.82 0-.998.705-1.82 1.6-1.82.894 0 1.614.82 1.599 1.82.001 1-.705 1.82-1.6 1.82m5.91 0c-.878 0-1.599-.82-1.599-1.82 0-.998.705-1.82 1.6-1.82.893 0 1.614.82 1.599 1.82 0 1-.706 1.82-1.6 1.82"/>
+  </symbol>
+  <symbol id="documentation-icon" viewBox="0 0 21 20">
+    <path fill="none" stroke="#aa3bff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.35" d="m15.5 13.333 1.533 1.322c.645.555.967.833.967 1.178s-.322.623-.967 1.179L15.5 18.333m-3.333-5-1.534 1.322c-.644.555-.966.833-.966 1.178s.322.623.966 1.179l1.534 1.321"/>
+    <path fill="none" stroke="#aa3bff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.35" d="M17.167 10.836v-4.32c0-1.41 0-2.117-.224-2.68-.359-.906-1.118-1.621-2.08-1.96-.599-.21-1.349-.21-2.848-.21-2.623 0-3.935 0-4.983.369-1.684.591-3.013 1.842-3.641 3.428C3 6.449 3 7.684 3 10.154v2.122c0 2.558 0 3.838.706 4.726q.306.383.713.671c.76.536 1.79.64 3.581.66"/>
+    <path fill="none" stroke="#aa3bff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.35" d="M3 10a2.78 2.78 0 0 1 2.778-2.778c.555 0 1.209.097 1.748-.047.48-.129.854-.503.982-.982.145-.54.048-1.194.048-1.749a2.78 2.78 0 0 1 2.777-2.777"/>
+  </symbol>
+  <symbol id="github-icon" viewBox="0 0 19 19">
+    <path fill="#08060d" fill-rule="evenodd" d="M9.356 1.85C5.05 1.85 1.57 5.356 1.57 9.694a7.84 7.84 0 0 0 5.324 7.44c.387.079.528-.168.528-.376 0-.182-.013-.805-.013-1.454-2.165.467-2.616-.935-2.616-.935-.349-.91-.864-1.143-.864-1.143-.71-.48.051-.48.051-.48.787.051 1.2.805 1.2.805.695 1.194 1.817.857 2.268.649.064-.507.27-.857.49-1.052-1.728-.182-3.545-.857-3.545-3.87 0-.857.31-1.558.8-2.104-.078-.195-.349-1 .077-2.078 0 0 .657-.208 2.14.805a7.5 7.5 0 0 1 1.946-.26c.657 0 1.328.092 1.946.26 1.483-1.013 2.14-.805 2.14-.805.426 1.078.155 1.883.078 2.078.502.546.799 1.247.799 2.104 0 3.013-1.818 3.675-3.558 3.87.284.247.528.714.528 1.454 0 1.052-.012 1.896-.012 2.156 0 .208.142.455.528.377a7.84 7.84 0 0 0 5.324-7.441c.013-4.338-3.48-7.844-7.773-7.844" clip-rule="evenodd"/>
+  </symbol>
+  <symbol id="social-icon" viewBox="0 0 20 20">
+    <path fill="none" stroke="#aa3bff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.35" d="M12.5 6.667a4.167 4.167 0 1 0-8.334 0 4.167 4.167 0 0 0 8.334 0"/>
+    <path fill="none" stroke="#aa3bff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.35" d="M2.5 16.667a5.833 5.833 0 0 1 8.75-5.053m3.837.474.513 1.035c.07.144.257.282.414.309l.93.155c.596.1.736.536.307.965l-.723.73a.64.64 0 0 0-.152.531l.207.903c.164.715-.213.991-.84.618l-.872-.52a.63.63 0 0 0-.577 0l-.872.52c-.624.373-1.003.094-.84-.618l.207-.903a.64.64 0 0 0-.152-.532l-.723-.729c-.426-.43-.289-.864.306-.964l.93-.156a.64.64 0 0 0 .412-.31l.513-1.034c.28-.562.735-.562 1.012 0"/>
+  </symbol>
+  <symbol id="x-icon" viewBox="0 0 19 19">
+    <path fill="#08060d" fill-rule="evenodd" d="M1.893 1.98c.052.072 1.245 1.769 2.653 3.77l2.892 4.114c.183.261.333.48.333.486s-.068.089-.152.183l-.522.593-.765.867-3.597 4.087c-.375.426-.734.834-.798.905a1 1 0 0 0-.118.148c0 .01.236.017.664.017h.663l.729-.83c.4-.457.796-.906.879-.999a692 692 0 0 0 1.794-2.038c.034-.037.301-.34.594-.675l.551-.624.345-.392a7 7 0 0 1 .34-.374c.006 0 .93 1.306 2.052 2.903l2.084 2.965.045.063h2.275c1.87 0 2.273-.003 2.266-.021-.008-.02-1.098-1.572-3.894-5.547-2.013-2.862-2.28-3.246-2.273-3.266.008-.019.282-.332 2.085-2.38l2-2.274 1.567-1.782c.022-.028-.016-.03-.65-.03h-.674l-.3.342a871 871 0 0 1-1.782 2.025c-.067.075-.405.458-.75.852a100 100 0 0 1-.803.91c-.148.172-.299.344-.99 1.127-.304.343-.32.358-.345.327-.015-.019-.904-1.282-1.976-2.808L6.365 1.85H1.8zm1.782.91 8.078 11.294c.772 1.08 1.413 1.973 1.425 1.984.016.017.241.02 1.05.017l1.03-.004-2.694-3.766L7.796 5.75 5.722 2.852l-1.039-.004-1.039-.004z" clip-rule="evenodd"/>
+  </symbol>
+</svg>
diff --git a/vue-app/src/App.vue b/vue-app/src/App.vue
new file mode 100644
index 0000000..38d63ad
--- /dev/null
+++ b/vue-app/src/App.vue
@@ -0,0 +1,16 @@
+<script setup lang="ts">
+import { onMounted } from 'vue'
+import zhCn from 'element-plus/es/locale/lang/zh-cn'
+import { useAuthStore } from '@/stores/auth'
+
+const auth = useAuthStore()
+onMounted(() => {
+  void auth.refresh()
+})
+</script>
+
+<template>
+  <el-config-provider :locale="zhCn">
+    <router-view />
+  </el-config-provider>
+</template>
diff --git a/vue-app/src/api/client.ts b/vue-app/src/api/client.ts
new file mode 100644
index 0000000..7a48bec
--- /dev/null
+++ b/vue-app/src/api/client.ts
@@ -0,0 +1,19 @@
+import axios from 'axios'
+
+/** 开发环境走 Vite 代理时 baseURL 为空，请求同源 /api → 转发 Flask */
+const client = axios.create({
+  baseURL: import.meta.env.VITE_API_BASE_URL ?? '',
+  timeout: 60_000,
+  withCredentials: true,
+  headers: {
+    'Content-Type': 'application/json',
+    Accept: 'application/json',
+  },
+})
+
+client.interceptors.response.use(
+  (res) => res,
+  (err) => Promise.reject(err),
+)
+
+export default client
diff --git a/vue-app/src/api/index.ts b/vue-app/src/api/index.ts
new file mode 100644
index 0000000..4e5ba65
--- /dev/null
+++ b/vue-app/src/api/index.ts
@@ -0,0 +1,43 @@
+import axios from 'axios'
+import type { InternalAxiosRequestConfig, AxiosResponse } from 'axios'
+// import { useAuthStore } from '@/stores/auth.store'
+
+// 创建axios实例（指向现有Flask后端）
+const apiClient = axios.create({
+  baseURL: import.meta.env.VITE_API_BASE_URL || 'http://127.0.0.1:5002',
+  timeout: 60000, // 与现有后端超时时间保持一致
+  headers: {
+    'Content-Type': 'application/json'
+  }
+})
+
+// 请求拦截器（添加认证token）
+apiClient.interceptors.request.use(
+  (config: InternalAxiosRequestConfig) => {
+    // TODO: 从auth store获取token
+    // const authStore = useAuthStore()
+    // if (authStore.token) {
+    //   config.headers.Authorization = `Bearer ${authStore.token}`
+    // }
+    return config
+  },
+  (error) => Promise.reject(error)
+)
+
+// 响应拦截器（统一错误处理）
+apiClient.interceptors.response.use(
+  (response: AxiosResponse) => {
+    // 处理现有后端的响应格式
+    if (response.data?.code && response.data.code !== 200) {
+      return Promise.reject(new Error(response.data.message || '请求失败'))
+    }
+    return response.data
+  },
+  (error) => {
+    // 统一错误处理逻辑
+    console.error('API请求错误:', error)
+    return Promise.reject(error)
+  }
+)
+
+export default apiClient
\ No newline at end of file
diff --git a/vue-app/src/api/modules/android.ts b/vue-app/src/api/modules/android.ts
new file mode 100644
index 0000000..b9ad0e0
--- /dev/null
+++ b/vue-app/src/api/modules/android.ts
@@ -0,0 +1,26 @@
+import client from '../client'
+import type { AndroidToolResponse } from '../types/android'
+
+function postTool(url: string, input_text: string) {
+  return client.post<AndroidToolResponse>(url, { input_text }).then((r) => r.data)
+}
+
+export function analyzeAndroidCrashLog(input_text: string) {
+  return postTool('/api/android/crash-log/analyze', input_text)
+}
+
+export function analyzeGradleConflict(input_text: string) {
+  return postTool('/api/android/gradle-conflict/analyze', input_text)
+}
+
+export function generatePerfOptimize(input_text: string) {
+  return postTool('/api/android/perf-optimize/generate', input_text)
+}
+
+export function generateTechReview(input_text: string) {
+  return postTool('/api/android/tech-review/generate', input_text)
+}
+
+export function generateCodeReview(input_text: string) {
+  return postTool('/api/android/code-review/generate', input_text)
+}
diff --git a/vue-app/src/api/modules/auth.ts b/vue-app/src/api/modules/auth.ts
new file mode 100644
index 0000000..c7e1e0f
--- /dev/null
+++ b/vue-app/src/api/modules/auth.ts
@@ -0,0 +1,28 @@
+import client from '../client'
+import type { LoginResponse, LogoutResponse, RegisterResponse } from '../types/auth'
+import type { CheckLoginResponse } from '../types/user'
+
+export function checkLogin() {
+  return client.get<CheckLoginResponse>('/api/check-login').then((r) => r.data)
+}
+
+export function postLogin(login_name: string, login_pwd: string) {
+  return client.post<LoginResponse>('/api/login', { login_name, login_pwd }).then((r) => r.data)
+}
+
+export function postLogout() {
+  return client.post<LogoutResponse>('/api/logout', {}).then((r) => r.data)
+}
+
+export interface RegisterBody {
+  login_name: string
+  login_pwd: string
+  nickname: string
+  email?: string
+  mobile?: string
+  sex?: number
+}
+
+export function postRegister(body: RegisterBody) {
+  return client.post<RegisterResponse>('/api/register', body).then((r) => r.data)
+}
diff --git a/vue-app/src/api/modules/favorite.ts b/vue-app/src/api/modules/favorite.ts
new file mode 100644
index 0000000..010fa99
--- /dev/null
+++ b/vue-app/src/api/modules/favorite.ts
@@ -0,0 +1,31 @@
+import client from '../client'
+import type { FavoritesListResponse } from '../types/favorite'
+
+export interface FavoritesQuery {
+  page?: number
+  per_page?: number
+  search?: string
+  category?: string
+}
+
+export function fetchFavorites(params: FavoritesQuery) {
+  return client.get<FavoritesListResponse>('/api/favorites', { params }).then((r) => r.data)
+}
+
+export function deleteFavorite(id: number) {
+  return client.delete<{ success: boolean; message?: string }>(`/api/favorites/${id}`).then((r) => r.data)
+}
+
+export interface QuickAddFavoriteBody {
+  template_id: number | null
+  original_text: string
+  generated_prompt: string
+  system_prompt?: string | null
+  category?: string | null
+}
+
+export function quickAddFavorite(body: QuickAddFavoriteBody) {
+  return client
+    .post<{ success: boolean; message?: string; id?: number }>('/api/favorites/quick-add', body)
+    .then((r) => r.data)
+}
diff --git a/vue-app/src/api/modules/history.ts b/vue-app/src/api/modules/history.ts
new file mode 100644
index 0000000..deefb6c
--- /dev/null
+++ b/vue-app/src/api/modules/history.ts
@@ -0,0 +1,17 @@
+import client from '../client'
+import type { HistoryListResponse } from '../types/history'
+
+export interface HistoryListQuery {
+  page?: number
+  per_page?: number
+  search?: string
+  sort?: string
+}
+
+export function fetchHistoryList(params: HistoryListQuery) {
+  return client.get<HistoryListResponse>('/api/history', { params }).then((r) => r.data)
+}
+
+export function deleteHistoryItem(id: number) {
+  return client.delete<{ success: boolean; message?: string }>(`/api/history/${id}`).then((r) => r.data)
+}
diff --git a/vue-app/src/api/modules/meal.ts b/vue-app/src/api/modules/meal.ts
new file mode 100644
index 0000000..a3f11ba
--- /dev/null
+++ b/vue-app/src/api/modules/meal.ts
@@ -0,0 +1,36 @@
+import client from '../client'
+import type {
+  MealGenerateParams,
+  MealGenerateResponse,
+  MealListResponse,
+  MealSaveResponse,
+} from '../types/meal'
+
+/** 对接 Flask：`POST /api/meal-planning/generate` */
+export function generateMealPlan(body: MealGenerateParams) {
+  return client.post<MealGenerateResponse>('/api/meal-planning/generate', body).then((r) => r.data)
+}
+
+/** `POST /api/meal-planning/save` */
+export function saveMealPlan(body: {
+  meal_plan_content: string
+  region_type: string
+  diner_count: string
+  meal_type: string
+  hometown: string
+  preferences: string
+  dietary_restrictions: string
+  budget: string
+}) {
+  return client.post<MealSaveResponse>('/api/meal-planning/save', body).then((r) => r.data)
+}
+
+/** `GET /api/meal-planning/list` */
+export function fetchMealPlanList(params: { page?: number; per_page?: number }) {
+  return client.get<MealListResponse>('/api/meal-planning/list', { params }).then((r) => r.data)
+}
+
+/** `DELETE /api/meal-planning/:id` */
+export function deleteMealPlan(id: number) {
+  return client.delete<{ success: boolean; message?: string }>(`/api/meal-planning/${id}`).then((r) => r.data)
+}
diff --git a/vue-app/src/api/modules/optimization.ts b/vue-app/src/api/modules/optimization.ts
new file mode 100644
index 0000000..b667d3f
--- /dev/null
+++ b/vue-app/src/api/modules/optimization.ts
@@ -0,0 +1,16 @@
+import client from '../client'
+import type { QuickOptimizationResponse, SmartOptimizationApiResponse } from '../types/optimization'
+
+/** 两阶段专家级优化：`POST /api/smart-prompt-optimization/generate` */
+export function generateSmartOptimization(body: { input_text: string }) {
+  return client
+    .post<SmartOptimizationApiResponse>('/api/smart-prompt-optimization/generate', body)
+    .then((r) => r.data)
+}
+
+/** 通用模板快速优化：`POST /api/prompt-optimization/generate` */
+export function generateQuickOptimization(body: { input_text: string }) {
+  return client
+    .post<QuickOptimizationResponse>('/api/prompt-optimization/generate', body)
+    .then((r) => r.data)
+}
diff --git a/vue-app/src/api/modules/poetry.ts b/vue-app/src/api/modules/poetry.ts
new file mode 100644
index 0000000..91ceba7
--- /dev/null
+++ b/vue-app/src/api/modules/poetry.ts
@@ -0,0 +1,26 @@
+import client from '../client'
+import type {
+  PoetryAnalyzeRequest,
+  PoetryAnalyzeResponse,
+  PoetryFavoriteAddResponse,
+  PoetryFavoritesListResponse,
+} from '../types/poetry'
+
+/** Flask 蓝图前缀 `/poetry`，非 `/api`，开发环境需 Vite 代理 `/poetry` */
+export function analyzePoetry(body: PoetryAnalyzeRequest) {
+  return client.post<PoetryAnalyzeResponse>('/poetry/analyze', body).then((r) => r.data)
+}
+
+export function fetchPoetryFavorites(params: { page?: number; per_page?: number; search?: string }) {
+  return client.get<PoetryFavoritesListResponse>('/poetry/favorites/list', { params }).then((r) => r.data)
+}
+
+export function addPoetryFavorite(body: Record<string, unknown>) {
+  return client.post<PoetryFavoriteAddResponse>('/poetry/favorites/add', body).then((r) => r.data)
+}
+
+export function deletePoetryFavorite(id: number) {
+  return client
+    .delete<{ success: boolean; message?: string }>(`/poetry/favorites/${id}`)
+    .then((r) => r.data)
+}
diff --git a/vue-app/src/api/modules/profile.ts b/vue-app/src/api/modules/profile.ts
new file mode 100644
index 0000000..8467b0e
--- /dev/null
+++ b/vue-app/src/api/modules/profile.ts
@@ -0,0 +1,10 @@
+import client from '../client'
+import type { ProfileGetResponse, ProfileUpdateBody, ProfileUpdateResponse } from '../types/profile'
+
+export function fetchProfile() {
+  return client.get<ProfileGetResponse>('/api/profile').then((r) => r.data)
+}
+
+export function updateProfile(body: ProfileUpdateBody) {
+  return client.put<ProfileUpdateResponse>('/api/profile', body).then((r) => r.data)
+}
diff --git a/vue-app/src/api/modules/prompt.ts b/vue-app/src/api/modules/prompt.ts
new file mode 100644
index 0000000..cf135eb
--- /dev/null
+++ b/vue-app/src/api/modules/prompt.ts
@@ -0,0 +1,19 @@
+import client from '../client'
+import type {
+  GenerateMetaResponse,
+  GeneratePromptResponse,
+  TemplatesByCategoryResponse,
+} from '../types/template'
+
+export function fetchGenerateMeta() {
+  return client.get<GenerateMetaResponse>('/api/generate/meta').then((r) => r.data)
+}
+
+export function fetchTemplatesByCategory(category: string) {
+  const path = '/api/templates/' + encodeURIComponent(category)
+  return client.get<TemplatesByCategoryResponse>(path).then((r) => r.data)
+}
+
+export function generatePrompt(body: { input_text: string; template_id: number | null }) {
+  return client.post<GeneratePromptResponse>('/api/prompt/generate', body).then((r) => r.data)
+}
diff --git a/vue-app/src/api/modules/resume.ts b/vue-app/src/api/modules/resume.ts
new file mode 100644
index 0000000..72a11d9
--- /dev/null
+++ b/vue-app/src/api/modules/resume.ts
@@ -0,0 +1,45 @@
+import client from '../client'
+import type {
+  ResumeDetailResponse,
+  ResumeGenerateResponse,
+  ResumeListResponse,
+  ResumeOptType,
+  ResumeSaveResponse,
+} from '../types/resume'
+
+export function generateResumeOptimization(body: {
+  opt_type: ResumeOptType
+  original_content: string
+  job_description?: string
+}) {
+  return client
+    .post<ResumeGenerateResponse>('/api/resume-optimization/generate', body)
+    .then((r) => r.data)
+}
+
+export function saveResumeOptimization(body: {
+  opt_type: ResumeOptType
+  original_content: string
+  job_description?: string
+  optimized_content: string
+}) {
+  return client.post<ResumeSaveResponse>('/api/resume-optimization/save', body).then((r) => r.data)
+}
+
+export function fetchResumeOptimizationList(params: { page?: number; per_page?: number }) {
+  return client
+    .get<ResumeListResponse>('/api/resume-optimization/list', { params })
+    .then((r) => r.data)
+}
+
+export function fetchResumeOptimizationDetail(id: number) {
+  return client
+    .get<ResumeDetailResponse>(`/api/resume-optimization/${id}`)
+    .then((r) => r.data)
+}
+
+export function deleteResumeOptimization(id: number) {
+  return client
+    .delete<{ success: boolean; message?: string }>(`/api/resume-optimization/${id}`)
+    .then((r) => r.data)
+}
diff --git a/vue-app/src/api/modules/wx.ts b/vue-app/src/api/modules/wx.ts
new file mode 100644
index 0000000..f72be5d
--- /dev/null
+++ b/vue-app/src/api/modules/wx.ts
@@ -0,0 +1,53 @@
+import apiClient from '../index'
+import type { ApiResponse, PaginatedResponse } from '../types'
+
+export interface WxPrompt {
+  id: number
+  input_text: string
+  generated_text: string
+  created_at: string
+  template_id?: number
+  template_name?: string
+}
+
+export const wxApi = {
+  // 获取微信用户提示词列表
+  getWxPrompts(params?: {
+    page?: number
+    per_page?: number
+    template_id?: number
+  }): Promise<ApiResponse<PaginatedResponse<WxPrompt>>> {
+    return apiClient.get('/api/wx/prompts', { params })
+  },
+
+  // 获取微信用户提示词详情
+  getWxPromptDetail(promptId: number): Promise<ApiResponse<{ prompt: WxPrompt }>> {
+    return apiClient.get(`/api/wx/prompt/${promptId}`)
+  },
+
+  // 搜索微信用户提示词
+  searchWxPrompts(keyword: string, page = 1, size = 10): Promise<ApiResponse<any>> {
+    return apiClient.get('/api/wx/prompts/search', {
+      params: { keyword, page, size }
+    })
+  },
+
+  // 获取微信用户提示词数量
+  getWxPromptsCount(): Promise<ApiResponse<{ count: number }>> {
+    return apiClient.get('/api/wx/prompts/count')
+  },
+
+  // 删除微信用户提示词
+  deleteWxPrompt(promptId: number): Promise<ApiResponse> {
+    return apiClient.delete(`/api/wx/prompt/${promptId}`)
+  },
+
+  // 获取微信模板列表
+  getWxTemplates(params?: {
+    category?: string
+    industry?: string
+    profession?: string
+  }): Promise<ApiResponse<any>> {
+    return apiClient.get('/api/wx/templates', { params })
+  }
+}
\ No newline at end of file
diff --git a/vue-app/src/api/types/android.ts b/vue-app/src/api/types/android.ts
new file mode 100644
index 0000000..4cd74d0
--- /dev/null
+++ b/vue-app/src/api/types/android.ts
@@ -0,0 +1,7 @@
+export interface AndroidToolResponse {
+  success: boolean
+  message?: string
+  data?: {
+    result: string
+  }
+}
diff --git a/vue-app/src/api/types/auth.ts b/vue-app/src/api/types/auth.ts
new file mode 100644
index 0000000..adc0260
--- /dev/null
+++ b/vue-app/src/api/types/auth.ts
@@ -0,0 +1,25 @@
+export interface LoginResponse {
+  success: boolean
+  message?: string
+  user?: {
+    uid: number
+    login_name: string
+    nickname: string | null
+    email?: string | null
+    mobile?: string | null
+    sex?: number
+    avatar?: string | null
+  }
+}
+
+export interface RegisterResponse {
+  success: boolean
+  message?: string
+  user_id?: number
+  nickname?: string | null
+}
+
+export interface LogoutResponse {
+  success: boolean
+  message?: string
+}
diff --git a/vue-app/src/api/types/favorite.ts b/vue-app/src/api/types/favorite.ts
new file mode 100644
index 0000000..2c40176
--- /dev/null
+++ b/vue-app/src/api/types/favorite.ts
@@ -0,0 +1,25 @@
+export interface FavoriteItem {
+  id: number
+  template_id: number | null
+  original_text: string
+  generated_prompt: string
+  system_prompt: string | null
+  category: string | null
+  industry: string | null
+  profession: string | null
+  tags: string | null
+  notes: string | null
+  created_time: string | null
+  updated_time: string | null
+}
+
+export interface FavoritesListResponse {
+  success: boolean
+  message?: string
+  data?: FavoriteItem[]
+  total?: number
+  pages?: number
+  current_page?: number
+  has_prev?: boolean
+  has_next?: boolean
+}
diff --git a/vue-app/src/api/types/history.ts b/vue-app/src/api/types/history.ts
new file mode 100644
index 0000000..33cc6f7
--- /dev/null
+++ b/vue-app/src/api/types/history.ts
@@ -0,0 +1,31 @@
+export interface HistoryItem {
+  id: number
+  user_id: number
+  wx_user_id: number | null
+  original_input: string
+  generated_prompt: string
+  template_id: number | null
+  template_name: string | null
+  generation_time: number | null
+  satisfaction_rating: number | null
+  tags: unknown[]
+  is_favorite: boolean
+  created_at: string | null
+  updated_at: string | null
+}
+
+export interface HistoryListResponse {
+  success: boolean
+  message?: string
+  data?: {
+    history: HistoryItem[]
+    pagination: {
+      page: number
+      per_page: number
+      total: number
+      pages: number
+      has_next: boolean
+      has_prev: boolean
+    }
+  }
+}
diff --git a/vue-app/src/api/types/index.ts b/vue-app/src/api/types/index.ts
new file mode 100644
index 0000000..9a34789
--- /dev/null
+++ b/vue-app/src/api/types/index.ts
@@ -0,0 +1,101 @@
+// 基础API响应类型
+export interface ApiResponse<T = any> {
+  code: number
+  data: T
+  message?: string
+}
+
+// 分页响应类型
+export interface PaginatedResponse<T> {
+  total: number
+  pages: number
+  current_page: number
+  data: T[]
+}
+
+// 用户相关类型
+export interface User {
+  uid: number
+  nickname: string
+  mobile: string
+  email: string
+  sex: number
+  avatar: string
+  login_name: string
+  status: number
+  updated_time: string
+  created_time: string
+}
+
+export interface LoginRequest {
+  login_name: string
+  login_pwd: string
+}
+
+export interface RegisterRequest {
+  login_name: string
+  login_pwd: string
+  nickname: string
+  email?: string
+  mobile?: string
+  sex?: number
+}
+
+// 提示词模板类型
+export interface PromptTemplate {
+  id: number
+  name: string
+  description?: string
+  category?: string
+  industry?: string
+  profession?: string
+  sub_category?: string
+  system_prompt: string
+  is_default: boolean
+  created_at: string
+}
+
+// 提示词生成请求
+export interface PromptGenerateRequest {
+  input_text: string
+  template_id?: number
+}
+
+// 提示词生成响应
+export interface PromptGenerateResponse {
+  generated_text: string
+  generation_time?: number
+}
+
+// 收藏类型
+export interface Favorite {
+  id: number
+  template_id?: number
+  original_text: string
+  generated_prompt: string
+  system_prompt?: string
+  category?: string
+  industry?: string
+  profession?: string
+  tags?: string[]
+  notes?: string
+  created_at: string
+}
+
+// 微信用户类型
+export interface WxUser {
+  id: number
+  openid: string
+  nickname?: string
+  avatar_url?: string
+  gender?: number
+  country?: string
+  province?: string
+  city?: string
+  language?: string
+  phone?: string
+  is_active: boolean
+  last_login: string
+  created_at: string
+  updated_at: string
+}
\ No newline at end of file
diff --git a/vue-app/src/api/types/meal.ts b/vue-app/src/api/types/meal.ts
new file mode 100644
index 0000000..3b10683
--- /dev/null
+++ b/vue-app/src/api/types/meal.ts
@@ -0,0 +1,64 @@
+export interface MealGenerateParams {
+  region_type?: string
+  diner_count?: string
+  meal_type?: string
+  hometown: string
+  preferences?: string
+  dietary_restrictions?: string
+  budget?: string
+}
+
+export interface MealGenerateResponse {
+  success: boolean
+  message?: string
+  data?: {
+    meal_plan: string
+    parameters: {
+      region_type: string
+      diner_count: string
+      meal_type: string
+      hometown: string
+      preferences: string
+      dietary_restrictions: string
+      budget: string
+    }
+  }
+}
+
+export interface MealPlanRow {
+  id: number
+  region_type: string
+  diner_count: string
+  meal_type: string
+  hometown: string
+  preferences: string
+  dietary_restrictions: string
+  budget: string
+  meal_plan_content: string
+  created_at: string
+}
+
+export interface MealListResponse {
+  success: boolean
+  message?: string
+  data?: {
+    plans: MealPlanRow[]
+    pagination: {
+      page: number
+      pages: number
+      per_page: number
+      total: number
+      has_next: boolean
+      has_prev: boolean
+    }
+  }
+}
+
+export interface MealSaveResponse {
+  success: boolean
+  message?: string
+  data?: {
+    meal_plan_id: number
+    created_at: string
+  }
+}
diff --git a/vue-app/src/api/types/optimization.ts b/vue-app/src/api/types/optimization.ts
new file mode 100644
index 0000000..7eadbc8
--- /dev/null
+++ b/vue-app/src/api/types/optimization.ts
@@ -0,0 +1,17 @@
+/** Flask 智能优化接口使用 code/message/data，与 success 风格不同 */
+export interface SmartOptimizationApiResponse {
+  code: number
+  message: string
+  data: null | {
+    intent_analysis: Record<string, unknown>
+    generated_prompt: string
+  }
+}
+
+export interface QuickOptimizationResponse {
+  success: boolean
+  message?: string
+  data?: {
+    generated_text: string
+  }
+}
diff --git a/vue-app/src/api/types/poetry.ts b/vue-app/src/api/types/poetry.ts
new file mode 100644
index 0000000..3871c11
--- /dev/null
+++ b/vue-app/src/api/types/poetry.ts
@@ -0,0 +1,50 @@
+export interface PoetryAnalyzeRequest {
+  poetry_title: string
+  author: string
+  dynasty?: string
+  translation_style?: string
+  interpretation_depth?: string
+  purpose?: string
+  target_audience?: string
+  translation_quality?: string
+  annotation_detail?: string
+  interpretation_level?: string
+}
+
+export interface PoetryAnalyzeResponse {
+  success: boolean
+  message?: string
+  result?: string
+  poetry_info?: {
+    title: string
+    author: string
+    dynasty: string
+  }
+  error_detail?: string | null
+}
+
+export interface PoetryFavoriteSummary {
+  id: number
+  poetry_title: string
+  author: string
+  dynasty: string | null
+  purpose: string | null
+  target_audience: string | null
+  notes: string | null
+  created_time: string | null
+}
+
+export interface PoetryFavoritesListResponse {
+  success: boolean
+  message?: string
+  data?: PoetryFavoriteSummary[]
+  total?: number
+  pages?: number
+  current_page?: number
+}
+
+export interface PoetryFavoriteAddResponse {
+  success: boolean
+  message?: string
+  id?: number
+}
diff --git a/vue-app/src/api/types/profile.ts b/vue-app/src/api/types/profile.ts
new file mode 100644
index 0000000..63237fe
--- /dev/null
+++ b/vue-app/src/api/types/profile.ts
@@ -0,0 +1,29 @@
+export interface ProfileUser {
+  uid: number
+  login_name: string
+  nickname: string | null
+  email: string | null
+  mobile: string | null
+  sex: number
+  avatar: string | null
+  status?: number
+  created_time?: string | null
+}
+
+export interface ProfileGetResponse {
+  success: boolean
+  message?: string
+  data?: ProfileUser
+}
+
+export interface ProfileUpdateBody {
+  nickname?: string
+  email?: string
+  mobile?: string
+  sex?: number
+}
+
+export interface ProfileUpdateResponse {
+  success: boolean
+  message?: string
+}
diff --git a/vue-app/src/api/types/resume.ts b/vue-app/src/api/types/resume.ts
new file mode 100644
index 0000000..97917ab
--- /dev/null
+++ b/vue-app/src/api/types/resume.ts
@@ -0,0 +1,56 @@
+export type ResumeOptType = 'resume' | 'cover_letter'
+
+export interface ResumeGenerateResponse {
+  success: boolean
+  message?: string
+  data?: {
+    optimized: string
+    opt_type: ResumeOptType
+  }
+}
+
+export interface ResumeSaveResponse {
+  success: boolean
+  message?: string
+  data?: {
+    id: number
+    created_at: string
+  }
+}
+
+export interface ResumeListItem {
+  id: number
+  opt_type: string
+  original_content: string
+  optimized_content: string
+  created_at: string
+}
+
+export interface ResumeListResponse {
+  success: boolean
+  message?: string
+  data?: {
+    plans: ResumeListItem[]
+    pagination: {
+      page: number
+      pages: number
+      per_page: number
+      total: number
+      has_next: boolean
+      has_prev: boolean
+    }
+  }
+}
+
+export interface ResumeDetailResponse {
+  success: boolean
+  message?: string
+  data?: {
+    id: number
+    opt_type: string
+    original_content: string
+    job_description: string | null
+    optimized_content: string
+    created_at: string
+  }
+}
diff --git a/vue-app/src/api/types/template.ts b/vue-app/src/api/types/template.ts
new file mode 100644
index 0000000..ced68c3
--- /dev/null
+++ b/vue-app/src/api/types/template.ts
@@ -0,0 +1,37 @@
+export interface PromptTemplateItem {
+  id: number
+  name: string
+  description: string | null
+  category: string | null
+  industry: string | null
+  profession: string | null
+  sub_category: string | null
+  system_prompt: string
+  sample_input: string
+}
+
+export interface TemplatesByCategoryResponse {
+  success: boolean
+  templates: PromptTemplateItem[]
+  count: number
+  quick_start: { id: number; name: string; sample_input: string }[]
+}
+
+export interface GenerateMetaResponse {
+  success: boolean
+  categories: string[]
+  industries: string[]
+  professions: string[]
+  sub_categories: string[]
+}
+
+export interface GeneratePromptResponse {
+  success: boolean
+  message?: string
+  generated_text?: string
+  prompt?: {
+    id: number
+    input_text: string
+    generated_text: string
+  }
+}
diff --git a/vue-app/src/api/types/user.ts b/vue-app/src/api/types/user.ts
new file mode 100644
index 0000000..e04f6d8
--- /dev/null
+++ b/vue-app/src/api/types/user.ts
@@ -0,0 +1,9 @@
+export interface CheckLoginResponse {
+  success: boolean
+  logged_in: boolean
+  user?: {
+    user_id: number
+    nickname?: string | null
+    login_name?: string | null
+  }
+}
diff --git a/vue-app/src/api/utils/interceptors.ts b/vue-app/src/api/utils/interceptors.ts
new file mode 100644
index 0000000..65a8777
--- /dev/null
+++ b/vue-app/src/api/utils/interceptors.ts
@@ -0,0 +1,17 @@
+// API拦截器工具函数
+// 这里可以放置通用的拦截器逻辑
+
+export const requestLogger = (config: any) => {
+  console.log(`[API请求] ${config.method?.toUpperCase()} ${config.url}`)
+  return config
+}
+
+export const responseLogger = (response: any) => {
+  console.log(`[API响应] ${response.status} ${response.config.url}`)
+  return response
+}
+
+export const errorHandler = (error: any) => {
+  console.error('[API错误]', error)
+  return Promise.reject(error)
+}
\ No newline at end of file
diff --git a/vue-app/src/assets/hero.png b/vue-app/src/assets/hero.png
new file mode 100644
index 0000000..cc51a3d
Binary files /dev/null and b/vue-app/src/assets/hero.png differ
diff --git a/vue-app/src/assets/styles/_variables.scss b/vue-app/src/assets/styles/_variables.scss
new file mode 100644
index 0000000..0d1f0f0
--- /dev/null
+++ b/vue-app/src/assets/styles/_variables.scss
@@ -0,0 +1,13 @@
+// 与 Flask base.html 主题对齐（vue重构方案 · 样式迁移）
+$primary-color: #1e3a8a;
+$primary-light: #3b82f6;
+$primary-dark: #1e40af;
+$secondary-color: #6366f1;
+$accent-color: #8b5cf6;
+
+$text-color: #0f172a;
+$text-secondary: #334155;
+$text-muted: #64748b;
+
+$border-color: #e2e8f0;
+$gray-100: #f1f5f9;
diff --git a/vue-app/src/assets/styles/main.scss b/vue-app/src/assets/styles/main.scss
new file mode 100644
index 0000000..2a0315c
--- /dev/null
+++ b/vue-app/src/assets/styles/main.scss
@@ -0,0 +1,27 @@
+@use 'variables' as *;
+
+:root {
+  --app-bg: #f8fafc;
+  --primary-color: #{$primary-color};
+  --text-color: #{$text-color};
+}
+
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  margin: 0;
+  font-family:
+    'Inter',
+    -apple-system,
+    BlinkMacSystemFont,
+    'Segoe UI',
+    system-ui,
+    sans-serif;
+  color: $text-color;
+  background: var(--app-bg);
+  -webkit-font-smoothing: antialiased;
+}
diff --git a/vue-app/src/assets/vite.svg b/vue-app/src/assets/vite.svg
new file mode 100644
index 0000000..5101b67
--- /dev/null
+++ b/vue-app/src/assets/vite.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="77" height="47" fill="none" aria-labelledby="vite-logo-title" viewBox="0 0 77 47"><title id="vite-logo-title">Vite</title><style>.parenthesis{fill:#000}@media (prefers-color-scheme:dark){.parenthesis{fill:#fff}}</style><path fill="#9135ff" d="M40.151 45.71c-.663.844-2.02.374-2.02-.699V34.708a2.26 2.26 0 0 0-2.262-2.262H24.493c-.92 0-1.457-1.04-.92-1.788l7.479-10.471c1.07-1.498 0-3.578-1.842-3.578H15.443c-.92 0-1.456-1.04-.92-1.788l9.696-13.576c.213-.297.556-.474.92-.474h28.894c.92 0 1.456 1.04.92 1.788l-7.48 10.472c-1.07 1.497 0 3.578 1.842 3.578h11.376c.944 0 1.474 1.087.89 1.83L40.153 45.712z"/><mask id="a" width="48" height="47" x="14" y="0" maskUnits="userSpaceOnUse" style="mask-type:alpha"><path fill="#000" d="M40.047 45.71c-.663.843-2.02.374-2.02-.699V34.708a2.26 2.26 0 0 0-2.262-2.262H24.389c-.92 0-1.457-1.04-.92-1.788l7.479-10.472c1.07-1.497 0-3.578-1.842-3.578H15.34c-.92 0-1.456-1.04-.92-1.788l9.696-13.575c.213-.297.556-.474.92-.474H53.93c.92 0 1.456 1.04.92 1.788L47.37 13.03c-1.07 1.498 0 3.578 1.842 3.578h11.376c.944 0 1.474 1.088.89 1.831L40.049 45.712z"/></mask><g mask="url(#a)"><g filter="url(#b)"><ellipse cx="5.508" cy="14.704" fill="#eee6ff" rx="5.508" ry="14.704" transform="rotate(269.814 20.96 11.29)scale(-1 1)"/></g><g filter="url(#c)"><ellipse cx="10.399" cy="29.851" fill="#eee6ff" rx="10.399" ry="29.851" transform="rotate(89.814 -16.902 -8.275)scale(1 -1)"/></g><g filter="url(#d)"><ellipse cx="5.508" cy="30.487" fill="#8900ff" rx="5.508" ry="30.487" transform="rotate(89.814 -19.197 -7.127)scale(1 -1)"/></g><g filter="url(#e)"><ellipse cx="5.508" cy="30.599" fill="#8900ff" rx="5.508" ry="30.599" transform="rotate(89.814 -25.928 4.177)scale(1 -1)"/></g><g filter="url(#f)"><ellipse cx="5.508" cy="30.599" fill="#8900ff" rx="5.508" ry="30.599" transform="rotate(89.814 -25.738 5.52)scale(1 -1)"/></g><g filter="url(#g)"><ellipse cx="14.072" cy="22.078" fill="#eee6ff" rx="14.072" ry="22.078" transform="rotate(93.35 31.245 55.578)scale(-1 1)"/></g><g filter="url(#h)"><ellipse cx="3.47" cy="21.501" fill="#8900ff" rx="3.47" ry="21.501" transform="rotate(89.009 35.419 55.202)scale(-1 1)"/></g><g filter="url(#i)"><ellipse cx="3.47" cy="21.501" fill="#8900ff" rx="3.47" ry="21.501" transform="rotate(89.009 35.419 55.202)scale(-1 1)"/></g><g filter="url(#j)"><ellipse cx="14.592" cy="9.743" fill="#8900ff" rx="4.407" ry="29.108" transform="rotate(39.51 14.592 9.743)"/></g><g filter="url(#k)"><ellipse cx="61.728" cy="-5.321" fill="#8900ff" rx="4.407" ry="29.108" transform="rotate(37.892 61.728 -5.32)"/></g><g filter="url(#l)"><ellipse cx="55.618" cy="7.104" fill="#00c2ff" rx="5.971" ry="9.665" transform="rotate(37.892 55.618 7.104)"/></g><g filter="url(#m)"><ellipse cx="12.326" cy="39.103" fill="#8900ff" rx="4.407" ry="29.108" transform="rotate(37.892 12.326 39.103)"/></g><g filter="url(#n)"><ellipse cx="12.326" cy="39.103" fill="#8900ff" rx="4.407" ry="29.108" transform="rotate(37.892 12.326 39.103)"/></g><g filter="url(#o)"><ellipse cx="49.857" cy="30.678" fill="#8900ff" rx="4.407" ry="29.108" transform="rotate(37.892 49.857 30.678)"/></g><g filter="url(#p)"><ellipse cx="52.623" cy="33.171" fill="#00c2ff" rx="5.971" ry="15.297" transform="rotate(37.892 52.623 33.17)"/></g></g><path d="M6.919 0c-9.198 13.166-9.252 33.575 0 46.789h6.215c-9.25-13.214-9.196-33.623 0-46.789zm62.424 0h-6.215c9.198 13.166 9.252 33.575 0 46.789h6.215c9.25-13.214 9.196-33.623 0-46.789" class="parenthesis"/><defs><filter id="b" width="60.045" height="41.654" x="-5.564" y="16.92" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17286" stdDeviation="7.659"/></filter><filter id="c" width="90.34" height="51.437" x="-40.407" y="-6.762" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17286" stdDeviation="7.659"/></filter><filter id="d" width="79.355" height="29.4" x="-35.435" y="2.801" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17286" stdDeviation="4.596"/></filter><filter id="e" width="79.579" height="29.4" x="-30.84" y="20.8" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17286" stdDeviation="4.596"/></filter><filter id="f" width="79.579" height="29.4" x="-29.307" y="21.949" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17286" stdDeviation="4.596"/></filter><filter id="g" width="74.749" height="58.852" x="29.961" y="-17.13" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17286" stdDeviation="7.659"/></filter><filter id="h" width="61.377" height="25.362" x="37.754" y="3.055" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17286" stdDeviation="4.596"/></filter><filter id="i" width="61.377" height="25.362" x="37.754" y="3.055" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17286" stdDeviation="4.596"/></filter><filter id="j" width="56.045" height="63.649" x="-13.43" y="-22.082" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17286" stdDeviation="4.596"/></filter><filter id="k" width="54.814" height="64.646" x="34.321" y="-37.644" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17286" stdDeviation="4.596"/></filter><filter id="l" width="33.541" height="35.313" x="38.847" y="-10.552" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17286" stdDeviation="4.596"/></filter><filter id="m" width="54.814" height="64.646" x="-15.081" y="6.78" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17286" stdDeviation="4.596"/></filter><filter id="n" width="54.814" height="64.646" x="-15.081" y="6.78" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17286" stdDeviation="4.596"/></filter><filter id="o" width="54.814" height="64.646" x="22.45" y="-1.645" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17286" stdDeviation="4.596"/></filter><filter id="p" width="39.409" height="43.623" x="32.919" y="11.36" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17286" stdDeviation="4.596"/></filter></defs></svg>
diff --git a/vue-app/src/assets/vue.svg b/vue-app/src/assets/vue.svg
new file mode 100644
index 0000000..770e9d3
--- /dev/null
+++ b/vue-app/src/assets/vue.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="37.07" height="36" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 198"><path fill="#41B883" d="M204.8 0H256L128 220.8L0 0h97.92L128 51.2L157.44 0h47.36Z"></path><path fill="#41B883" d="m0 0l128 220.8L256 0h-51.2L128 132.48L50.56 0H0Z"></path><path fill="#35495E" d="M50.56 0L128 133.12L204.8 0h-47.36L128 51.2L97.92 0H50.56Z"></path></svg>
\ No newline at end of file
diff --git a/vue-app/src/auto-imports.d.ts b/vue-app/src/auto-imports.d.ts
new file mode 100644
index 0000000..d9ed0c2
--- /dev/null
+++ b/vue-app/src/auto-imports.d.ts
@@ -0,0 +1,10 @@
+/* eslint-disable */
+/* prettier-ignore */
+// @ts-nocheck
+// noinspection JSUnusedGlobalSymbols
+// Generated by unplugin-auto-import
+// biome-ignore lint: disable
+export {}
+declare global {
+  const ElMessage: typeof import('element-plus/es').ElMessage
+}
diff --git a/vue-app/src/components.d.ts b/vue-app/src/components.d.ts
new file mode 100644
index 0000000..eb2038b
--- /dev/null
+++ b/vue-app/src/components.d.ts
@@ -0,0 +1,49 @@
+/* eslint-disable */
+// @ts-nocheck
+// biome-ignore lint: disable
+// oxlint-disable
+// ------
+// Generated by unplugin-vue-components
+// Read more: https://github.com/vuejs/core/pull/3399
+
+export {}
+
+/* prettier-ignore */
+declare module 'vue' {
+  export interface GlobalComponents {
+    AppHeader: typeof import('./components/layout/AppHeader.vue')['default']
+    ElButton: typeof import('element-plus/es')['ElButton']
+    ElCard: typeof import('element-plus/es')['ElCard']
+    ElCheckbox: typeof import('element-plus/es')['ElCheckbox']
+    ElCol: typeof import('element-plus/es')['ElCol']
+    ElCollapse: typeof import('element-plus/es')['ElCollapse']
+    ElCollapseItem: typeof import('element-plus/es')['ElCollapseItem']
+    ElConfigProvider: typeof import('element-plus/es')['ElConfigProvider']
+    ElDrawer: typeof import('element-plus/es')['ElDrawer']
+    ElDropdown: typeof import('element-plus/es')['ElDropdown']
+    ElDropdownItem: typeof import('element-plus/es')['ElDropdownItem']
+    ElDropdownMenu: typeof import('element-plus/es')['ElDropdownMenu']
+    ElEmpty: typeof import('element-plus/es')['ElEmpty']
+    ElForm: typeof import('element-plus/es')['ElForm']
+    ElFormItem: typeof import('element-plus/es')['ElFormItem']
+    ElInput: typeof import('element-plus/es')['ElInput']
+    ElOption: typeof import('element-plus/es')['ElOption']
+    ElPageHeader: typeof import('element-plus/es')['ElPageHeader']
+    ElPagination: typeof import('element-plus/es')['ElPagination']
+    ElRadio: typeof import('element-plus/es')['ElRadio']
+    ElRadioGroup: typeof import('element-plus/es')['ElRadioGroup']
+    ElRow: typeof import('element-plus/es')['ElRow']
+    ElSelect: typeof import('element-plus/es')['ElSelect']
+    ElSpace: typeof import('element-plus/es')['ElSpace']
+    ElTable: typeof import('element-plus/es')['ElTable']
+    ElTableColumn: typeof import('element-plus/es')['ElTableColumn']
+    ElTabPane: typeof import('element-plus/es')['ElTabPane']
+    ElTabs: typeof import('element-plus/es')['ElTabs']
+    ElTag: typeof import('element-plus/es')['ElTag']
+    RouterLink: typeof import('vue-router')['RouterLink']
+    RouterView: typeof import('vue-router')['RouterView']
+  }
+  export interface GlobalDirectives {
+    vLoading: typeof import('element-plus/es')['ElLoadingDirective']
+  }
+}
diff --git a/vue-app/src/components/layout/AppHeader.vue b/vue-app/src/components/layout/AppHeader.vue
new file mode 100644
index 0000000..9877501
--- /dev/null
+++ b/vue-app/src/components/layout/AppHeader.vue
@@ -0,0 +1,244 @@
+<script setup lang="ts">
+import { computed } from 'vue'
+import { useRoute, useRouter } from 'vue-router'
+import { useAuthStore } from '@/stores/auth'
+
+const auth = useAuthStore()
+const router = useRouter()
+const route = useRoute()
+
+const flaskOrigin = import.meta.env.VITE_FLASK_ORIGIN || ''
+
+const legacyHomeUrl = computed(() => flaskOrigin || '/')
+
+const loginRoute = computed(() => ({
+  name: 'login' as const,
+  query: { redirect: route.fullPath },
+}))
+
+async function onLogout() {
+  try {
+    await auth.logout()
+    ElMessage.success('已退出登录')
+  } catch {
+    ElMessage.error('退出失败')
+  }
+}
+
+type NavRouteName =
+  | 'home'
+  | 'favorites'
+  | 'generate'
+  | 'history'
+  | 'profile'
+  | 'meal-planning'
+  | 'poetry'
+  | 'optimization'
+  | 'android-tools'
+  | 'resume-optimization'
+
+function go(name: NavRouteName) {
+  router.push({ name })
+}
+
+function onMoreCommand(cmd: string) {
+  if (cmd === 'flask-legacy') {
+    window.location.href = legacyHomeUrl.value || '/'
+    return
+  }
+  go(cmd as NavRouteName)
+}
+</script>
+
+<template>
+  <header class="header">
+    <div class="header-inner">
+      <button type="button" class="brand" @click="go('home')">
+        <span class="brand-mark">提示词大师</span>
+        <span class="brand-tag">Vue 试验田</span>
+      </button>
+
+      <nav class="nav" aria-label="主导航">
+        <button type="button" class="nav-link" @click="go('home')">首页</button>
+        <button type="button" class="nav-link" @click="go('generate')">生成</button>
+        <button type="button" class="nav-link" @click="go('optimization')">优化</button>
+        <button type="button" class="nav-link" @click="go('favorites')">收藏</button>
+        <button type="button" class="nav-link" @click="go('history')">历史</button>
+        <el-dropdown trigger="click" placement="bottom-start" @command="onMoreCommand">
+          <button type="button" class="nav-link nav-more" aria-haspopup="menu" aria-label="更多功能">
+            更多
+            <span class="caret" aria-hidden="true">▾</span>
+          </button>
+          <template #dropdown>
+            <el-dropdown-menu>
+              <el-dropdown-item command="resume-optimization">简历 / 求职信</el-dropdown-item>
+              <el-dropdown-item command="meal-planning">饭菜规划</el-dropdown-item>
+              <el-dropdown-item command="poetry">古诗词</el-dropdown-item>
+              <el-dropdown-item command="android-tools">Android 工具</el-dropdown-item>
+              <el-dropdown-item command="flask-legacy" divided>经典版生成页</el-dropdown-item>
+            </el-dropdown-menu>
+          </template>
+        </el-dropdown>
+        <button type="button" class="nav-link" @click="go('profile')">资料</button>
+      </nav>
+
+      <div class="user">
+        <template v-if="!auth.ready">
+          <span class="muted">…</span>
+        </template>
+        <template v-else-if="auth.loggedIn">
+          <span class="user-name">{{ auth.nickname || '已登录' }}</span>
+          <button type="button" class="btn-logout" @click="onLogout">退出</button>
+        </template>
+        <template v-else>
+          <router-link class="btn-login" :to="loginRoute">登录</router-link>
+        </template>
+      </div>
+    </div>
+  </header>
+</template>
+
+<style scoped lang="scss">
+@use '@/assets/styles/variables' as *;
+
+.header {
+  position: sticky;
+  top: 0;
+  z-index: 50;
+  background: rgba(255, 255, 255, 0.95);
+  border-bottom: 1px solid $border-color;
+  backdrop-filter: blur(10px);
+}
+
+.header-inner {
+  max-width: 1200px;
+  margin: 0 auto;
+  padding: 0.75rem 1rem;
+  display: flex;
+  align-items: center;
+  gap: 1rem;
+}
+
+.brand {
+  display: flex;
+  align-items: baseline;
+  gap: 0.5rem;
+  border: none;
+  background: none;
+  cursor: pointer;
+  padding: 0.25rem 0;
+  font: inherit;
+  text-align: left;
+}
+
+.brand-mark {
+  font-weight: 700;
+  font-size: 1.125rem;
+  background: linear-gradient(135deg, $secondary-color, $accent-color);
+  -webkit-background-clip: text;
+  background-clip: text;
+  color: transparent;
+}
+
+.brand-tag {
+  font-size: 0.7rem;
+  font-weight: 600;
+  color: $text-muted;
+  text-transform: uppercase;
+  letter-spacing: 0.04em;
+}
+
+.nav {
+  display: flex;
+  align-items: center;
+  gap: 0.25rem;
+  flex: 1;
+  flex-wrap: wrap;
+}
+
+.nav-link {
+  border: none;
+  background: none;
+  cursor: pointer;
+  font: inherit;
+  color: $text-secondary;
+  padding: 0.5rem 0.75rem;
+  border-radius: 8px;
+  text-decoration: none;
+  transition: background 0.15s ease, color 0.15s ease;
+
+  &:hover {
+    color: $primary-color;
+    background: rgba(30, 58, 138, 0.06);
+  }
+}
+
+.nav-more {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.2rem;
+}
+
+.caret {
+  font-size: 0.7em;
+  opacity: 0.75;
+}
+
+.nav :deep(.el-dropdown) {
+  vertical-align: middle;
+}
+
+.user {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+}
+
+.user-name {
+  font-size: 0.875rem;
+  font-weight: 500;
+  color: $text-color;
+  max-width: 8rem;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.muted {
+  color: $text-muted;
+  font-size: 0.875rem;
+}
+
+.btn-login {
+  display: inline-flex;
+  align-items: center;
+  padding: 0.5rem 1rem;
+  border-radius: 10px;
+  font-size: 0.875rem;
+  font-weight: 600;
+  text-decoration: none;
+  color: #fff;
+  background: linear-gradient(135deg, $secondary-color, $accent-color);
+  box-shadow: 0 2px 8px rgba(99, 102, 241, 0.25);
+
+  &:hover {
+    filter: brightness(1.05);
+  }
+}
+
+.btn-logout {
+  border: 1px solid $border-color;
+  background: #fff;
+  color: $text-secondary;
+  font-size: 0.8125rem;
+  padding: 0.35rem 0.75rem;
+  border-radius: 8px;
+  cursor: pointer;
+  transition: background 0.15s ease;
+
+  &:hover {
+    background: $gray-100;
+    color: $text-color;
+  }
+}
+</style>
diff --git a/vue-app/src/layouts/AuthLayout.vue b/vue-app/src/layouts/AuthLayout.vue
new file mode 100644
index 0000000..14158d3
--- /dev/null
+++ b/vue-app/src/layouts/AuthLayout.vue
@@ -0,0 +1,16 @@
+<template>
+  <div class="auth-shell">
+    <router-view />
+  </div>
+</template>
+
+<style scoped lang="scss">
+.auth-shell {
+  min-height: 100vh;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 1.5rem 1rem;
+  background: linear-gradient(160deg, #f1f5f9 0%, #e0e7ff 45%, #f8fafc 100%);
+}
+</style>
diff --git a/vue-app/src/layouts/DefaultLayout.vue b/vue-app/src/layouts/DefaultLayout.vue
new file mode 100644
index 0000000..f118567
--- /dev/null
+++ b/vue-app/src/layouts/DefaultLayout.vue
@@ -0,0 +1,29 @@
+<script setup lang="ts">
+import AppHeader from '@/components/layout/AppHeader.vue'
+</script>
+
+<template>
+  <div class="app-shell">
+    <AppHeader />
+    <main class="app-main">
+      <router-view />
+    </main>
+  </div>
+</template>
+
+<style scoped lang="scss">
+.app-shell {
+  min-height: 100vh;
+  display: flex;
+  flex-direction: column;
+  background: var(--app-bg, #f8fafc);
+}
+
+.app-main {
+  flex: 1;
+  max-width: 1200px;
+  width: 100%;
+  margin: 0 auto;
+  padding: 1.25rem 1rem 2.5rem;
+}
+</style>
diff --git a/vue-app/src/main.ts b/vue-app/src/main.ts
new file mode 100644
index 0000000..a37189e
--- /dev/null
+++ b/vue-app/src/main.ts
@@ -0,0 +1,10 @@
+import { createApp } from 'vue'
+import { createPinia } from 'pinia'
+import App from './App.vue'
+import router from './router'
+import '@/assets/styles/main.scss'
+
+const app = createApp(App)
+app.use(createPinia())
+app.use(router)
+app.mount('#app')
diff --git a/vue-app/src/router/index.ts b/vue-app/src/router/index.ts
new file mode 100644
index 0000000..8755205
--- /dev/null
+++ b/vue-app/src/router/index.ts
@@ -0,0 +1,116 @@
+import { createRouter, createWebHistory } from 'vue-router'
+import DefaultLayout from '@/layouts/DefaultLayout.vue'
+import { useAuthStore } from '@/stores/auth'
+
+const router = createRouter({
+  history: createWebHistory(import.meta.env.BASE_URL),
+  routes: [
+    {
+      path: '/login',
+      component: () => import('@/layouts/AuthLayout.vue'),
+      children: [
+        {
+          path: '',
+          name: 'login',
+          component: () => import('@/views/Auth/LoginView.vue'),
+          meta: { title: '登录' },
+        },
+      ],
+    },
+    {
+      path: '/register',
+      component: () => import('@/layouts/AuthLayout.vue'),
+      children: [
+        {
+          path: '',
+          name: 'register',
+          component: () => import('@/views/Auth/RegisterView.vue'),
+          meta: { title: '注册' },
+        },
+      ],
+    },
+    {
+      path: '/',
+      component: DefaultLayout,
+      children: [
+        {
+          path: '',
+          name: 'home',
+          component: () => import('@/views/HomeView.vue'),
+          meta: { title: '首页' },
+        },
+        {
+          path: 'favorites',
+          name: 'favorites',
+          component: () => import('@/views/FavoritesView.vue'),
+          meta: { title: '收藏' },
+        },
+        {
+          path: 'generate',
+          name: 'generate',
+          component: () => import('@/views/GenerateView.vue'),
+          meta: { title: '提示词生成' },
+        },
+        {
+          path: 'history',
+          name: 'history',
+          component: () => import('@/views/HistoryView.vue'),
+          meta: { title: '优化历史' },
+        },
+        {
+          path: 'profile',
+          name: 'profile',
+          component: () => import('@/views/ProfileView.vue'),
+          meta: { title: '个人资料', requiresAuth: true },
+        },
+        {
+          path: 'meal-planning',
+          name: 'meal-planning',
+          component: () => import('@/views/MealPlanningView.vue'),
+          meta: { title: '饭菜规划' },
+        },
+        {
+          path: 'poetry',
+          name: 'poetry',
+          component: () => import('@/views/PoetryView.vue'),
+          meta: { title: '古诗词' },
+        },
+        {
+          path: 'optimization',
+          name: 'optimization',
+          component: () => import('@/views/OptimizationView.vue'),
+          meta: { title: '提示词优化' },
+        },
+        {
+          path: 'android-tools',
+          name: 'android-tools',
+          component: () => import('@/views/AndroidToolsView.vue'),
+          meta: { title: 'Android 工具' },
+        },
+        {
+          path: 'resume-optimization',
+          name: 'resume-optimization',
+          component: () => import('@/views/ResumeOptimizationView.vue'),
+          meta: { title: '简历优化' },
+        },
+      ],
+    },
+  ],
+})
+
+router.beforeEach(async (to) => {
+  if (!to.meta.requiresAuth) return true
+  const auth = useAuthStore()
+  if (!auth.ready) await auth.refresh()
+  if (!auth.loggedIn) {
+    return { name: 'login', query: { redirect: to.fullPath } }
+  }
+  return true
+})
+
+router.afterEach((to) => {
+  const base = import.meta.env.VITE_APP_TITLE ?? '提示词大师'
+  document.title = to.meta.title ? `${base} · ${to.meta.title}` : base
+})
+
+export default router
diff --git a/vue-app/src/stores/auth.ts b/vue-app/src/stores/auth.ts
new file mode 100644
index 0000000..10bcc71
--- /dev/null
+++ b/vue-app/src/stores/auth.ts
@@ -0,0 +1,56 @@
+import { defineStore } from 'pinia'
+import { ref } from 'vue'
+import { checkLogin, postLogin, postLogout, postRegister, type RegisterBody } from '@/api/modules/auth'
+
+export const useAuthStore = defineStore('auth', () => {
+  const loggedIn = ref(false)
+  const nickname = ref<string | null>(null)
+  const userId = ref<number | null>(null)
+  const ready = ref(false)
+
+  async function refresh() {
+    try {
+      const r = await checkLogin()
+      loggedIn.value = Boolean(r.logged_in)
+      if (r.user) {
+        userId.value = r.user.user_id
+        nickname.value = r.user.nickname ?? r.user.login_name ?? null
+      } else {
+        userId.value = null
+        nickname.value = null
+      }
+    } catch {
+      loggedIn.value = false
+      userId.value = null
+      nickname.value = null
+    } finally {
+      ready.value = true
+    }
+  }
+
+  async function login(login_name: string, login_pwd: string) {
+    const r = await postLogin(login_name, login_pwd)
+    if (!r.success) {
+      throw new Error(r.message || '登录失败')
+    }
+    await refresh()
+  }
+
+  async function logout() {
+    try {
+      await postLogout()
+    } finally {
+      await refresh()
+    }
+  }
+
+  async function register(body: RegisterBody) {
+    const r = await postRegister(body)
+    if (!r.success) {
+      throw new Error(r.message || '注册失败')
+    }
+    await refresh()
+  }
+
+  return { loggedIn, nickname, userId, ready, refresh, login, logout, register }
+})
diff --git a/vue-app/src/views/AndroidToolsView.vue b/vue-app/src/views/AndroidToolsView.vue
new file mode 100644
index 0000000..e422107
--- /dev/null
+++ b/vue-app/src/views/AndroidToolsView.vue
@@ -0,0 +1,237 @@
+<script setup lang="ts">
+import { reactive, ref } from 'vue'
+import { useRouter } from 'vue-router'
+import {
+  analyzeAndroidCrashLog,
+  analyzeGradleConflict,
+  generateCodeReview,
+  generatePerfOptimize,
+  generateTechReview,
+} from '@/api/modules/android'
+
+const router = useRouter()
+
+const tab = ref('crash')
+
+const inputs = reactive({
+  crash: '',
+  gradle: '',
+  perf: '',
+  tech: '',
+  code: '',
+})
+
+const results = reactive({
+  crash: '',
+  gradle: '',
+  perf: '',
+  tech: '',
+  code: '',
+})
+
+const loading = ref(false)
+
+async function run(kind: keyof typeof inputs) {
+  const text = inputs[kind].trim()
+  if (!text) {
+    ElMessage.warning('请先输入内容')
+    return
+  }
+  loading.value = true
+  results[kind] = ''
+  try {
+    let res
+    switch (kind) {
+      case 'crash':
+        res = await analyzeAndroidCrashLog(text)
+        break
+      case 'gradle':
+        res = await analyzeGradleConflict(text)
+        break
+      case 'perf':
+        res = await generatePerfOptimize(text)
+        break
+      case 'tech':
+        res = await generateTechReview(text)
+        break
+      case 'code':
+        res = await generateCodeReview(text)
+        break
+      default:
+        return
+    }
+    if (!res.success) {
+      ElMessage.error(res.message || '处理失败')
+      return
+    }
+    results[kind] = res.data?.result ?? ''
+    ElMessage.success('完成（已写入优化历史）')
+  } catch {
+    ElMessage.error('请求失败，请确认后端可用')
+  } finally {
+    loading.value = false
+  }
+}
+
+async function copy(kind: keyof typeof results) {
+  const t = results[kind]
+  if (!t) return
+  try {
+    await navigator.clipboard.writeText(t)
+    ElMessage.success('已复制')
+  } catch {
+    ElMessage.error('复制失败')
+  }
+}
+</script>
+
+<template>
+  <div class="android-page">
+    <el-page-header class="page-head" @back="router.push({ name: 'home' })">
+      <template #content>
+        <span class="page-title">Android 工程师工具</span>
+      </template>
+    </el-page-header>
+    <p class="hint">对接 <code>/api/android/*</code>，结果会写入站内「优化历史」。</p>
+
+    <el-tabs v-model="tab" class="tabs">
+      <el-tab-pane label="崩溃 / 日志解读" name="crash">
+        <el-card v-loading="loading && tab === 'crash'" shadow="never" class="section">
+          <el-input
+            v-model="inputs.crash"
+            type="textarea"
+            :rows="12"
+            placeholder="粘贴 Stack Trace、Logcat 异常片段…"
+          />
+          <div class="actions">
+            <el-button type="primary" :disabled="loading" @click="run('crash')">分析</el-button>
+            <el-button v-if="results.crash" @click="copy('crash')">复制结果</el-button>
+          </div>
+          <pre v-if="results.crash" class="result-pre">{{ results.crash }}</pre>
+        </el-card>
+      </el-tab-pane>
+
+      <el-tab-pane label="Gradle 依赖冲突" name="gradle">
+        <el-card v-loading="loading && tab === 'gradle'" shadow="never" class="section">
+          <el-input
+            v-model="inputs.gradle"
+            type="textarea"
+            :rows="12"
+            placeholder="粘贴 Gradle 报错、依赖冲突或 dependencies 输出片段…"
+          />
+          <div class="actions">
+            <el-button type="primary" :disabled="loading" @click="run('gradle')">分析</el-button>
+            <el-button v-if="results.gradle" @click="copy('gradle')">复制结果</el-button>
+          </div>
+          <pre v-if="results.gradle" class="result-pre">{{ results.gradle }}</pre>
+        </el-card>
+      </el-tab-pane>
+
+      <el-tab-pane label="性能优化建议" name="perf">
+        <el-card v-loading="loading && tab === 'perf'" shadow="never" class="section">
+          <el-input
+            v-model="inputs.perf"
+            type="textarea"
+            :rows="10"
+            placeholder="描述启动慢、卡顿、内存、包体、耗电等场景…"
+          />
+          <div class="actions">
+            <el-button type="primary" :disabled="loading" @click="run('perf')">生成建议</el-button>
+            <el-button v-if="results.perf" @click="copy('perf')">复制结果</el-button>
+          </div>
+          <pre v-if="results.perf" class="result-pre">{{ results.perf }}</pre>
+        </el-card>
+      </el-tab-pane>
+
+      <el-tab-pane label="技术方案评审" name="tech">
+        <el-card v-loading="loading && tab === 'tech'" shadow="never" class="section">
+          <el-input
+            v-model="inputs.tech"
+            type="textarea"
+            :rows="12"
+            placeholder="粘贴或描述技术方案、选型、改造设计…"
+          />
+          <div class="actions">
+            <el-button type="primary" :disabled="loading" @click="run('tech')">生成评审要点</el-button>
+            <el-button v-if="results.tech" @click="copy('tech')">复制结果</el-button>
+          </div>
+          <pre v-if="results.tech" class="result-pre">{{ results.tech }}</pre>
+        </el-card>
+      </el-tab-pane>
+
+      <el-tab-pane label="Code Review 清单" name="code">
+        <el-card v-loading="loading && tab === 'code'" shadow="never" class="section">
+          <el-input
+            v-model="inputs.code"
+            type="textarea"
+            :rows="12"
+            placeholder="说明模块类型（如网络层、自定义 View）或粘贴代码片段…"
+          />
+          <div class="actions">
+            <el-button type="primary" :disabled="loading" @click="run('code')">生成清单</el-button>
+            <el-button v-if="results.code" @click="copy('code')">复制结果</el-button>
+          </div>
+          <pre v-if="results.code" class="result-pre">{{ results.code }}</pre>
+        </el-card>
+      </el-tab-pane>
+    </el-tabs>
+  </div>
+</template>
+
+<style scoped lang="scss">
+@use '@/assets/styles/variables' as *;
+
+.android-page {
+  .page-head {
+    margin-bottom: 0.5rem;
+  }
+
+  .page-title {
+    font-weight: 600;
+    font-size: 1.125rem;
+  }
+
+  .hint {
+    margin: 0 0 1rem;
+    font-size: 0.875rem;
+    color: $text-secondary;
+
+    code {
+      font-size: 0.8em;
+      padding: 0.1em 0.35em;
+      background: $gray-100;
+      border-radius: 4px;
+    }
+  }
+
+  .tabs {
+    margin-top: 0.25rem;
+  }
+
+  .section {
+    border-radius: 12px;
+    border: 1px solid $border-color;
+  }
+
+  .actions {
+    margin-top: 1rem;
+    display: flex;
+    flex-wrap: wrap;
+    gap: 0.5rem;
+  }
+
+  .result-pre {
+    margin-top: 1rem;
+    margin-bottom: 0;
+    padding: 0.75rem;
+    border-radius: 8px;
+    background: $gray-100;
+    white-space: pre-wrap;
+    word-break: break-word;
+    font-family: ui-monospace, 'Cascadia Code', Consolas, monospace;
+    font-size: 0.875rem;
+    line-height: 1.55;
+    color: $text-color;
+  }
+}
+</style>
diff --git a/vue-app/src/views/Auth/LoginView.vue b/vue-app/src/views/Auth/LoginView.vue
new file mode 100644
index 0000000..fdf0eb9
--- /dev/null
+++ b/vue-app/src/views/Auth/LoginView.vue
@@ -0,0 +1,91 @@
+<script setup lang="ts">
+import { computed, ref } from 'vue'
+import { useRoute, useRouter } from 'vue-router'
+import { useAuthStore } from '@/stores/auth'
+
+const route = useRoute()
+const router = useRouter()
+const auth = useAuthStore()
+
+const loginName = ref('')
+const loginPwd = ref('')
+const loading = ref(false)
+
+const redirectTo = computed(() => {
+  const r = route.query.redirect
+  if (typeof r === 'string' && r.startsWith('/') && !r.startsWith('/login')) return r
+  return '/'
+})
+
+async function onSubmit() {
+  const name = loginName.value.trim()
+  const pwd = loginPwd.value
+  if (!name || !pwd) {
+    ElMessage.warning('请输入用户名和密码')
+    return
+  }
+  loading.value = true
+  try {
+    await auth.login(name, pwd)
+    ElMessage.success('登录成功')
+    await router.replace(redirectTo.value)
+  } catch (e) {
+    ElMessage.error(e instanceof Error ? e.message : '登录失败')
+  } finally {
+    loading.value = false
+  }
+}
+</script>
+
+<template>
+  <el-card class="auth-card" shadow="hover">
+    <template #header>
+      <div class="head">登录</div>
+    </template>
+    <el-form label-position="top" @submit.prevent="onSubmit">
+      <el-form-item label="用户名">
+        <el-input v-model="loginName" autocomplete="username" />
+      </el-form-item>
+      <el-form-item label="密码">
+        <el-input v-model="loginPwd" type="password" show-password autocomplete="current-password" />
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" native-type="submit" :loading="loading" style="width: 100%">
+          登录
+        </el-button>
+      </el-form-item>
+    </el-form>
+    <div class="foot">
+      <router-link :to="{ name: 'register', query: route.query }">没有账号？注册</router-link>
+      <router-link :to="{ name: 'home' }">返回首页</router-link>
+    </div>
+  </el-card>
+</template>
+
+<style scoped lang="scss">
+.auth-card {
+  width: 100%;
+  max-width: 400px;
+  border-radius: 12px;
+}
+
+.head {
+  font-weight: 600;
+  font-size: 1.125rem;
+}
+
+.foot {
+  display: flex;
+  justify-content: space-between;
+  gap: 1rem;
+  font-size: 0.875rem;
+
+  a {
+    color: var(--el-color-primary);
+    text-decoration: none;
+    &:hover {
+      text-decoration: underline;
+    }
+  }
+}
+</style>
diff --git a/vue-app/src/views/Auth/RegisterView.vue b/vue-app/src/views/Auth/RegisterView.vue
new file mode 100644
index 0000000..b765837
--- /dev/null
+++ b/vue-app/src/views/Auth/RegisterView.vue
@@ -0,0 +1,102 @@
+<script setup lang="ts">
+import { ref } from 'vue'
+import { useRoute, useRouter } from 'vue-router'
+import { useAuthStore } from '@/stores/auth'
+
+const route = useRoute()
+const router = useRouter()
+const auth = useAuthStore()
+
+const loginName = ref('')
+const loginPwd = ref('')
+const loginPwd2 = ref('')
+const nickname = ref('')
+const loading = ref(false)
+
+async function onSubmit() {
+  const name = loginName.value.trim()
+  const pwd = loginPwd.value
+  const pwd2 = loginPwd2.value
+  const nick = nickname.value.trim()
+  if (!name || !pwd || !nick) {
+    ElMessage.warning('请填写用户名、密码与昵称')
+    return
+  }
+  if (pwd !== pwd2) {
+    ElMessage.warning('两次密码不一致')
+    return
+  }
+  loading.value = true
+  try {
+    await auth.register({ login_name: name, login_pwd: pwd, nickname: nick })
+    ElMessage.success('注册成功')
+    const r = route.query.redirect
+    const path =
+      typeof r === 'string' && r.startsWith('/') && !r.startsWith('/register') ? r : '/'
+    await router.replace(path)
+  } catch (e) {
+    ElMessage.error(e instanceof Error ? e.message : '注册失败')
+  } finally {
+    loading.value = false
+  }
+}
+</script>
+
+<template>
+  <el-card class="auth-card" shadow="hover">
+    <template #header>
+      <div class="head">注册</div>
+    </template>
+    <el-form label-position="top" @submit.prevent="onSubmit">
+      <el-form-item label="昵称">
+        <el-input v-model="nickname" autocomplete="nickname" />
+      </el-form-item>
+      <el-form-item label="用户名">
+        <el-input v-model="loginName" autocomplete="username" />
+      </el-form-item>
+      <el-form-item label="密码">
+        <el-input v-model="loginPwd" type="password" show-password autocomplete="new-password" />
+      </el-form-item>
+      <el-form-item label="确认密码">
+        <el-input v-model="loginPwd2" type="password" show-password autocomplete="new-password" />
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" native-type="submit" :loading="loading" style="width: 100%">
+          注册
+        </el-button>
+      </el-form-item>
+    </el-form>
+    <div class="foot">
+      <router-link :to="{ name: 'login', query: route.query }">已有账号？登录</router-link>
+      <router-link :to="{ name: 'home' }">返回首页</router-link>
+    </div>
+  </el-card>
+</template>
+
+<style scoped lang="scss">
+.auth-card {
+  width: 100%;
+  max-width: 400px;
+  border-radius: 12px;
+}
+
+.head {
+  font-weight: 600;
+  font-size: 1.125rem;
+}
+
+.foot {
+  display: flex;
+  justify-content: space-between;
+  gap: 1rem;
+  font-size: 0.875rem;
+
+  a {
+    color: var(--el-color-primary);
+    text-decoration: none;
+    &:hover {
+      text-decoration: underline;
+    }
+  }
+}
+</style>
diff --git a/vue-app/src/views/FavoritesView.vue b/vue-app/src/views/FavoritesView.vue
new file mode 100644
index 0000000..efc17b3
--- /dev/null
+++ b/vue-app/src/views/FavoritesView.vue
@@ -0,0 +1,167 @@
+<script setup lang="ts">
+import { onMounted, reactive, ref, watch } from 'vue'
+import { ElMessageBox } from 'element-plus'
+import { fetchFavorites, deleteFavorite } from '@/api/modules/favorite'
+import type { FavoriteItem } from '@/api/types/favorite'
+
+const loading = ref(false)
+const list = ref<FavoriteItem[]>([])
+const total = ref(0)
+
+const query = reactive({
+  page: 1,
+  per_page: 10,
+  search: '',
+  category: 'all',
+})
+
+async function load() {
+  loading.value = true
+  try {
+    const res = await fetchFavorites({
+      page: query.page,
+      per_page: query.per_page,
+      search: query.search.trim() || undefined,
+      category: query.category === 'all' ? undefined : query.category,
+    })
+    if (!res.success) {
+      ElMessage.error(res.message || '加载失败')
+      list.value = []
+      total.value = 0
+      return
+    }
+    list.value = res.data ?? []
+    total.value = res.total ?? 0
+  } catch (e) {
+    console.error(e)
+    ElMessage.error('网络错误，请确认 Flask 已启动且 Vite 代理指向正确端口')
+    list.value = []
+    total.value = 0
+  } finally {
+    loading.value = false
+  }
+}
+
+function onSearch() {
+  query.page = 1
+  load()
+}
+
+async function onDelete(row: FavoriteItem) {
+  try {
+    await ElMessageBox.confirm(`确定删除收藏 #${row.id} ？`, '确认', {
+      type: 'warning',
+      confirmButtonText: '删除',
+      cancelButtonText: '取消',
+    })
+  } catch {
+    return
+  }
+  try {
+    const r = await deleteFavorite(row.id)
+    if (!r.success) {
+      ElMessage.error(r.message || '删除失败')
+      return
+    }
+    ElMessage.success('已删除')
+    await load()
+  } catch {
+    ElMessage.error('删除请求失败')
+  }
+}
+
+onMounted(() => load())
+
+watch(
+  () => [query.page, query.per_page],
+  () => load(),
+)
+</script>
+
+<template>
+  <div class="favorites-page">
+    <el-card shadow="never" class="panel">
+      <template #header>
+        <div class="panel-head">
+          <span>我的收藏</span>
+          <el-tag type="info" size="small">试点模块 · 对接 /api/favorites</el-tag>
+        </div>
+      </template>
+
+      <el-form :inline="true" class="filters" @submit.prevent="onSearch">
+        <el-form-item label="搜索">
+          <el-input
+            v-model="query.search"
+            placeholder="原文 / 生成内容 / 备注"
+            clearable
+            style="width: 220px"
+            @clear="onSearch"
+          />
+        </el-form-item>
+        <el-form-item label="分类">
+          <el-select v-model="query.category" style="width: 140px" @change="onSearch">
+            <el-option label="全部" value="all" />
+            <el-option label="通用" value="通用" />
+            <el-option label="考试" value="考试" />
+          </el-select>
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" native-type="submit">查询</el-button>
+        </el-form-item>
+      </el-form>
+
+      <el-table v-loading="loading" :data="list" stripe empty-text="暂无收藏" style="width: 100%">
+        <el-table-column prop="id" label="ID" width="70" />
+        <el-table-column prop="category" label="分类" width="100" show-overflow-tooltip />
+        <el-table-column prop="original_text" label="原始需求" min-width="160" show-overflow-tooltip />
+        <el-table-column prop="generated_prompt" label="生成提示词" min-width="200" show-overflow-tooltip />
+        <el-table-column prop="created_time" label="创建时间" width="170" />
+        <el-table-column label="操作" width="100" fixed="right">
+          <template #default="{ row }">
+            <el-button type="danger" link @click="onDelete(row)"> 删除 </el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+
+      <div class="pager">
+        <el-pagination
+          v-model:current-page="query.page"
+          v-model:page-size="query.per_page"
+          :total="total"
+          :page-sizes="[10, 20, 50]"
+          layout="total, sizes, prev, pager, next"
+          background
+        />
+      </div>
+    </el-card>
+  </div>
+</template>
+
+<style scoped lang="scss">
+@use '@/assets/styles/variables' as *;
+
+.favorites-page {
+  .panel {
+    border-radius: 12px;
+    border: 1px solid $border-color;
+  }
+
+  .panel-head {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 1rem;
+    flex-wrap: wrap;
+  }
+
+  .filters {
+    margin-bottom: 1rem;
+  }
+
+  .pager {
+    margin-top: 1rem;
+    display: flex;
+    justify-content: flex-end;
+  }
+}
+</style>
diff --git a/vue-app/src/views/GenerateView.vue b/vue-app/src/views/GenerateView.vue
new file mode 100644
index 0000000..8c4abe2
--- /dev/null
+++ b/vue-app/src/views/GenerateView.vue
@@ -0,0 +1,504 @@
+<script setup lang="ts">
+import { computed, onMounted, ref, watch } from 'vue'
+import { useRouter } from 'vue-router'
+import { fetchGenerateMeta, fetchTemplatesByCategory, generatePrompt } from '@/api/modules/prompt'
+import { quickAddFavorite } from '@/api/modules/favorite'
+import type { PromptTemplateItem } from '@/api/types/template'
+
+const metaLoading = ref(true)
+const templatesLoading = ref(false)
+const generating = ref(false)
+
+const categories = ref<string[]>([])
+/** 全库维度（与 /api/generate/meta 一致）；当当前分类模板未打某一维标签时，该维下拉回退到此列表，避免只剩「全部」 */
+const globalIndustries = ref<string[]>([])
+const globalProfessions = ref<string[]>([])
+const globalSubCategories = ref<string[]>([])
+
+const activeCategory = ref('通用')
+const industry = ref('all')
+const profession = ref('all')
+const subCategory = ref('all')
+
+const templates = ref<PromptTemplateItem[]>([])
+const quickStart = ref<{ id: number; name: string; sample_input: string }[]>([])
+const selectedTemplateId = ref<number | undefined>(undefined)
+
+const inputText = ref('')
+const autoFillSample = ref(true)
+
+const result = ref<{ id: number; input_text: string; generated_text: string } | null>(null)
+
+const router = useRouter()
+
+const selectedTemplate = computed(
+  () => templates.value.find((t) => t.id === selectedTemplateId.value) ?? null,
+)
+
+const favoriting = ref(false)
+
+/** 筛选项必须来自「当前分类」已加载模板；meta 全库维度会导致选到本分类不存在的值（如 通用 + API测试） */
+function sortedUnique(values: (string | null | undefined)[]) {
+  return [...new Set(values.filter((x): x is string => Boolean(x && String(x).trim())))].sort((a, b) =>
+    a.localeCompare(b, 'zh-CN'),
+  )
+}
+
+function optionsForDimension(fromTemplates: string[], global: string[]) {
+  if (fromTemplates.length > 0) return fromTemplates
+  if (templates.value.length > 0 && global.length > 0) return global
+  return fromTemplates
+}
+
+const availableIndustries = computed(() =>
+  optionsForDimension(sortedUnique(templates.value.map((t) => t.industry)), globalIndustries.value),
+)
+const availableProfessions = computed(() =>
+  optionsForDimension(sortedUnique(templates.value.map((t) => t.profession)), globalProfessions.value),
+)
+const availableSubCategories = computed(() =>
+  optionsForDimension(sortedUnique(templates.value.map((t) => t.sub_category)), globalSubCategories.value),
+)
+
+const filteredTemplates = computed(() => {
+  return templates.value.filter((t) => {
+    if (industry.value !== 'all' && t.industry !== industry.value) return false
+    if (profession.value !== 'all' && t.profession !== profession.value) return false
+    if (subCategory.value !== 'all' && t.sub_category !== subCategory.value) return false
+    return true
+  })
+})
+
+const emptyTemplateHint = computed(() => {
+  if (!templates.value.length) return '当前分类暂无模板'
+  const narrowed =
+    industry.value !== 'all' || profession.value !== 'all' || subCategory.value !== 'all'
+  if (narrowed) {
+    return '当前分类下没有符合筛选条件的模板，请重置筛选或换一项'
+  }
+  return '无匹配模板，请调整筛选或切换场景'
+})
+
+/** 当前分类模板在某一维全部为空时，下拉使用全库列表，便于选到「本分类下无结果」的组合 */
+const filterFallbackHint = computed(() => {
+  if (!templates.value.length) return ''
+  const noIndustry = sortedUnique(templates.value.map((t) => t.industry)).length === 0
+  const noProfession = sortedUnique(templates.value.map((t) => t.profession)).length === 0
+  const noSub = sortedUnique(templates.value.map((t) => t.sub_category)).length === 0
+  if (!noIndustry && !noProfession && !noSub) return ''
+  return '提示：当前分类下部分模板未维护行业/职业/领域标签，下列为全库参考项；筛选过严时可能无匹配，可点「重置」。'
+})
+
+watch(filteredTemplates, (list) => {
+  if (!list.length) {
+    selectedTemplateId.value = undefined
+    return
+  }
+  if (selectedTemplateId.value == null || !list.some((x) => x.id === selectedTemplateId.value)) {
+    selectedTemplateId.value = list[0].id
+  }
+})
+
+watch(selectedTemplateId, (id) => {
+  if (!autoFillSample.value || id == null) return
+  const t = templates.value.find((x) => x.id === id)
+  if (t?.sample_input) inputText.value = t.sample_input
+})
+
+async function loadMeta() {
+  metaLoading.value = true
+  try {
+    const res = await fetchGenerateMeta()
+    if (!res.success) {
+      ElMessage.error('加载筛选数据失败')
+      return
+    }
+    categories.value = res.categories?.length ? res.categories : ['通用']
+    globalIndustries.value = res.industries ?? []
+    globalProfessions.value = res.professions ?? []
+    globalSubCategories.value = res.sub_categories ?? []
+    if (!categories.value.includes(activeCategory.value)) {
+      activeCategory.value = categories.value[0] ?? '通用'
+    }
+  } catch {
+    ElMessage.error('无法连接后端，请确认 Flask 已启动')
+  } finally {
+    metaLoading.value = false
+  }
+}
+
+function syncFiltersToLoadedTemplates() {
+  if (industry.value !== 'all' && !availableIndustries.value.includes(industry.value)) {
+    industry.value = 'all'
+  }
+  if (profession.value !== 'all' && !availableProfessions.value.includes(profession.value)) {
+    profession.value = 'all'
+  }
+  if (subCategory.value !== 'all' && !availableSubCategories.value.includes(subCategory.value)) {
+    subCategory.value = 'all'
+  }
+}
+
+async function loadTemplatesForCategory(cat: string) {
+  templatesLoading.value = true
+  result.value = null
+  try {
+    const res = await fetchTemplatesByCategory(cat)
+    if (!res.success) {
+      templates.value = []
+      quickStart.value = []
+      ElMessage.error('加载模板失败')
+      return
+    }
+    templates.value = res.templates ?? []
+    quickStart.value = res.quick_start ?? []
+    syncFiltersToLoadedTemplates()
+    const list = filteredTemplates.value
+    selectedTemplateId.value = list.length ? list[0].id : undefined
+  } catch {
+    templates.value = []
+    quickStart.value = []
+    ElMessage.error('模板接口请求失败')
+  } finally {
+    templatesLoading.value = false
+  }
+}
+
+function onCategoryTab(name: string | number) {
+  const cat = String(name)
+  activeCategory.value = cat
+  industry.value = 'all'
+  profession.value = 'all'
+  subCategory.value = 'all'
+  void loadTemplatesForCategory(cat)
+}
+
+function applyQuickStart(row: { id: number; name: string; sample_input: string }) {
+  selectedTemplateId.value = row.id
+  inputText.value = row.sample_input
+  ElMessage.success(`已选择「${row.name}」，已填入示例需求`)
+}
+
+function resetFilters() {
+  industry.value = 'all'
+  profession.value = 'all'
+  subCategory.value = 'all'
+}
+
+async function onSubmit() {
+  const text = inputText.value.trim()
+  if (!text) {
+    ElMessage.warning('请先描述需求')
+    return
+  }
+  if (selectedTemplateId.value == null) {
+    ElMessage.warning('请选择一个模板')
+    return
+  }
+  generating.value = true
+  result.value = null
+  try {
+    const res = await generatePrompt({
+      input_text: text,
+      template_id: selectedTemplateId.value,
+    })
+    if (!res.success) {
+      ElMessage.error(res.message || '生成失败')
+      return
+    }
+    if (res.prompt) {
+      result.value = res.prompt
+      ElMessage.success('生成成功')
+    }
+  } catch (e) {
+    console.error(e)
+    ElMessage.error('请求失败，请检查网络或后端日志')
+  } finally {
+    generating.value = false
+  }
+}
+
+async function copyResult() {
+  const t = result.value?.generated_text
+  if (!t) return
+  try {
+    await navigator.clipboard.writeText(t)
+    ElMessage.success('已复制到剪贴板')
+  } catch {
+    ElMessage.error('复制失败，请手动选择文本')
+  }
+}
+
+async function addToFavorites() {
+  if (!result.value || selectedTemplateId.value == null) return
+  const tpl = selectedTemplate.value
+  favoriting.value = true
+  try {
+    const res = await quickAddFavorite({
+      template_id: selectedTemplateId.value,
+      original_text: result.value.input_text,
+      generated_prompt: result.value.generated_text,
+      system_prompt: tpl?.system_prompt ?? null,
+      category: tpl?.category ?? null,
+    })
+    if (!res.success) {
+      ElMessage.error(res.message || '收藏失败')
+      return
+    }
+    ElMessage.success(res.message || '已加入收藏')
+  } catch {
+    ElMessage.error('收藏请求失败')
+  } finally {
+    favoriting.value = false
+  }
+}
+
+onMounted(async () => {
+  await loadMeta()
+  await loadTemplatesForCategory(activeCategory.value)
+})
+</script>
+
+<template>
+  <div v-loading="metaLoading" class="generate-page">
+    <el-page-header class="page-head" @back="router.push({ name: 'home' })">
+      <template #content>
+        <span class="page-title">提示词生成（Vue）</span>
+      </template>
+    </el-page-header>
+    <p class="page-desc">对接 <code>/api/generate/meta</code>、<code>/api/templates/&lt;分类&gt;</code>、<code>/api/prompt/generate</code></p>
+
+    <el-tabs v-model="activeCategory" class="cat-tabs" @tab-change="onCategoryTab">
+      <el-tab-pane v-for="c in categories" :key="c" :label="c" :name="c" />
+    </el-tabs>
+
+    <el-card shadow="never" class="section">
+      <template #header>快速开始</template>
+      <el-empty v-if="!quickStart.length && !templatesLoading" description="当前分类暂无快速开始项" />
+      <el-space v-else wrap>
+        <el-button
+          v-for="q in quickStart"
+          :key="q.id"
+          type="primary"
+          plain
+          size="small"
+          @click="applyQuickStart(q)"
+        >
+          {{ q.name }}
+        </el-button>
+      </el-space>
+    </el-card>
+
+    <el-card shadow="never" class="section">
+      <template #header>
+        <div class="section-head">
+          <span>筛选</span>
+          <el-button text type="primary" size="small" @click="resetFilters">重置</el-button>
+        </div>
+      </template>
+      <p v-if="filterFallbackHint" class="filter-fallback-hint">{{ filterFallbackHint }}</p>
+      <el-form label-width="72px" class="filter-form">
+        <el-row :gutter="12">
+          <el-col :xs="24" :sm="8">
+            <el-form-item label="行业">
+              <el-select v-model="industry" placeholder="全部" filterable style="width: 100%">
+                <el-option label="全部" value="all" />
+                <el-option v-for="i in availableIndustries" :key="i" :label="i" :value="i" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :xs="24" :sm="8">
+            <el-form-item label="职业">
+              <el-select v-model="profession" placeholder="全部" filterable style="width: 100%">
+                <el-option label="全部" value="all" />
+                <el-option v-for="p in availableProfessions" :key="p" :label="p" :value="p" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :xs="24" :sm="8">
+            <el-form-item label="领域">
+              <el-select v-model="subCategory" placeholder="全部" filterable style="width: 100%">
+                <el-option label="全部" value="all" />
+                <el-option v-for="s in availableSubCategories" :key="s" :label="s" :value="s" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+    </el-card>
+
+    <el-card v-loading="templatesLoading" shadow="never" class="section">
+      <template #header>选择模板</template>
+      <div class="auto-fill">
+        <el-checkbox v-model="autoFillSample">切换模板时自动填入示例需求</el-checkbox>
+      </div>
+      <el-empty v-if="!filteredTemplates.length" :description="emptyTemplateHint" />
+      <el-radio-group v-else v-model="selectedTemplateId" class="tpl-group">
+        <div v-for="t in filteredTemplates" :key="t.id" class="tpl-item">
+          <el-radio :value="t.id" class="tpl-radio" border>
+            <div class="tpl-body">
+              <div class="tpl-name">{{ t.name }}</div>
+              <div class="tpl-desc">{{ t.description || '暂无描述' }}</div>
+            </div>
+          </el-radio>
+        </div>
+      </el-radio-group>
+    </el-card>
+
+    <el-card shadow="never" class="section">
+      <template #header>描述需求</template>
+      <el-input
+        v-model="inputText"
+        type="textarea"
+        :rows="8"
+        maxlength="1000"
+        show-word-limit
+        placeholder="请描述目标、背景、约束与期望输出…"
+      />
+      <div class="actions">
+        <el-button type="primary" size="large" :loading="generating" @click="onSubmit">
+          生成专业提示词
+        </el-button>
+      </div>
+    </el-card>
+
+    <el-card v-if="result" shadow="never" class="section result-card">
+      <template #header>
+        <div class="result-head">
+          <span>生成结果</span>
+          <el-space>
+            <el-button type="primary" plain size="small" :loading="favoriting" @click="addToFavorites">
+              加入收藏
+            </el-button>
+            <el-button type="success" plain size="small" @click="copyResult">复制</el-button>
+          </el-space>
+        </div>
+      </template>
+      <pre class="result-pre">{{ result.generated_text }}</pre>
+    </el-card>
+  </div>
+</template>
+
+<style scoped lang="scss">
+@use '@/assets/styles/variables' as *;
+
+.generate-page {
+  .page-head {
+    margin-bottom: 0.5rem;
+  }
+
+  .page-title {
+    font-weight: 600;
+    font-size: 1.125rem;
+  }
+
+  .page-desc {
+    margin: 0 0 1rem;
+    font-size: 0.875rem;
+    color: $text-secondary;
+
+    code {
+      font-size: 0.8em;
+      padding: 0.1em 0.35em;
+      background: $gray-100;
+      border-radius: 4px;
+    }
+  }
+
+  .cat-tabs {
+    margin-bottom: 1rem;
+  }
+
+  .section {
+    margin-bottom: 1rem;
+    border-radius: 12px;
+    border: 1px solid $border-color;
+  }
+
+  .section-head {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 0.5rem;
+  }
+
+  .filter-fallback-hint {
+    margin: 0 0 0.75rem;
+    font-size: 0.8125rem;
+    line-height: 1.5;
+    color: $text-secondary;
+  }
+
+  .filter-form {
+    margin-bottom: 0;
+  }
+
+  .auto-fill {
+    margin-bottom: 0.75rem;
+  }
+
+  .tpl-group {
+    display: flex;
+    flex-direction: column;
+    gap: 0.5rem;
+    width: 100%;
+    align-items: stretch;
+  }
+
+  .tpl-item {
+    width: 100%;
+  }
+
+  .tpl-radio {
+    width: 100%;
+    height: auto;
+    margin-right: 0;
+    padding: 0.75rem 1rem;
+    align-items: flex-start;
+  }
+
+  .tpl-body {
+    padding-left: 0.25rem;
+  }
+
+  .tpl-name {
+    font-weight: 600;
+    color: $text-color;
+    margin-bottom: 0.25rem;
+  }
+
+  .tpl-desc {
+    font-size: 0.875rem;
+    color: $text-muted;
+    line-height: 1.45;
+    white-space: pre-wrap;
+  }
+
+  .actions {
+    margin-top: 1rem;
+    display: flex;
+    justify-content: center;
+  }
+
+  .result-card {
+    border-color: rgba(99, 102, 241, 0.35);
+  }
+
+  .result-head {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    width: 100%;
+  }
+
+  .result-pre {
+    margin: 0;
+    white-space: pre-wrap;
+    word-break: break-word;
+    font-family: ui-monospace, 'Cascadia Code', Consolas, monospace;
+    font-size: 0.875rem;
+    line-height: 1.55;
+    color: $text-color;
+  }
+}
+</style>
diff --git a/vue-app/src/views/HistoryView.vue b/vue-app/src/views/HistoryView.vue
new file mode 100644
index 0000000..d6505ff
--- /dev/null
+++ b/vue-app/src/views/HistoryView.vue
@@ -0,0 +1,287 @@
+<script setup lang="ts">
+import { onMounted, reactive, ref, watch } from 'vue'
+import { ElMessageBox } from 'element-plus'
+import { fetchHistoryList, deleteHistoryItem } from '@/api/modules/history'
+import type { HistoryItem } from '@/api/types/history'
+
+const loading = ref(false)
+const list = ref<HistoryItem[]>([])
+
+const query = reactive({
+  page: 1,
+  per_page: 15,
+  search: '',
+  sort: 'created_at',
+})
+
+const total = ref(0)
+
+const drawerVisible = ref(false)
+const detail = ref<HistoryItem | null>(null)
+
+function openDetail(row: HistoryItem) {
+  detail.value = row
+  drawerVisible.value = true
+}
+
+async function copyDetailPart(label: string, text: string | null | undefined) {
+  const t = (text ?? '').trim()
+  if (!t) {
+    ElMessage.warning('无内容可复制')
+    return
+  }
+  try {
+    await navigator.clipboard.writeText(t)
+    ElMessage.success(`已复制${label}`)
+  } catch {
+    ElMessage.error('复制失败，请手动选择文本')
+  }
+}
+
+async function load() {
+  loading.value = true
+  try {
+    const res = await fetchHistoryList({
+      page: query.page,
+      per_page: query.per_page,
+      search: query.search.trim() || undefined,
+      sort: query.sort,
+    })
+    if (!res.success || !res.data) {
+      ElMessage.error(res.message || '加载失败')
+      list.value = []
+      total.value = 0
+      return
+    }
+    list.value = res.data.history
+    total.value = res.data.pagination.total
+  } catch {
+    ElMessage.error('无法加载历史，请确认已登录且后端可用')
+    list.value = []
+    total.value = 0
+  } finally {
+    loading.value = false
+  }
+}
+
+function onSearch() {
+  query.page = 1
+  void load()
+}
+
+async function onDelete(row: HistoryItem) {
+  try {
+    await ElMessageBox.confirm(`删除历史记录 #${row.id}？`, '确认', { type: 'warning' })
+  } catch {
+    return
+  }
+  try {
+    const r = await deleteHistoryItem(row.id)
+    if (!r.success) {
+      ElMessage.error(r.message || '删除失败')
+      return
+    }
+    ElMessage.success('已删除')
+    await load()
+  } catch {
+    ElMessage.error('删除请求失败')
+  }
+}
+
+onMounted(() => load())
+
+watch(
+  () => [query.page, query.per_page, query.sort],
+  () => load(),
+)
+</script>
+
+<template>
+  <div class="history-page">
+    <el-page-header class="page-head" @back="$router.push({ name: 'home' })">
+      <template #content>
+        <span class="page-title">优化历史</span>
+      </template>
+    </el-page-header>
+    <p class="hint">数据来自 <code>/api/history</code>；登录后与 Session 中的用户对齐。</p>
+
+    <el-card shadow="never" class="panel">
+      <el-form :inline="true" class="toolbar" @submit.prevent="onSearch">
+        <el-form-item label="搜索">
+          <el-input
+            v-model="query.search"
+            placeholder="原文 / 生成内容"
+            clearable
+            style="width: 220px"
+            @clear="onSearch"
+          />
+        </el-form-item>
+        <el-form-item label="排序">
+          <el-select v-model="query.sort" style="width: 160px" @change="query.page = 1">
+            <el-option label="最近优先" value="created_at" />
+            <el-option label="评分优先" value="rating" />
+            <el-option label="耗时升序" value="generation_time" />
+          </el-select>
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" native-type="submit">查询</el-button>
+        </el-form-item>
+      </el-form>
+
+      <el-table v-loading="loading" :data="list" stripe empty-text="暂无记录" style="width: 100%">
+        <el-table-column prop="id" label="ID" width="72" />
+        <el-table-column prop="template_name" label="模板" width="120" show-overflow-tooltip />
+        <el-table-column prop="original_input" label="原始输入" min-width="160" show-overflow-tooltip />
+        <el-table-column prop="generated_prompt" label="生成内容" min-width="200" show-overflow-tooltip />
+        <el-table-column label="时间" width="180">
+          <template #default="{ row }">
+            {{ row.created_at?.replace('T', ' ').slice(0, 19) || '—' }}
+          </template>
+        </el-table-column>
+        <el-table-column label="操作" width="132" fixed="right">
+          <template #default="{ row }">
+            <el-button type="primary" link @click="openDetail(row)">详情</el-button>
+            <el-button type="danger" link @click="onDelete(row)">删除</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+
+      <div class="pager">
+        <el-pagination
+          v-model:current-page="query.page"
+          v-model:page-size="query.per_page"
+          :total="total"
+          :page-sizes="[10, 15, 30, 50]"
+          layout="total, sizes, prev, pager, next"
+          background
+        />
+      </div>
+    </el-card>
+
+    <el-drawer
+      v-model="drawerVisible"
+      :title="detail ? `历史 #${detail.id}` : '详情'"
+      direction="rtl"
+      size="min(520px, 92vw)"
+      destroy-on-close
+      @closed="detail = null"
+    >
+      <template v-if="detail">
+        <div class="detail-block">
+          <div class="detail-label">模板</div>
+          <div class="detail-value">{{ detail.template_name || '—' }}</div>
+        </div>
+        <div class="detail-block">
+          <div class="detail-head">
+            <div class="detail-label">原始输入</div>
+            <el-button size="small" @click="copyDetailPart('原始输入', detail.original_input)">
+              复制
+            </el-button>
+          </div>
+          <pre class="detail-pre">{{ detail.original_input || '—' }}</pre>
+        </div>
+        <div class="detail-block">
+          <div class="detail-head">
+            <div class="detail-label">生成内容</div>
+            <el-button size="small" @click="copyDetailPart('生成内容', detail.generated_prompt)">
+              复制
+            </el-button>
+          </div>
+          <pre class="detail-pre">{{ detail.generated_prompt || '—' }}</pre>
+        </div>
+        <div class="detail-meta">
+          <span v-if="detail.generation_time != null">耗时 {{ detail.generation_time }} ms</span>
+          <span v-if="detail.created_at"> · {{ detail.created_at.replace('T', ' ').slice(0, 19) }}</span>
+        </div>
+      </template>
+    </el-drawer>
+  </div>
+</template>
+
+<style scoped lang="scss">
+@use '@/assets/styles/variables' as *;
+
+.history-page {
+  .page-head {
+    margin-bottom: 0.5rem;
+  }
+
+  .page-title {
+    font-weight: 600;
+    font-size: 1.125rem;
+  }
+
+  .hint {
+    margin: 0 0 1rem;
+    font-size: 0.875rem;
+    color: $text-secondary;
+
+    code {
+      font-size: 0.8em;
+      padding: 0.1em 0.35em;
+      background: $gray-100;
+      border-radius: 4px;
+    }
+  }
+
+  .panel {
+    border-radius: 12px;
+    border: 1px solid $border-color;
+  }
+
+  .toolbar {
+    margin-bottom: 0.75rem;
+  }
+
+  .pager {
+    margin-top: 1rem;
+    display: flex;
+    justify-content: flex-end;
+  }
+
+  .detail-block {
+    margin-bottom: 1rem;
+  }
+
+  .detail-head {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 0.5rem;
+    margin-bottom: 0.35rem;
+  }
+
+  .detail-label {
+    font-size: 0.75rem;
+    font-weight: 600;
+    color: $text-muted;
+    text-transform: uppercase;
+    letter-spacing: 0.02em;
+    margin-bottom: 0;
+  }
+
+  .detail-value {
+    font-size: 0.9375rem;
+    color: $text-color;
+  }
+
+  .detail-pre {
+    margin: 0;
+    padding: 0.75rem;
+    border-radius: 8px;
+    background: $gray-100;
+    font-family: ui-monospace, 'Cascadia Code', Consolas, monospace;
+    font-size: 0.8125rem;
+    line-height: 1.55;
+    white-space: pre-wrap;
+    word-break: break-word;
+    color: $text-color;
+  }
+
+  .detail-meta {
+    margin-top: 0.5rem;
+    font-size: 0.8125rem;
+    color: $text-secondary;
+  }
+}
+</style>
diff --git a/vue-app/src/views/HomeView.vue b/vue-app/src/views/HomeView.vue
new file mode 100644
index 0000000..b944eed
--- /dev/null
+++ b/vue-app/src/views/HomeView.vue
@@ -0,0 +1,92 @@
+<script setup lang="ts">
+import { useAuthStore } from '@/stores/auth'
+
+const auth = useAuthStore()
+const flaskOrigin = import.meta.env.VITE_FLASK_ORIGIN || ''
+const generateUrl = flaskOrigin ? `${flaskOrigin}/` : '/'
+
+function openLegacyGenerate() {
+  window.location.href = generateUrl
+}
+</script>
+
+<template>
+  <div class="home">
+    <el-card shadow="never" class="hero">
+      <h1>Vue 3 前端试验田</h1>
+      <p class="lead">
+        与现有 Flask 后端并行开发：开发时 Vite 将 <code>/api</code>、<code>/poetry</code>、<code>/static</code> 代理到后端；会话使用 Cookie（
+        <code>withCredentials</code>
+        ）。建议开发使用 <strong>127.0.0.1:3000</strong>。经典版生成页也可从顶部 <strong>更多</strong> 菜单进入。
+      </p>
+      <el-space wrap>
+        <el-button type="primary" @click="$router.push({ name: 'generate' })">Vue 提示词生成</el-button>
+        <el-button @click="$router.push({ name: 'optimization' })">提示词优化</el-button>
+        <el-button @click="$router.push({ name: 'resume-optimization' })">简历 / 求职信</el-button>
+        <el-button @click="openLegacyGenerate">经典生成页（Flask）</el-button>
+        <el-button @click="$router.push({ name: 'favorites' })">收藏列表</el-button>
+        <el-button @click="$router.push({ name: 'history' })">优化历史</el-button>
+        <el-button @click="$router.push({ name: 'meal-planning' })">饭菜规划</el-button>
+        <el-button @click="$router.push({ name: 'poetry' })">古诗词</el-button>
+        <el-button @click="$router.push({ name: 'android-tools' })">Android 工具</el-button>
+        <el-button @click="$router.push({ name: 'profile' })">个人资料</el-button>
+      </el-space>
+    </el-card>
+
+    <el-card shadow="never" class="status">
+      <template #header>会话状态</template>
+      <p v-if="!auth.ready">正在检测登录状态…</p>
+      <template v-else>
+        <p v-if="auth.loggedIn">
+          已登录：<strong>{{ auth.nickname || auth.userId }}</strong>
+        </p>
+        <p v-else>未登录（收藏接口仍可能按访客策略返回数据，取决于后端）。</p>
+      </template>
+    </el-card>
+  </div>
+</template>
+
+<style scoped lang="scss">
+@use '@/assets/styles/variables' as *;
+
+.home {
+  display: flex;
+  flex-direction: column;
+  gap: 1.25rem;
+}
+
+.hero {
+  border-radius: 12px;
+  border: 1px solid $border-color;
+
+  h1 {
+    margin: 0 0 0.75rem;
+    font-size: 1.5rem;
+    color: $text-color;
+  }
+}
+
+.lead {
+  margin: 0 0 1.25rem;
+  line-height: 1.65;
+  color: $text-secondary;
+  font-size: 0.95rem;
+
+  code {
+    font-size: 0.85em;
+    padding: 0.1em 0.35em;
+    background: $gray-100;
+    border-radius: 4px;
+  }
+}
+
+.status {
+  border-radius: 12px;
+  border: 1px solid $border-color;
+
+  p {
+    margin: 0;
+    color: $text-secondary;
+  }
+}
+</style>
diff --git a/vue-app/src/views/MealPlanningView.vue b/vue-app/src/views/MealPlanningView.vue
new file mode 100644
index 0000000..29fb8a7
--- /dev/null
+++ b/vue-app/src/views/MealPlanningView.vue
@@ -0,0 +1,316 @@
+<script setup lang="ts">
+import { onMounted, reactive, ref } from 'vue'
+import { useRouter } from 'vue-router'
+import { ElMessageBox } from 'element-plus'
+import { deleteMealPlan, fetchMealPlanList, generateMealPlan, saveMealPlan } from '@/api/modules/meal'
+import type { MealPlanRow } from '@/api/types/meal'
+
+const router = useRouter()
+
+const form = reactive({
+  region_type: '全国',
+  diner_count: '2',
+  meal_type: '午餐',
+  hometown: '',
+  preferences: '',
+  dietary_restrictions: '',
+  budget: '100',
+})
+
+const regionOptions = ['全国', '川菜', '粤菜', '江浙菜', '北方菜', '西北风味', '家常菜']
+const mealTypes = ['早餐', '午餐', '晚餐', '夜宵', '聚餐']
+
+const generating = ref(false)
+const saving = ref(false)
+const planText = ref('')
+const lastParams = ref<typeof form | null>(null)
+
+const listLoading = ref(false)
+const plans = ref<MealPlanRow[]>([])
+const page = ref(1)
+const perPage = ref(10)
+const total = ref(0)
+
+async function loadList() {
+  listLoading.value = true
+  try {
+    const res = await fetchMealPlanList({ page: page.value, per_page: perPage.value })
+    if (!res.success || !res.data) {
+      plans.value = []
+      total.value = 0
+      if (res.message) ElMessage.error(res.message)
+      return
+    }
+    plans.value = res.data.plans
+    total.value = res.data.pagination.total
+  } catch {
+    plans.value = []
+    total.value = 0
+    ElMessage.error('加载规划列表失败')
+  } finally {
+    listLoading.value = false
+  }
+}
+
+async function onGenerate() {
+  const hometown = form.hometown.trim()
+  if (!hometown) {
+    ElMessage.warning('请填写用餐者家乡')
+    return
+  }
+  generating.value = true
+  planText.value = ''
+  try {
+    const res = await generateMealPlan({
+      region_type: form.region_type,
+      diner_count: form.diner_count,
+      meal_type: form.meal_type,
+      hometown,
+      preferences: form.preferences.trim(),
+      dietary_restrictions: form.dietary_restrictions.trim(),
+      budget: form.budget,
+    })
+    if (!res.success || !res.data) {
+      ElMessage.error(res.message || '生成失败')
+      return
+    }
+    planText.value = res.data.meal_plan
+    lastParams.value = { ...form, hometown }
+    ElMessage.success('已生成，可保存到「我的规划」')
+  } catch {
+    ElMessage.error('请求失败，请确认后端已启动')
+  } finally {
+    generating.value = false
+  }
+}
+
+async function onSave() {
+  if (!planText.value.trim() || !lastParams.value) {
+    ElMessage.warning('请先生成规划')
+    return
+  }
+  const p = lastParams.value
+  saving.value = true
+  try {
+    const res = await saveMealPlan({
+      meal_plan_content: planText.value,
+      region_type: p.region_type,
+      diner_count: p.diner_count,
+      meal_type: p.meal_type,
+      hometown: p.hometown,
+      preferences: p.preferences,
+      dietary_restrictions: p.dietary_restrictions,
+      budget: p.budget,
+    })
+    if (!res.success) {
+      ElMessage.error(res.message || '保存失败')
+      return
+    }
+    ElMessage.success(res.message || '已保存')
+    await loadList()
+  } catch {
+    ElMessage.error('保存请求失败')
+  } finally {
+    saving.value = false
+  }
+}
+
+async function copyPlan() {
+  if (!planText.value) return
+  try {
+    await navigator.clipboard.writeText(planText.value)
+    ElMessage.success('已复制')
+  } catch {
+    ElMessage.error('复制失败')
+  }
+}
+
+function onPageSizeChange() {
+  page.value = 1
+  void loadList()
+}
+
+async function onDeleteRow(row: MealPlanRow) {
+  try {
+    await ElMessageBox.confirm(`删除规划 #${row.id}？`, '确认', { type: 'warning' })
+  } catch {
+    return
+  }
+  try {
+    const r = await deleteMealPlan(row.id)
+    if (!r.success) {
+      ElMessage.error(r.message || '删除失败')
+      return
+    }
+    ElMessage.success('已删除')
+    await loadList()
+  } catch {
+    ElMessage.error('删除失败')
+  }
+}
+
+onMounted(() => loadList())
+</script>
+
+<template>
+  <div class="meal-page">
+    <el-page-header class="page-head" @back="router.push({ name: 'home' })">
+      <template #content>
+        <span class="page-title">智能饭菜规划</span>
+      </template>
+    </el-page-header>
+    <p class="hint">对接 <code>/api/meal-planning/*</code>；保存与列表与登录 Session 对齐（未登录时后端可能落到默认用户）。</p>
+
+    <el-card shadow="never" class="section">
+      <template #header>参数</template>
+      <el-form label-width="100px" class="meal-form">
+        <el-row :gutter="12">
+          <el-col :xs="24" :sm="12">
+            <el-form-item label="地区风味">
+              <el-select v-model="form.region_type" filterable style="width: 100%">
+                <el-option v-for="r in regionOptions" :key="r" :label="r" :value="r" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :xs="24" :sm="12">
+            <el-form-item label="就餐人数">
+              <el-input v-model="form.diner_count" placeholder="如 2、3～4" />
+            </el-form-item>
+          </el-col>
+          <el-col :xs="24" :sm="12">
+            <el-form-item label="餐次">
+              <el-select v-model="form.meal_type" style="width: 100%">
+                <el-option v-for="m in mealTypes" :key="m" :label="m" :value="m" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :xs="24" :sm="12">
+            <el-form-item label="预算(元)">
+              <el-input v-model="form.budget" placeholder="如 100" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="24">
+            <el-form-item label="家乡" required>
+              <el-input v-model="form.hometown" placeholder="必填，如 成都、杭州" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="24">
+            <el-form-item label="喜好">
+              <el-input v-model="form.preferences" type="textarea" :rows="2" placeholder="口味、必吃/不想吃等" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="24">
+            <el-form-item label="禁忌">
+              <el-input v-model="form.dietary_restrictions" type="textarea" :rows="2" placeholder="过敏、宗教饮食等" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-button type="primary" :loading="generating" @click="onGenerate">生成饭菜清单</el-button>
+      </el-form>
+    </el-card>
+
+    <el-card v-if="planText" shadow="never" class="section">
+      <template #header>
+        <div class="result-head">
+          <span>生成结果</span>
+          <el-space>
+            <el-button size="small" @click="copyPlan">复制</el-button>
+            <el-button type="primary" size="small" :loading="saving" @click="onSave">保存到我的规划</el-button>
+          </el-space>
+        </div>
+      </template>
+      <pre class="result-pre">{{ planText }}</pre>
+    </el-card>
+
+    <el-card shadow="never" class="section">
+      <template #header>我的规划</template>
+      <el-table v-loading="listLoading" :data="plans" stripe empty-text="暂无保存记录" style="width: 100%">
+        <el-table-column prop="id" label="ID" width="72" />
+        <el-table-column prop="meal_type" label="餐次" width="88" />
+        <el-table-column prop="hometown" label="家乡" width="100" show-overflow-tooltip />
+        <el-table-column prop="diner_count" label="人数" width="80" />
+        <el-table-column prop="budget" label="预算" width="88" />
+        <el-table-column prop="meal_plan_content" label="摘要" min-width="160" show-overflow-tooltip />
+        <el-table-column prop="created_at" label="时间" width="180" show-overflow-tooltip />
+        <el-table-column label="操作" width="88" fixed="right">
+          <template #default="{ row }">
+            <el-button type="danger" link @click="onDeleteRow(row)">删除</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+      <div class="pager">
+        <el-pagination
+          v-model:current-page="page"
+          v-model:page-size="perPage"
+          :total="total"
+          :page-sizes="[10, 20, 50]"
+          layout="total, sizes, prev, pager, next"
+          background
+          @current-change="loadList"
+          @size-change="onPageSizeChange"
+        />
+      </div>
+    </el-card>
+  </div>
+</template>
+
+<style scoped lang="scss">
+@use '@/assets/styles/variables' as *;
+
+.meal-page {
+  .page-head {
+    margin-bottom: 0.5rem;
+  }
+
+  .page-title {
+    font-weight: 600;
+    font-size: 1.125rem;
+  }
+
+  .hint {
+    margin: 0 0 1rem;
+    font-size: 0.875rem;
+    color: $text-secondary;
+
+    code {
+      font-size: 0.8em;
+      padding: 0.1em 0.35em;
+      background: $gray-100;
+      border-radius: 4px;
+    }
+  }
+
+  .section {
+    margin-bottom: 1rem;
+    border-radius: 12px;
+    border: 1px solid $border-color;
+  }
+
+  .meal-form {
+    max-width: 720px;
+  }
+
+  .result-head {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    width: 100%;
+  }
+
+  .result-pre {
+    margin: 0;
+    white-space: pre-wrap;
+    word-break: break-word;
+    font-family: ui-monospace, 'Cascadia Code', Consolas, monospace;
+    font-size: 0.875rem;
+    line-height: 1.55;
+    color: $text-color;
+  }
+
+  .pager {
+    margin-top: 1rem;
+    display: flex;
+    justify-content: flex-end;
+  }
+}
+</style>
diff --git a/vue-app/src/views/OptimizationView.vue b/vue-app/src/views/OptimizationView.vue
new file mode 100644
index 0000000..b4ab19e
--- /dev/null
+++ b/vue-app/src/views/OptimizationView.vue
@@ -0,0 +1,227 @@
+<script setup lang="ts">
+import { ref } from 'vue'
+import { useRouter } from 'vue-router'
+import { generateQuickOptimization, generateSmartOptimization } from '@/api/modules/optimization'
+
+const router = useRouter()
+
+const activeMode = ref('smart')
+
+const smartInput = ref('')
+const smartLoading = ref(false)
+const intentDisplay = ref('')
+const smartResult = ref('')
+
+const quickInput = ref('')
+const quickLoading = ref(false)
+const quickResult = ref('')
+
+async function onSmartSubmit() {
+  const t = smartInput.value.trim()
+  if (!t) {
+    ElMessage.warning('请描述您的需求或粘贴待优化的提示词')
+    return
+  }
+  smartLoading.value = true
+  intentDisplay.value = ''
+  smartResult.value = ''
+  try {
+    const res = await generateSmartOptimization({ input_text: t })
+    if (res.code !== 200 || !res.data) {
+      ElMessage.error(res.message || '生成失败')
+      return
+    }
+    intentDisplay.value = JSON.stringify(res.data.intent_analysis, null, 2)
+    smartResult.value = res.data.generated_prompt
+    ElMessage.success('优化完成（已写入历史）')
+  } catch {
+    ElMessage.error('请求失败，请确认后端可用')
+  } finally {
+    smartLoading.value = false
+  }
+}
+
+async function onQuickSubmit() {
+  const t = quickInput.value.trim()
+  if (!t) {
+    ElMessage.warning('请输入需求描述')
+    return
+  }
+  quickLoading.value = true
+  quickResult.value = ''
+  try {
+    const res = await generateQuickOptimization({ input_text: t })
+    if (!res.success || !res.data) {
+      ElMessage.error(res.message || '生成失败')
+      return
+    }
+    quickResult.value = res.data.generated_text
+    ElMessage.success('优化完成')
+  } catch {
+    ElMessage.error('请求失败')
+  } finally {
+    quickLoading.value = false
+  }
+}
+
+async function copyText(text: string, label: string) {
+  if (!text) return
+  try {
+    await navigator.clipboard.writeText(text)
+    ElMessage.success(`已复制${label}`)
+  } catch {
+    ElMessage.error('复制失败')
+  }
+}
+</script>
+
+<template>
+  <div class="opt-page">
+    <el-page-header class="page-head" @back="router.push({ name: 'home' })">
+      <template #content>
+        <span class="page-title">提示词优化</span>
+      </template>
+    </el-page-header>
+    <p class="hint">
+      <strong>智能优化</strong>对接
+      <code>/api/smart-prompt-optimization/generate</code>
+      （意图分析 + 专家级输出）；<strong>快速优化</strong>对接
+      <code>/api/prompt-optimization/generate</code>
+      。
+    </p>
+
+    <el-tabs v-model="activeMode" class="tabs">
+      <el-tab-pane label="智能优化（两阶段）" name="smart">
+        <el-card shadow="never" class="section">
+          <el-input
+            v-model="smartInput"
+            type="textarea"
+            :rows="10"
+            maxlength="8000"
+            show-word-limit
+            placeholder="请描述需求，或粘贴一段希望改写成「专家级提示词」的原文…"
+          />
+          <div class="actions">
+            <el-button type="primary" :loading="smartLoading" @click="onSmartSubmit">
+              生成专家级提示词
+            </el-button>
+          </div>
+        </el-card>
+
+        <template v-if="intentDisplay || smartResult">
+          <el-card v-if="intentDisplay" shadow="never" class="section">
+            <template #header>
+              <div class="result-head">
+                <span>意图分析</span>
+                <el-button size="small" @click="copyText(intentDisplay, '意图分析')">复制 JSON</el-button>
+              </div>
+            </template>
+            <pre class="result-pre">{{ intentDisplay }}</pre>
+          </el-card>
+          <el-card v-if="smartResult" shadow="never" class="section highlight">
+            <template #header>
+              <div class="result-head">
+                <span>专家级提示词</span>
+                <el-button type="primary" size="small" @click="copyText(smartResult, '提示词')">
+                  复制
+                </el-button>
+              </div>
+            </template>
+            <pre class="result-pre">{{ smartResult }}</pre>
+          </el-card>
+        </template>
+      </el-tab-pane>
+
+      <el-tab-pane label="快速优化（通用模板）" name="quick">
+        <el-card shadow="never" class="section">
+          <el-input
+            v-model="quickInput"
+            type="textarea"
+            :rows="10"
+            maxlength="4000"
+            show-word-limit
+            placeholder="输入简短需求描述，使用站内默认「通用提示词优化」模板生成结构化 Prompt…"
+          />
+          <div class="actions">
+            <el-button type="primary" :loading="quickLoading" @click="onQuickSubmit">快速优化</el-button>
+          </div>
+        </el-card>
+        <el-card v-if="quickResult" shadow="never" class="section highlight">
+          <template #header>
+            <div class="result-head">
+              <span>优化结果</span>
+              <el-button type="primary" size="small" @click="copyText(quickResult, '结果')">
+                复制
+              </el-button>
+            </div>
+          </template>
+          <pre class="result-pre">{{ quickResult }}</pre>
+        </el-card>
+      </el-tab-pane>
+    </el-tabs>
+  </div>
+</template>
+
+<style scoped lang="scss">
+@use '@/assets/styles/variables' as *;
+
+.opt-page {
+  .page-head {
+    margin-bottom: 0.5rem;
+  }
+
+  .page-title {
+    font-weight: 600;
+    font-size: 1.125rem;
+  }
+
+  .hint {
+    margin: 0 0 1rem;
+    font-size: 0.875rem;
+    line-height: 1.55;
+    color: $text-secondary;
+
+    code {
+      font-size: 0.78em;
+      padding: 0.1em 0.35em;
+      background: $gray-100;
+      border-radius: 4px;
+    }
+  }
+
+  .tabs {
+    margin-top: 0.25rem;
+  }
+
+  .section {
+    margin-bottom: 1rem;
+    border-radius: 12px;
+    border: 1px solid $border-color;
+
+    &.highlight {
+      border-color: rgba(99, 102, 241, 0.35);
+    }
+  }
+
+  .actions {
+    margin-top: 1rem;
+  }
+
+  .result-head {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    width: 100%;
+  }
+
+  .result-pre {
+    margin: 0;
+    white-space: pre-wrap;
+    word-break: break-word;
+    font-family: ui-monospace, 'Cascadia Code', Consolas, monospace;
+    font-size: 0.875rem;
+    line-height: 1.55;
+    color: $text-color;
+  }
+}
+</style>
diff --git a/vue-app/src/views/PoetryView.vue b/vue-app/src/views/PoetryView.vue
new file mode 100644
index 0000000..cd0e8c3
--- /dev/null
+++ b/vue-app/src/views/PoetryView.vue
@@ -0,0 +1,359 @@
+<script setup lang="ts">
+import { onMounted, reactive, ref, watch } from 'vue'
+import { useRouter } from 'vue-router'
+import { ElMessageBox } from 'element-plus'
+import { addPoetryFavorite, analyzePoetry, deletePoetryFavorite, fetchPoetryFavorites } from '@/api/modules/poetry'
+import type { PoetryFavoriteSummary } from '@/api/types/poetry'
+
+const router = useRouter()
+
+const activeTab = ref('analyze')
+
+const form = reactive({
+  poetry_title: '',
+  author: '',
+  dynasty: '',
+  translation_style: '优美流畅',
+  interpretation_depth: '深入浅出',
+  purpose: '学习欣赏',
+  target_audience: '一般读者',
+  translation_quality: '高质量',
+  annotation_detail: '详细准确',
+  interpretation_level: '深入浅出',
+})
+
+const analyzing = ref(false)
+const resultText = ref('')
+const poetryInfo = ref<{ title: string; author: string; dynasty: string } | null>(null)
+
+const favoriting = ref(false)
+
+const favLoading = ref(false)
+const favorites = ref<PoetryFavoriteSummary[]>([])
+const favPage = ref(1)
+const favPerPage = ref(10)
+const favTotal = ref(0)
+
+async function loadFavorites() {
+  favLoading.value = true
+  try {
+    const res = await fetchPoetryFavorites({
+      page: favPage.value,
+      per_page: favPerPage.value,
+    })
+    if (!res.success) {
+      favorites.value = []
+      favTotal.value = 0
+      if (res.message) ElMessage.error(res.message)
+      return
+    }
+    favorites.value = res.data ?? []
+    favTotal.value = res.total ?? 0
+  } catch {
+    favorites.value = []
+    favTotal.value = 0
+    ElMessage.error('加载收藏失败')
+  } finally {
+    favLoading.value = false
+  }
+}
+
+watch(activeTab, (t) => {
+  if (t === 'favorites') void loadFavorites()
+})
+
+async function onAnalyze() {
+  const title = form.poetry_title.trim()
+  const author = form.author.trim()
+  if (!title) {
+    ElMessage.warning('请输入诗词标题')
+    return
+  }
+  if (!author) {
+    ElMessage.warning('请输入作者')
+    return
+  }
+  analyzing.value = true
+  resultText.value = ''
+  poetryInfo.value = null
+  try {
+    const res = await analyzePoetry({
+      poetry_title: title,
+      author,
+      dynasty: form.dynasty.trim(),
+      translation_style: form.translation_style,
+      interpretation_depth: form.interpretation_depth,
+      purpose: form.purpose,
+      target_audience: form.target_audience,
+      translation_quality: form.translation_quality,
+      annotation_detail: form.annotation_detail,
+      interpretation_level: form.interpretation_level,
+    })
+    if (!res.success) {
+      ElMessage.error(res.message || '解析失败')
+      return
+    }
+    resultText.value = res.result ?? ''
+    poetryInfo.value = res.poetry_info ?? { title, author, dynasty: form.dynasty.trim() }
+    ElMessage.success('解析完成')
+  } catch {
+    ElMessage.error('请求失败，请确认 Vite 已代理 /poetry 且后端可用')
+  } finally {
+    analyzing.value = false
+  }
+}
+
+async function onFavorite() {
+  if (!resultText.value.trim() || !poetryInfo.value) {
+    ElMessage.warning('请先完成解析')
+    return
+  }
+  const info = poetryInfo.value
+  favoriting.value = true
+  try {
+    const res = await addPoetryFavorite({
+      poetry_title: info.title,
+      author: info.author,
+      dynasty: info.dynasty || form.dynasty.trim() || undefined,
+      analysis_result: resultText.value,
+      translation_style: form.translation_style,
+      interpretation_depth: form.interpretation_depth,
+      purpose: form.purpose,
+      target_audience: form.target_audience,
+      translation_quality: form.translation_quality,
+      annotation_detail: form.annotation_detail,
+      interpretation_level: form.interpretation_level,
+    })
+    if (!res.success) {
+      ElMessage.error(res.message || '收藏失败')
+      return
+    }
+    ElMessage.success(res.message || '已收藏')
+  } catch {
+    ElMessage.error('收藏请求失败')
+  } finally {
+    favoriting.value = false
+  }
+}
+
+async function copyResult() {
+  if (!resultText.value) return
+  try {
+    await navigator.clipboard.writeText(resultText.value)
+    ElMessage.success('已复制')
+  } catch {
+    ElMessage.error('复制失败')
+  }
+}
+
+async function onDeleteFav(row: PoetryFavoriteSummary) {
+  try {
+    await ElMessageBox.confirm(`删除收藏「${row.poetry_title}」？`, '确认', { type: 'warning' })
+  } catch {
+    return
+  }
+  try {
+    const r = await deletePoetryFavorite(row.id)
+    if (!r.success) {
+      ElMessage.error(r.message || '删除失败')
+      return
+    }
+    ElMessage.success('已删除')
+    await loadFavorites()
+  } catch {
+    ElMessage.error('删除失败')
+  }
+}
+
+function onFavPageSizeChange() {
+  favPage.value = 1
+  void loadFavorites()
+}
+
+onMounted(() => {
+  if (activeTab.value === 'favorites') void loadFavorites()
+})
+</script>
+
+<template>
+  <div class="poetry-page">
+    <el-page-header class="page-head" @back="router.push({ name: 'home' })">
+      <template #content>
+        <span class="page-title">古诗词解析</span>
+      </template>
+    </el-page-header>
+    <p class="hint">
+      解析接口为 <code>/poetry/analyze</code>（非 <code>/api</code>），开发时已在 Vite 中配置代理。
+    </p>
+
+    <el-tabs v-model="activeTab" class="tabs">
+      <el-tab-pane label="解析" name="analyze">
+        <el-card shadow="never" class="section">
+          <el-form label-width="112px" class="poetry-form">
+            <el-form-item label="诗词标题" required>
+              <el-input v-model="form.poetry_title" placeholder="如 静夜思" clearable />
+            </el-form-item>
+            <el-form-item label="作者" required>
+              <el-input v-model="form.author" placeholder="如 李白" clearable />
+            </el-form-item>
+            <el-form-item label="朝代">
+              <el-input v-model="form.dynasty" placeholder="如 唐（可选）" clearable />
+            </el-form-item>
+            <el-collapse class="adv">
+              <el-collapse-item title="高级选项（译文风格、受众等）" name="adv">
+                <el-form-item label="翻译风格">
+                  <el-input v-model="form.translation_style" />
+                </el-form-item>
+                <el-form-item label="解读深度">
+                  <el-input v-model="form.interpretation_depth" />
+                </el-form-item>
+                <el-form-item label="使用目的">
+                  <el-input v-model="form.purpose" />
+                </el-form-item>
+                <el-form-item label="目标读者">
+                  <el-input v-model="form.target_audience" />
+                </el-form-item>
+                <el-form-item label="译文质量">
+                  <el-input v-model="form.translation_quality" />
+                </el-form-item>
+                <el-form-item label="注释详细度">
+                  <el-input v-model="form.annotation_detail" />
+                </el-form-item>
+                <el-form-item label="解读层次">
+                  <el-input v-model="form.interpretation_level" />
+                </el-form-item>
+              </el-collapse-item>
+            </el-collapse>
+            <el-form-item>
+              <el-button type="primary" :loading="analyzing" @click="onAnalyze">开始解析</el-button>
+            </el-form-item>
+          </el-form>
+        </el-card>
+
+        <el-card v-if="resultText" shadow="never" class="section">
+          <template #header>
+            <div class="result-head">
+              <span>解析结果</span>
+              <el-space>
+                <el-button size="small" @click="copyResult">复制</el-button>
+                <el-button type="primary" size="small" :loading="favoriting" @click="onFavorite">
+                  加入收藏
+                </el-button>
+              </el-space>
+            </div>
+          </template>
+          <pre class="result-pre">{{ resultText }}</pre>
+        </el-card>
+      </el-tab-pane>
+
+      <el-tab-pane label="我的收藏" name="favorites">
+        <el-card shadow="never" class="section">
+          <el-table
+            v-loading="favLoading"
+            :data="favorites"
+            stripe
+            empty-text="暂无收藏"
+            style="width: 100%"
+          >
+            <el-table-column prop="poetry_title" label="标题" min-width="120" show-overflow-tooltip />
+            <el-table-column prop="author" label="作者" width="100" show-overflow-tooltip />
+            <el-table-column prop="dynasty" label="朝代" width="72" />
+            <el-table-column prop="created_time" label="时间" width="168" />
+            <el-table-column label="操作" width="88" fixed="right">
+              <template #default="{ row }">
+                <el-button type="danger" link @click="onDeleteFav(row)">删除</el-button>
+              </template>
+            </el-table-column>
+          </el-table>
+          <div class="pager">
+            <el-pagination
+              v-model:current-page="favPage"
+              v-model:page-size="favPerPage"
+              :total="favTotal"
+              :page-sizes="[10, 20, 50]"
+              layout="total, sizes, prev, pager, next"
+              background
+              @current-change="loadFavorites"
+              @size-change="onFavPageSizeChange"
+            />
+          </div>
+        </el-card>
+      </el-tab-pane>
+    </el-tabs>
+  </div>
+</template>
+
+<style scoped lang="scss">
+@use '@/assets/styles/variables' as *;
+
+.poetry-page {
+  .page-head {
+    margin-bottom: 0.5rem;
+  }
+
+  .page-title {
+    font-weight: 600;
+    font-size: 1.125rem;
+  }
+
+  .hint {
+    margin: 0 0 1rem;
+    font-size: 0.875rem;
+    color: $text-secondary;
+
+    code {
+      font-size: 0.8em;
+      padding: 0.1em 0.35em;
+      background: $gray-100;
+      border-radius: 4px;
+    }
+  }
+
+  .tabs {
+    margin-top: 0.25rem;
+  }
+
+  .section {
+    margin-bottom: 1rem;
+    border-radius: 12px;
+    border: 1px solid $border-color;
+  }
+
+  .poetry-form {
+    max-width: 640px;
+  }
+
+  .adv {
+    margin-bottom: 1rem;
+    border: none;
+
+    :deep(.el-collapse-item__header) {
+      font-weight: 600;
+      color: $text-secondary;
+    }
+  }
+
+  .result-head {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    width: 100%;
+  }
+
+  .result-pre {
+    margin: 0;
+    white-space: pre-wrap;
+    word-break: break-word;
+    font-family: ui-monospace, 'Cascadia Code', Consolas, monospace;
+    font-size: 0.875rem;
+    line-height: 1.55;
+    color: $text-color;
+  }
+
+  .pager {
+    margin-top: 1rem;
+    display: flex;
+    justify-content: flex-end;
+  }
+}
+</style>
diff --git a/vue-app/src/views/ProfileView.vue b/vue-app/src/views/ProfileView.vue
new file mode 100644
index 0000000..3ce5168
--- /dev/null
+++ b/vue-app/src/views/ProfileView.vue
@@ -0,0 +1,138 @@
+<script setup lang="ts">
+import { onMounted, reactive, ref } from 'vue'
+import { fetchProfile, updateProfile } from '@/api/modules/profile'
+import type { ProfileUser } from '@/api/types/profile'
+import { useAuthStore } from '@/stores/auth'
+
+const auth = useAuthStore()
+
+const loading = ref(false)
+const saving = ref(false)
+
+const form = reactive({
+  login_name: '',
+  nickname: '',
+  email: '',
+  mobile: '',
+  sex: 0,
+})
+
+const createdTime = ref<string | null>(null)
+
+function fillFromUser(u: ProfileUser) {
+  form.login_name = u.login_name ?? ''
+  form.nickname = u.nickname ?? ''
+  form.email = u.email ?? ''
+  form.mobile = u.mobile ?? ''
+  form.sex = typeof u.sex === 'number' ? u.sex : 0
+  createdTime.value = u.created_time ?? null
+}
+
+async function load() {
+  loading.value = true
+  try {
+    const res = await fetchProfile()
+    if (!res.success || !res.data) {
+      ElMessage.error(res.message || '加载资料失败')
+      return
+    }
+    fillFromUser(res.data)
+  } catch {
+    ElMessage.error('请先登录后再访问资料页')
+  } finally {
+    loading.value = false
+  }
+}
+
+async function onSave() {
+  saving.value = true
+  try {
+    const res = await updateProfile({
+      nickname: form.nickname.trim() || undefined,
+      email: form.email.trim() || undefined,
+      mobile: form.mobile.trim() || undefined,
+      sex: form.sex,
+    })
+    if (!res.success) {
+      ElMessage.error(res.message || '保存失败')
+      return
+    }
+    ElMessage.success('已保存')
+    await load()
+    await auth.refresh()
+  } catch {
+    ElMessage.error('保存请求失败')
+  } finally {
+    saving.value = false
+  }
+}
+
+onMounted(() => load())
+</script>
+
+<template>
+  <div v-loading="loading" class="profile-page">
+    <el-page-header class="page-head" @back="$router.push({ name: 'home' })">
+      <template #content>
+        <span class="page-title">个人资料</span>
+      </template>
+    </el-page-header>
+
+    <el-card shadow="never" class="panel">
+      <el-form label-width="100px" class="form" @submit.prevent="onSave">
+        <el-form-item label="用户名">
+          <el-input v-model="form.login_name" disabled />
+        </el-form-item>
+        <el-form-item label="昵称" required>
+          <el-input v-model="form.nickname" maxlength="50" show-word-limit />
+        </el-form-item>
+        <el-form-item label="邮箱">
+          <el-input v-model="form.email" type="email" />
+        </el-form-item>
+        <el-form-item label="手机">
+          <el-input v-model="form.mobile" />
+        </el-form-item>
+        <el-form-item label="性别">
+          <el-radio-group v-model="form.sex">
+            <el-radio :value="0">未知</el-radio>
+            <el-radio :value="1">男</el-radio>
+            <el-radio :value="2">女</el-radio>
+          </el-radio-group>
+        </el-form-item>
+        <el-form-item v-if="createdTime" label="注册时间">
+          <span class="muted">{{ createdTime }}</span>
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" native-type="submit" :loading="saving">保存</el-button>
+        </el-form-item>
+      </el-form>
+    </el-card>
+  </div>
+</template>
+
+<style scoped lang="scss">
+@use '@/assets/styles/variables' as *;
+
+.profile-page {
+  .page-title {
+    font-weight: 600;
+    font-size: 1.125rem;
+  }
+
+  .panel {
+    margin-top: 1rem;
+    max-width: 560px;
+    border-radius: 12px;
+    border: 1px solid $border-color;
+  }
+
+  .form {
+    padding-top: 0.5rem;
+  }
+
+  .muted {
+    color: $text-muted;
+    font-size: 0.875rem;
+  }
+}
+</style>
diff --git a/vue-app/src/views/ResumeOptimizationView.vue b/vue-app/src/views/ResumeOptimizationView.vue
new file mode 100644
index 0000000..38c1a61
--- /dev/null
+++ b/vue-app/src/views/ResumeOptimizationView.vue
@@ -0,0 +1,381 @@
+<script setup lang="ts">
+import { onMounted, reactive, ref } from 'vue'
+import { useRouter } from 'vue-router'
+import { ElMessageBox } from 'element-plus'
+import {
+  deleteResumeOptimization,
+  fetchResumeOptimizationDetail,
+  fetchResumeOptimizationList,
+  generateResumeOptimization,
+  saveResumeOptimization,
+} from '@/api/modules/resume'
+import type { ResumeDetailResponse, ResumeListItem, ResumeOptType } from '@/api/types/resume'
+
+const router = useRouter()
+
+const form = reactive({
+  opt_type: 'resume' as ResumeOptType,
+  original_content: '',
+  job_description: '',
+})
+
+const generating = ref(false)
+const saving = ref(false)
+const optimized = ref('')
+
+const listLoading = ref(false)
+const plans = ref<ResumeListItem[]>([])
+const page = ref(1)
+const perPage = ref(10)
+const total = ref(0)
+
+const drawerVisible = ref(false)
+const detailLoading = ref(false)
+const detail = ref<NonNullable<ResumeDetailResponse['data']> | null>(null)
+
+async function loadList() {
+  listLoading.value = true
+  try {
+    const res = await fetchResumeOptimizationList({ page: page.value, per_page: perPage.value })
+    if (!res.success || !res.data) {
+      plans.value = []
+      total.value = 0
+      if (res.message) ElMessage.error(res.message)
+      return
+    }
+    plans.value = res.data.plans
+    total.value = res.data.pagination.total
+  } catch {
+    plans.value = []
+    total.value = 0
+    ElMessage.error('加载列表失败')
+  } finally {
+    listLoading.value = false
+  }
+}
+
+function onPageSizeChange() {
+  page.value = 1
+  void loadList()
+}
+
+async function onGenerate() {
+  const orig = form.original_content.trim()
+  if (!orig) {
+    ElMessage.warning('请填写简历内容或求职要点')
+    return
+  }
+  generating.value = true
+  optimized.value = ''
+  try {
+    const res = await generateResumeOptimization({
+      opt_type: form.opt_type,
+      original_content: orig,
+      job_description: form.job_description.trim(),
+    })
+    if (!res.success || !res.data) {
+      ElMessage.error(res.message || '生成失败')
+      return
+    }
+    optimized.value = res.data.optimized
+    ElMessage.success('生成完成')
+  } catch {
+    ElMessage.error('请求失败，请确认后端可用')
+  } finally {
+    generating.value = false
+  }
+}
+
+async function onSave() {
+  if (!optimized.value.trim()) {
+    ElMessage.warning('请先生成优化结果')
+    return
+  }
+  saving.value = true
+  try {
+    const res = await saveResumeOptimization({
+      opt_type: form.opt_type,
+      original_content: form.original_content.trim(),
+      job_description: form.job_description.trim(),
+      optimized_content: optimized.value,
+    })
+    if (!res.success) {
+      ElMessage.error(res.message || '保存失败')
+      return
+    }
+    ElMessage.success(res.message || '已保存')
+    await loadList()
+  } catch {
+    ElMessage.error('保存请求失败')
+  } finally {
+    saving.value = false
+  }
+}
+
+async function copyOptimized() {
+  if (!optimized.value) return
+  try {
+    await navigator.clipboard.writeText(optimized.value)
+    ElMessage.success('已复制')
+  } catch {
+    ElMessage.error('复制失败')
+  }
+}
+
+function optTypeLabel(t: string) {
+  return t === 'cover_letter' ? '求职信' : '简历'
+}
+
+async function openDetail(row: ResumeListItem) {
+  drawerVisible.value = true
+  detail.value = null
+  detailLoading.value = true
+  try {
+    const res = await fetchResumeOptimizationDetail(row.id)
+    if (!res.success || !res.data) {
+      ElMessage.error(res.message || '加载详情失败')
+      drawerVisible.value = false
+      return
+    }
+    detail.value = res.data
+  } catch {
+    ElMessage.error('详情请求失败')
+    drawerVisible.value = false
+  } finally {
+    detailLoading.value = false
+  }
+}
+
+async function onDelete(row: ResumeListItem) {
+  try {
+    await ElMessageBox.confirm(`删除记录 #${row.id}？`, '确认', { type: 'warning' })
+  } catch {
+    return
+  }
+  try {
+    const r = await deleteResumeOptimization(row.id)
+    if (!r.success) {
+      ElMessage.error(r.message || '删除失败')
+      return
+    }
+    ElMessage.success('已删除')
+    await loadList()
+  } catch {
+    ElMessage.error('删除失败')
+  }
+}
+
+onMounted(() => loadList())
+</script>
+
+<template>
+  <div class="resume-page">
+    <el-page-header class="page-head" @back="router.push({ name: 'home' })">
+      <template #content>
+        <span class="page-title">简历 / 求职信优化</span>
+      </template>
+    </el-page-header>
+    <p class="hint">对接 <code>/api/resume-optimization/*</code>；列表与保存与 Session 用户对齐。</p>
+
+    <el-card shadow="never" class="section">
+      <template #header>生成</template>
+      <el-form label-width="100px" class="resume-form">
+        <el-form-item label="类型">
+          <el-radio-group v-model="form.opt_type">
+            <el-radio value="resume">简历优化</el-radio>
+            <el-radio value="cover_letter">求职信</el-radio>
+          </el-radio-group>
+        </el-form-item>
+        <el-form-item label="原文" required>
+          <el-input
+            v-model="form.original_content"
+            type="textarea"
+            :rows="12"
+            maxlength="20000"
+            show-word-limit
+            placeholder="粘贴简历全文，或求职信所需要点…"
+          />
+        </el-form-item>
+        <el-form-item label="岗位描述">
+          <el-input
+            v-model="form.job_description"
+            type="textarea"
+            :rows="5"
+            maxlength="8000"
+            show-word-limit
+            placeholder="可选，用于针对性优化（岗位 JD）"
+          />
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" :loading="generating" @click="onGenerate">生成</el-button>
+        </el-form-item>
+      </el-form>
+    </el-card>
+
+    <el-card v-if="optimized" shadow="never" class="section highlight">
+      <template #header>
+        <div class="result-head">
+          <span>优化结果</span>
+          <el-space>
+            <el-button size="small" @click="copyOptimized">复制</el-button>
+            <el-button type="primary" size="small" :loading="saving" @click="onSave">保存到历史</el-button>
+          </el-space>
+        </div>
+      </template>
+      <pre class="result-pre">{{ optimized }}</pre>
+    </el-card>
+
+    <el-card shadow="never" class="section">
+      <template #header>历史记录</template>
+      <el-table v-loading="listLoading" :data="plans" stripe empty-text="暂无记录" style="width: 100%">
+        <el-table-column prop="id" label="ID" width="72" />
+        <el-table-column label="类型" width="96">
+          <template #default="{ row }">
+            {{ optTypeLabel(row.opt_type) }}
+          </template>
+        </el-table-column>
+        <el-table-column prop="original_content" label="原文摘要" min-width="160" show-overflow-tooltip />
+        <el-table-column prop="created_at" label="时间" width="180" show-overflow-tooltip />
+        <el-table-column label="操作" width="132" fixed="right">
+          <template #default="{ row }">
+            <el-button type="primary" link @click="openDetail(row)">详情</el-button>
+            <el-button type="danger" link @click="onDelete(row)">删除</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+      <div class="pager">
+        <el-pagination
+          v-model:current-page="page"
+          v-model:page-size="perPage"
+          :total="total"
+          :page-sizes="[10, 20, 50]"
+          layout="total, sizes, prev, pager, next"
+          background
+          @current-change="loadList"
+          @size-change="onPageSizeChange"
+        />
+      </div>
+    </el-card>
+
+    <el-drawer v-model="drawerVisible" title="记录详情" direction="rtl" size="min(560px, 92vw)" destroy-on-close>
+      <div v-loading="detailLoading" class="drawer-body">
+        <template v-if="detail">
+          <div class="detail-block">
+            <div class="detail-label">类型</div>
+            <div>{{ optTypeLabel(detail.opt_type) }}</div>
+          </div>
+          <div v-if="detail.job_description" class="detail-block">
+            <div class="detail-label">岗位描述</div>
+            <pre class="detail-pre">{{ detail.job_description }}</pre>
+          </div>
+          <div class="detail-block">
+            <div class="detail-label">原文</div>
+            <pre class="detail-pre">{{ detail.original_content }}</pre>
+          </div>
+          <div class="detail-block">
+            <div class="detail-label">优化后</div>
+            <pre class="detail-pre">{{ detail.optimized_content }}</pre>
+          </div>
+          <div class="detail-meta">{{ detail.created_at?.replace('T', ' ').slice(0, 19) }}</div>
+        </template>
+      </div>
+    </el-drawer>
+  </div>
+</template>
+
+<style scoped lang="scss">
+@use '@/assets/styles/variables' as *;
+
+.resume-page {
+  .page-head {
+    margin-bottom: 0.5rem;
+  }
+
+  .page-title {
+    font-weight: 600;
+    font-size: 1.125rem;
+  }
+
+  .hint {
+    margin: 0 0 1rem;
+    font-size: 0.875rem;
+    color: $text-secondary;
+
+    code {
+      font-size: 0.8em;
+      padding: 0.1em 0.35em;
+      background: $gray-100;
+      border-radius: 4px;
+    }
+  }
+
+  .section {
+    margin-bottom: 1rem;
+    border-radius: 12px;
+    border: 1px solid $border-color;
+
+    &.highlight {
+      border-color: rgba(99, 102, 241, 0.35);
+    }
+  }
+
+  .resume-form {
+    max-width: 800px;
+  }
+
+  .result-head {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    width: 100%;
+  }
+
+  .result-pre {
+    margin: 0;
+    white-space: pre-wrap;
+    word-break: break-word;
+    font-family: ui-monospace, 'Cascadia Code', Consolas, monospace;
+    font-size: 0.875rem;
+    line-height: 1.55;
+    color: $text-color;
+  }
+
+  .pager {
+    margin-top: 1rem;
+    display: flex;
+    justify-content: flex-end;
+  }
+
+  .drawer-body {
+    min-height: 120px;
+  }
+
+  .detail-block {
+    margin-bottom: 1rem;
+  }
+
+  .detail-label {
+    font-size: 0.75rem;
+    font-weight: 600;
+    color: $text-muted;
+    margin-bottom: 0.35rem;
+  }
+
+  .detail-pre {
+    margin: 0;
+    padding: 0.75rem;
+    border-radius: 8px;
+    background: $gray-100;
+    font-size: 0.8125rem;
+    line-height: 1.55;
+    white-space: pre-wrap;
+    word-break: break-word;
+    font-family: ui-monospace, 'Cascadia Code', Consolas, monospace;
+  }
+
+  .detail-meta {
+    font-size: 0.8125rem;
+    color: $text-secondary;
+  }
+}
+</style>
diff --git a/vue-app/src/vite-env.d.ts b/vue-app/src/vite-env.d.ts
new file mode 100644
index 0000000..cd7d1fc
--- /dev/null
+++ b/vue-app/src/vite-env.d.ts
@@ -0,0 +1,20 @@
+/// <reference types="vite/client" />
+
+export {}
+
+declare module 'vue-router' {
+  interface RouteMeta {
+    title?: string
+    requiresAuth?: boolean
+  }
+}
+
+interface ImportMetaEnv {
+  readonly VITE_API_BASE_URL: string
+  readonly VITE_FLASK_ORIGIN: string
+  readonly VITE_APP_TITLE: string
+}
+
+interface ImportMeta {
+  readonly env: ImportMetaEnv
+}
diff --git a/vue-app/tsconfig.app.json b/vue-app/tsconfig.app.json
new file mode 100644
index 0000000..d493206
--- /dev/null
+++ b/vue-app/tsconfig.app.json
@@ -0,0 +1,20 @@
+{
+  "extends": "@vue/tsconfig/tsconfig.dom.json",
+  "compilerOptions": {
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
+    "types": ["vite/client"],
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["src/*"]
+    },
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "erasableSyntaxOnly": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true
+  },
+  "include": ["src/**/*.ts", "src/**/*.tsx", "src/**/*.vue"]
+}
diff --git a/vue-app/tsconfig.json b/vue-app/tsconfig.json
new file mode 100644
index 0000000..1ffef60
--- /dev/null
+++ b/vue-app/tsconfig.json
@@ -0,0 +1,7 @@
+{
+  "files": [],
+  "references": [
+    { "path": "./tsconfig.app.json" },
+    { "path": "./tsconfig.node.json" }
+  ]
+}
diff --git a/vue-app/tsconfig.node.json b/vue-app/tsconfig.node.json
new file mode 100644
index 0000000..8a67f62
--- /dev/null
+++ b/vue-app/tsconfig.node.json
@@ -0,0 +1,26 @@
+{
+  "compilerOptions": {
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
+    "target": "ES2023",
+    "lib": ["ES2023"],
+    "module": "ESNext",
+    "types": ["node"],
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "verbatimModuleSyntax": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "erasableSyntaxOnly": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true
+  },
+  "include": ["vite.config.ts"]
+}
diff --git a/vue-app/vite.config.ts b/vue-app/vite.config.ts
new file mode 100644
index 0000000..dd1f130
--- /dev/null
+++ b/vue-app/vite.config.ts
@@ -0,0 +1,60 @@
+import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
+import AutoImport from 'unplugin-auto-import/vite'
+import Components from 'unplugin-vue-components/vite'
+import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'
+import { resolve } from 'path'
+
+// https://vite.dev/config/
+export default defineConfig({
+  plugins: [
+    vue(),
+    AutoImport({
+      resolvers: [ElementPlusResolver()],
+      dts: 'src/auto-imports.d.ts',
+    }),
+    Components({
+      resolvers: [ElementPlusResolver({ importStyle: 'css' })],
+      dts: 'src/components.d.ts',
+    }),
+  ],
+  resolve: {
+    alias: {
+      '@': resolve(__dirname, 'src')
+    }
+  },
+  server: {
+    port: 3000, // Vue开发服务器端口
+    proxy: {
+      // 代理API请求到现有Flask后端
+      '/api': {
+        target: 'http://127.0.0.1:5002',
+        changeOrigin: true
+      },
+      // 代理静态资源请求
+      '/static': {
+        target: 'http://127.0.0.1:5002',
+        changeOrigin: true
+      },
+      // 古诗词蓝图挂载在 /poetry，不在 /api 下
+      '/poetry': {
+        target: 'http://127.0.0.1:5002',
+        changeOrigin: true
+      }
+    }
+  },
+  build: {
+    outDir: 'dist',
+    sourcemap: true,
+    rollupOptions: {
+      output: {
+        manualChunks(id) {
+          if (!id.includes('node_modules')) return
+          if (id.includes('element-plus')) return 'ui'
+          if (id.includes('axios') || id.includes('lodash')) return 'utils'
+          return 'vendor'
+        },
+      },
+    },
+  },
+})
diff --git a/vue重构方案.md b/vue重构方案.md
new file mode 100644
index 0000000..ee3e741
--- /dev/null
+++ b/vue重构方案.md
@@ -0,0 +1,432 @@
+。基于现有功能，使用Vue
+  3重新构建前端是完全可行的技术方案。以下是我为您设计的渐进式Vue重构方案，可在新目录中独立开发，逐步替换原有前端功能。
+
+  🚀 项目初始化方案
+
+  1. 新目录位置与初始化
+
+  # 进入项目根目录
+  cd /d/aaa/aitsc
+
+  # 创建Vue应用目录（与Flask应用并行）
+  mkdir vue-app
+  cd vue-app
+
+  # 使用Vite初始化Vue 3 + TypeScript项目
+  npm create vue@latest . -- --typescript --router --pinia
+  # 或使用更简洁的命令
+  npm create vue@latest .
+
+  2. 技术栈选型（推荐配置）
+
+  ┌─────────────┬───────────────────┬───────┬─────────────────────────────────┐
+  │    类别     │      技术栈       │ 版本  │              说明               │
+  ├─────────────┼───────────────────┼───────┼─────────────────────────────────┤
+  │ 框架        │ Vue 3             │ 3.4+  │ 组合式API + <script setup>      │
+  ├─────────────┼───────────────────┼───────┼─────────────────────────────────┤
+  │ 构建工具    │ Vite              │ 5.0+  │ 极速开发体验                    │
+  ├─────────────┼───────────────────┼───────┼─────────────────────────────────┤
+  │ 语言        │ TypeScript        │ 5.0+  │ 提升代码质量                    │
+  ├─────────────┼───────────────────┼───────┼─────────────────────────────────┤
+  │ 状态管理    │ Pinia             │ 2.1+  │ 替代Vuex，更简洁                │
+  ├─────────────┼───────────────────┼───────┼─────────────────────────────────┤
+  │ 路由        │ Vue Router        │ 4.2+  │ 支持路由守卫、懒加载            │
+  ├─────────────┼───────────────────┼───────┼─────────────────────────────────┤
+  │ HTTP客户端  │ Axios             │ 1.6+  │ RESTful API调用                 │
+  ├─────────────┼───────────────────┼───────┼─────────────────────────────────┤
+  │ UI组件库    │ Element Plus      │ 2.5+  │ 或Bootstrap Vue（保持现有风格） │
+  ├─────────────┼───────────────────┼───────┼─────────────────────────────────┤
+  │ CSS预处理器 │ Sass              │ 1.69+ │ 变量、混入、嵌套                │
+  ├─────────────┼───────────────────┼───────┼─────────────────────────────────┤
+  │ 工具类      │ Lodash-es         │ 4.17+ │ 工具函数库                      │
+  ├─────────────┼───────────────────┼───────┼─────────────────────────────────┤
+  │ 代码规范    │ ESLint + Prettier │ 最新  │ 统一代码风格                    │
+  └─────────────┴───────────────────┴───────┴─────────────────────────────────┘
+
+  安装命令参考：
+  npm install vue@latest vue-router@latest pinia@latest
+  npm install axios lodash-es
+  npm install element-plus @element-plus/icons-vue
+  npm install sass -D
+  npm install eslint eslint-plugin-vue @typescript-eslint/eslint-plugin @typescript-eslint/parser prettier -D
+
+  📁 目录结构设计
+
+  vue-app/
+  ├── public/                    # 静态资源
+  │   ├── favicon.ico
+  │   └── index.html            # 入口HTML（保持与现有base.html兼容）
+  ├── src/
+  │   ├── api/                  # API接口层
+  │   │   ├── index.ts          # Axios实例配置
+  │   │   ├── types/            # TypeScript接口定义
+  │   │   │   ├── user.ts       # 用户相关接口
+  │   │   │   ├── prompt.ts     # 提示词接口
+  │   │   │   ├── favorite.ts   # 收藏接口
+  │   │   │   └── index.ts      # 统一导出
+  │   │   ├── modules/          # 按模块组织的API
+  │   │   │   ├── auth.ts       # 认证API
+  │   │   │   ├── prompt.ts     # 提示词生成API
+  │   │   │   ├── favorite.ts   # 收藏API
+  │   │   │   ├── history.ts    # 历史记录API
+  │   │   │   ├── meal.ts       # 饭菜规划API
+  │   │   │   ├── poetry.ts     # 古诗词API
+  │   │   │   └── wx.ts         # 微信小程序API
+  │   │   └── utils/            # API工具函数
+  │   │       └── interceptors.ts # 请求/响应拦截器
+  │   │
+  │   ├── assets/               # 静态资源
+  │   │   ├── images/           # 图片
+  │   │   ├── fonts/            # 字体
+  │   │   └── styles/           # 全局样式
+  │   │       ├── _variables.scss # 设计变量（对应现有CSS变量）
+  │   │       ├── _mixins.scss    # SCSS混入
+  │   │       ├── base.scss       # 基础样式
+  │   │       └── main.scss       # 主样式入口
+  │   │
+  │   ├── components/           # 通用组件
+  │   │   ├── layout/           # 布局组件
+  │   │   │   ├── AppHeader.vue # 顶部导航（对应现有header）
+  │   │   │   ├── AppSidebar.vue # 侧边栏
+  │   │   │   ├── AppFooter.vue # 页脚
+  │   │   │   └── PageContainer.vue # 页面容器
+  │   │   ├── common/           # 通用业务组件
+  │   │   │   ├── PromptCard.vue # 提示词卡片（复用现有样式）
+  │   │   │   ├── TemplateCard.vue # 模板卡片
+  │   │   │   ├── LoadingSpinner.vue # 加载动画
+  │   │   │   ├── EmptyState.vue # 空状态
+  │   │   │   └── ConfirmDialog.vue # 确认对话框
+  │   │   ├── forms/            # 表单组件
+  │   │   │   ├── PromptForm.vue # 提示词输入表单
+  │   │   │   ├── TemplateFilter.vue # 模板筛选器
+  │   │   │   └── FeedbackForm.vue # 反馈表单
+  │   │   └── ui/               # 基础UI组件
+  │   │       ├── Button.vue    # 按钮组件
+  │   │       ├── Input.vue     # 输入框
+  │   │       └── Card.vue      # 卡片组件
+  │   │
+  │   ├── composables/          # 组合式函数
+  │   │   ├── usePrompt.ts      # 提示词生成逻辑
+  │   │   ├── useTemplate.ts    # 模板管理逻辑
+  │   │   ├── useFavorite.ts    # 收藏管理逻辑
+  │   │   ├── useAuth.ts        # 认证状态管理
+  │   │   ├── useLoading.ts     # 加载状态管理
+  │   │   └── useToast.ts       # 消息提示
+  │   │
+  │   ├── layouts/              # 页面布局
+  │   │   ├── DefaultLayout.vue # 默认布局（对应base.html）
+  │   │   ├── AuthLayout.vue    # 认证页面布局
+  │   │   └── AdminLayout.vue   # 管理后台布局
+  │   │
+  │   ├── router/               # 路由配置
+  │   │   ├── index.ts          # 路由主配置
+  │   │   ├── guards.ts         # 路由守卫（认证检查）
+  │   │   └── routes/           # 路由模块化
+  │   │       ├── index.ts      # 首页路由
+  │   │       ├── auth.routes.ts # 认证路由
+  │   │       ├── prompt.routes.ts # 提示词路由
+  │   │       ├── favorite.routes.ts # 收藏路由
+  │   │       ├── history.routes.ts # 历史记录路由
+  │   │       ├── meal.routes.ts # 饭菜规划路由
+  │   │       └── expert.routes.ts # 专家模式路由
+  │   │
+  │   ├── stores/               # Pinia状态管理
+  │   │   ├── index.ts          # Pinia实例
+  │   │   ├── auth.store.ts     # 用户认证状态
+  │   │   ├── prompt.store.ts   # 提示词生成状态
+  │   │   ├── template.store.ts # 模板状态
+  │   │   ├── favorite.store.ts # 收藏状态
+  │   │   ├── ui.store.ts       # UI全局状态（侧边栏、主题等）
+  │   │   └── notification.store.ts # 通知状态
+  │   │
+  │   ├── views/                # 页面组件（对应现有templates）
+  │   │   ├── HomeView.vue      # 首页（对应generate.html）
+  │   │   ├── Auth/             # 认证页面
+  │   │   │   ├── LoginView.vue # 登录页
+  │   │   │   ├── RegisterView.vue # 注册页
+  │   │   │   └── ProfileView.vue # 个人资料
+  │   │   ├── Prompt/           # 提示词相关页面
+  │   │   │   ├── GenerateView.vue # 主生成页面
+  │   │   │   ├── TemplateListView.vue # 模板列表
+  │   │   │   └── ExpertView.vue # 专家模式
+  │   │   ├── FavoriteView.vue  # 收藏页面（对应favorites.html）
+  │   │   ├── HistoryView.vue   # 历史记录页面
+  │   │   ├── MealPlanningView.vue # 饭菜规划页面
+  │   │   ├── PoetryView.vue    # 古诗词解析页面
+  │   │   └── Admin/            # 管理后台页面
+  │   │       └── DashboardView.vue # 仪表盘
+  │   │
+  │   ├── utils/                # 工具函数
+  │   │   ├── constants.ts      # 常量定义
+  │   │   ├── helpers.ts        # 通用工具函数
+  │   │   ├── validators.ts     # 表单验证规则
+  │   │   └── storage.ts        # 本地存储封装
+  │   │
+  │   ├── App.vue               # 根组件
+  │   └── main.ts               # 应用入口
+  │
+  ├── index.html                # Vite入口（开发模式）
+  ├── vite.config.ts            # Vite配置（代理设置）
+  ├── tsconfig.json             # TypeScript配置
+  ├── package.json              # 依赖管理
+  ├── .env                      # 环境变量（开发）
+  ├── .env.production           # 环境变量（生产）
+  └── README.md                 # 项目文档
+
+  🔌 API集成策略
+
+  1. Axios实例配置 (src/api/index.ts)
+
+  import axios from 'axios'
+  import type { InternalAxiosRequestConfig, AxiosResponse } from 'axios'
+  import { useAuthStore } from '@/stores/auth.store'
+
+  // 创建axios实例（指向现有Flask后端）
+  const apiClient = axios.create({
+    baseURL: import.meta.env.VITE_API_BASE_URL || 'http://127.0.0.1:5002',
+    timeout: 60000, // 与现有后端超时时间保持一致
+    headers: {
+      'Content-Type': 'application/json'
+    }
+  })
+
+  // 请求拦截器（添加认证token）
+  apiClient.interceptors.request.use(
+    (config: InternalAxiosRequestConfig) => {
+      const authStore = useAuthStore()
+      if (authStore.token) {
+        config.headers.Authorization = `Bearer ${authStore.token}`
+      }
+      return config
+    },
+    (error) => Promise.reject(error)
+  )
+
+  // 响应拦截器（统一错误处理）
+  apiClient.interceptors.response.use(
+    (response: AxiosResponse) => {
+      // 处理现有后端的响应格式
+      if (response.data?.code && response.data.code !== 200) {
+        return Promise.reject(new Error(response.data.message || '请求失败'))
+      }
+      return response.data
+    },
+    (error) => {
+      // 统一错误处理逻辑
+      return Promise.reject(error)
+    }
+  )
+
+  export default apiClient
+
+  2. 现有API接口映射
+
+  基于对现有Flask路由的分析，主要API端点包括：
+
+  ┌────────────┬────────────────────────────────┬─────────────────┬─────────────┐
+  │  功能模块  │          API端点示例           │    请求方法     │ Vue API模块 │
+  ├────────────┼────────────────────────────────┼─────────────────┼─────────────┤
+  │ 用户认证   │ /api/login, /api/register      │ POST            │ auth.ts     │
+  ├────────────┼────────────────────────────────┼─────────────────┼─────────────┤
+  │ 提示词生成 │ / (POST表单), /api/wx/generate │ POST            │ prompt.ts   │
+  ├────────────┼────────────────────────────────┼─────────────────┼─────────────┤
+  │ 模板管理   │ /api/templates/<category>      │ GET             │ prompt.ts   │
+  ├────────────┼────────────────────────────────┼─────────────────┼─────────────┤
+  │ 收藏功能   │ /api/favorites                 │ GET/POST/DELETE │ favorite.ts │
+  ├────────────┼────────────────────────────────┼─────────────────┼─────────────┤
+  │ 历史记录   │ 内置于生成逻辑中               │ -               │ history.ts  │
+  ├────────────┼────────────────────────────────┼─────────────────┼─────────────┤
+  │ 微信集成   │ /api/wx/* 系列端点             │ 多种            │ wx.ts       │
+  ├────────────┼────────────────────────────────┼─────────────────┼─────────────┤
+  │ 垂直功能   │ 各蓝图专用端点                 │ 多种            │ 对应模块    │
+  └────────────┴────────────────────────────────┴─────────────────┴─────────────┘
+
+  🎨 样式迁移方案
+
+  1. 现有CSS变量迁移到SCSS
+
+  // src/assets/styles/_variables.scss
+  $primary-color: #1E3A8A;
+  $primary-light: #3B82F6;
+  $primary-dark: #1E40AF;
+  $secondary-color: #6366F1;
+  $accent-color: #8B5CF6;
+
+  // 对应现有CSS变量系统
+  :root {
+    --primary-color: #{$primary-color};
+    --primary-light: #{$primary-light};
+    // ... 其他变量
+  }
+
+  // 在Vue组件中使用
+  <style lang="scss" scoped>
+  @import '@/assets/styles/variables';
+
+  .card {
+    background: linear-gradient(135deg, $primary-color, $secondary-color);
+  }
+  </style>
+
+  2. UI组件库选择建议
+
+  选项A：Element Plus（推荐）
+  - 现代化设计，与Vue 3深度集成
+  - 组件丰富，开发效率高
+  - 需要重新设计但体验更佳
+
+  选项B：Bootstrap Vue
+  - 保持与现有Bootstrap 5风格一致
+  - 迁移成本低，视觉变化小
+  - 但Bootstrap Vue对Vue 3支持有限
+
+  建议：选择Element Plus，提供现代化用户体验，同时通过SCSS变量保持品牌色系一致。
+
+  ⚙️ 开发环境配置
+
+  1. Vite配置 (vite.config.ts)
+
+  import { defineConfig } from 'vite'
+  import vue from '@vitejs/plugin-vue'
+  import { resolve } from 'path'
+
+  export default defineConfig({
+    plugins: [vue()],
+    resolve: {
+      alias: {
+        '@': resolve(__dirname, 'src')
+      }
+    },
+    server: {
+      port: 3000, // Vue开发服务器端口
+      proxy: {
+        // 代理API请求到现有Flask后端
+        '/api': {
+          target: 'http://127.0.0.1:5002',
+          changeOrigin: true
+        },
+        // 代理静态资源请求
+        '/static': {
+          target: 'http://127.0.0.1:5002',
+          changeOrigin: true
+        }
+      }
+    },
+    build: {
+      outDir: 'dist',
+      sourcemap: true,
+      rollupOptions: {
+        output: {
+          manualChunks: {
+            // 代码分割策略
+            vendor: ['vue', 'vue-router', 'pinia'],
+            ui: ['element-plus'],
+            utils: ['axios', 'lodash-es']
+          }
+        }
+      }
+    }
+  })
+
+  2. 环境变量配置
+
+  # .env.development
+  VITE_API_BASE_URL=http://localhost:5002
+  VITE_APP_TITLE=提示词大师 (Vue开发版)
+  VITE_DEBUG=true
+
+  # .env.production
+  VITE_API_BASE_URL=/api  # 生产环境使用相对路径
+  VITE_APP_TITLE=提示词大师
+  VITE_DEBUG=false
+
+  🚢 渐进式迁移策略
+
+  阶段1：搭建基础框架（1-2周）
+
+  1. 初始化Vue项目：创建vue-app目录，配置基础架构
+  2. 实现核心布局：复制现有base.html的布局结构到Vue组件
+  3. 对接认证系统：实现登录/注册功能，验证API连通性
+  4. 开发首页框架：实现基础路由和导航
+
+  阶段2：迁移核心功能（3-4周）
+
+  1. 提示词生成模块：迁移generate.html核心功能
+  2. 模板筛选系统：复现现有分类筛选逻辑
+  3. 收藏管理功能：迁移favorites.html完整功能
+  4. 历史记录展示：对接现有历史记录API
+
+  阶段3：迁移垂直场景（2-3周）
+
+  1. 饭菜规划模块：迁移meal_planning.html
+  2. 古诗词解析：迁移poetry相关功能
+  3. 专家模式：逐步迁移3个专家版本
+  4. Android工具区：迁移专业工具页面
+
+  阶段4：并行运行与切换（1-2周）
+
+  1. A/B测试：通过Nginx配置分流50%流量到Vue前端
+  2. 性能对比：监控关键指标（首屏加载、交互响应）
+  3. 问题修复：收集用户反馈，修复兼容性问题
+  4. 全面切换：100%流量切至Vue前端，移除旧版前端代码
+
+  📊 实施时间线
+
+  ┌───────┬─────────┬──────────────────────┬────────────────────────────────────┐
+  │ 阶段  │  时间   │        交付物        │              成功标准              │
+  ├───────┼─────────┼──────────────────────┼────────────────────────────────────┤
+  │ 阶段1 │ 第1-2周 │ 可运行的Vue基础框架  │ 用户能登录并看到基础界面           │
+  ├───────┼─────────┼──────────────────────┼────────────────────────────────────┤
+  │ 阶段2 │ 第3-6周 │ 核心功能完整迁移     │ 提示词生成、收藏功能与原有体验一致 │
+  ├───────┼─────────┼──────────────────────┼────────────────────────────────────┤
+  │ 阶段3 │ 第7-9周 │ 所有垂直场景迁移完成 │ 所有功能页面均可正常使用           │
+  ├───────┼─────────┼──────────────────────┼────────────────────────────────────┤
+  │ 阶段4 │ 第10周  │ 生产环境切换完成     │ 用户无感知切换，性能指标提升       │
+  └───────┴─────────┴──────────────────────┴────────────────────────────────────┘
+
+  ⚡ 立即行动步骤
+
+  第1步：初始化项目（今天）
+
+  cd /d/aaa/aitsc
+  mkdir vue-app && cd vue-app
+  npm create vue@latest .
+
+  第2步：基础配置（1天）
+
+  1. 安装推荐的技术栈依赖
+  2. 配置Vite代理，连接现有Flask后端
+  3. 创建基础目录结构
+  4. 实现AppHeader、AppSidebar等布局组件
+
+  第3步：对接第一个API（2天）
+
+  1. 配置Axios实例
+  2. 实现登录/注册功能
+  3. 验证与现有后端的API连通性
+
+  第4步：开发第一个完整页面（3天）
+
+  1. 迁移generate.html为核心生成页面
+  2. 实现模板筛选和提示词生成
+  3. 添加加载状态和错误处理
+
+  ---
+  💡 关键注意事项
+
+  1. API兼容性：保持现有API不变，仅前端消费方式变化
+  2. 会话管理：Vue前端需要与Flask session协同工作
+  3. 静态资源：现有图片、字体等资源需要复制到Vue项目的public/目录
+  4. SEO考虑：对于需要SEO的页面，可考虑SSR（Vue 3支持）或保持部分SSR页面
+  5. 渐进增强：可采用微前端方式，逐步替换页面而非一次性重写
+
+  🎯 预期收益
+
+  1. 开发效率提升：组件化开发，热重载，调试体验大幅改善
+  2. 代码质量提升：TypeScript类型安全，代码结构更清晰
+  3. 用户体验优化：SPA无刷新体验，交互更流畅
+  4. 性能提升：Vite构建优化，代码分割，加载更快
+  5. 维护成本降低：组件复用，状态管理清晰，新人上手快
+
+  结论：基于现有功能在vue-app目录中使用Vue
+  3重写前端是完全可行的技术方案。建议采用渐进式迁移策略，先从核心功能开始，逐步替换现有前端，确保平稳过渡。
\ No newline at end of file
diff --git a/上传git仓.md b/上传git仓.md
new file mode 100644
index 0000000..3b91f1b
--- /dev/null
+++ b/上传git仓.md
@@ -0,0 +1,2 @@
+将修改上传到git仓rjb_win_dev分支
+http://101.43.95.130:3001/admin/aitsc.git
\ No newline at end of file
diff --git a/项目现状评估.md b/项目现状评估.md
new file mode 100644
index 0000000..5b249c8
--- /dev/null
+++ b/项目现状评估.md
@@ -0,0 +1,217 @@
+  1. 项目现状评估
+
+  1.1 核心功能模块清单
+
+  项目是一个多功能AI提示词生成与管理平台，采用Flask + 服务器端渲染架构，包含以下15个核心模块：
+
+  ┌──────────┬──────────────────────────────────────────────────────────────┬──────────────────────────┐
+  │ 模块类别 │                           功能描述                           │         技术实现         │
+  ├──────────┼──────────────────────────────────────────────────────────────┼──────────────────────────┤
+  │ 核心生成 │ 主提示词生成（默认模板）                                     │ Flask路由 + OpenAI API   │
+  ├──────────┼──────────────────────────────────────────────────────────────┼──────────────────────────┤
+  │ 用户体系 │ 用户认证、微信小程序集成                                     │ Flask-Login + WxUser模型 │
+  ├──────────┼──────────────────────────────────────────────────────────────┼──────────────────────────┤
+  │ 数据管理 │ 收藏管理、历史记录                                           │ SQLAlchemy + 关系模型    │
+  ├──────────┼──────────────────────────────────────────────────────────────┼──────────────────────────┤
+  │ 垂直场景 │ 饭菜规划、古诗词解析、周报生成、旅行规划、会议纪要、简历优化 │ 专用蓝图 + 模板          │
+  ├──────────┼──────────────────────────────────────────────────────────────┼──────────────────────────┤
+  │ 专家模式 │ 智能提示词优化（3个独立实现）                                │ 多版本对比优化           │
+  ├──────────┼──────────────────────────────────────────────────────────────┼──────────────────────────┤
+  │ 开发工具 │ Android工程师专区（Crash解读、依赖冲突分析）                 │ 专业场景模板             │
+  ├──────────┼──────────────────────────────────────────────────────────────┼──────────────────────────┤
+  │ 管理后台 │ 数据分析、监控、批量操作                                     │ Flask-Admin扩展          │
+  ├──────────┼──────────────────────────────────────────────────────────────┼──────────────────────────┤
+  │ 扩展预留 │ 占位应用（预留扩展位）                                       │ 模块化设计               │
+  └──────────┴──────────────────────────────────────────────────────────────┴──────────────────────────┘
+
+  1.2 技术栈组成与版本
+
+  ┌──────────┬─────────────────────────────────────────────┬──────────────────────────────────┐
+  │   层级   │                   技术栈                    │            版本/备注             │
+  ├──────────┼─────────────────────────────────────────────┼──────────────────────────────────┤
+  │ 后端框架 │ Python Flask                                │ ≥2.2.0                           │
+  ├──────────┼─────────────────────────────────────────────┼──────────────────────────────────┤
+  │ ORM      │ Flask-SQLAlchemy                            │ ≥3.0.2                           │
+  ├──────────┼─────────────────────────────────────────────┼──────────────────────────────────┤
+  │ 数据库   │ MySQL 8.0 + Redis 7                         │ 容器化部署                       │
+  ├──────────┼─────────────────────────────────────────────┼──────────────────────────────────┤
+  │ AI集成   │ OpenAI兼容API (DeepSeek)                    │ 硬编码API密钥（安全风险）        │
+  ├──────────┼─────────────────────────────────────────────┼──────────────────────────────────┤
+  │ 前端UI   │ Bootstrap 5.1 + jQuery 3.6                  │ CDN加载                          │
+  ├──────────┼─────────────────────────────────────────────┼──────────────────────────────────┤
+  │ 前端交互 │ 原生JavaScript + 自定义CSS                  │ 未使用构建工具                   │
+  ├──────────┼─────────────────────────────────────────────┼──────────────────────────────────┤
+  │ 部署架构 │ Docker Compose 3.8 + Nginx                  │ 四服务编排（App/DB/Redis/Nginx） │
+  ├──────────┼─────────────────────────────────────────────┼──────────────────────────────────┤
+  │ 辅助工具 │ Flask-Migrate、Flask-CORS、bcrypt、waitress │ 完整生产配置                     │
+  └──────────┴─────────────────────────────────────────────┴──────────────────────────────────┘
+
+  1.3 系统部署架构图
+
+                     [用户请求]
+                         ↓
+                   [Nginx:80/443]
+                         ↓
+          ┌──────────────┼──────────────┐
+          ↓              ↓              ↓
+    [Flask App]    [MySQL 8.0]    [Redis 7]
+    (端口:5000)    (端口:3306)    (端口:6379)
+          │              │              │
+          └──────────────┼──────────────┘
+                         ↓
+                [静态文件/模板渲染]
+
+  ---
+  2. 优势与痛点诊断
+
+  2.1 技术优势（≥3项）
+
+  1. 模块化架构清晰：采用Flask蓝图设计，功能解耦良好，新增模块只需注册新蓝图
+  2. 生产就绪的部署方案：完整Docker Compose配置，包含Nginx反向代理、数据库持久化、日志轮转
+  3. 错误处理机制完善：全局500错误处理、API调用重试机制、结构化日志记录
+  4. 多环境配置支持：基于config/目录的配置系统，支持development/testing/production环境
+  5. 数据库迁移管理：使用Flask-Migrate，支持平滑升级和数据迁移
+
+  2.2 性能指标（基于代码分析）
+
+  - API响应时间：LLM调用设置60秒超时，含3次重试机制
+  - 数据库连接池：SQLAlchemy配置连接池（pool_size=20, max_overflow=30）
+  - 缓存策略：Redis缓存支持，默认超时1小时
+  - 前端资源体积：CSS 1.1KB + JS 1.2KB（未压缩），Bootstrap/jQuery使用CDN
+
+  2.3 痛点与技术债务
+
+  ┌──────────┬──────────────────────────────────────────────────┬─────────────────────────────────┐
+  │ 风险等级 │                     问题描述                     │            影响范围             │
+  ├──────────┼──────────────────────────────────────────────────┼─────────────────────────────────┤
+  │ 高危     │ API密钥硬编码于routes/routes.py:21               │ 安全漏洞，密钥泄露风险          │
+  ├──────────┼──────────────────────────────────────────────────┼─────────────────────────────────┤
+  │ 高危     │ 用户密码使用自定义哈希（login_pwd + login_salt） │ 密码安全强度不足                │
+  ├──────────┼──────────────────────────────────────────────────┼─────────────────────────────────┤
+  │ 中危     │ CORS配置过于宽松（默认['*']）                    │ 生产环境跨域安全风险            │
+  ├──────────┼──────────────────────────────────────────────────┼─────────────────────────────────┤
+  │ 中危     │ 前端资源未压缩（无构建流程）                     │ 页面加载性能损失约30%           │
+  ├──────────┼──────────────────────────────────────────────────┼─────────────────────────────────┤
+  │ 中危     │ 代码重复（expert_generate多个版本）              │ 维护成本增加，bug修复需多处修改 │
+  ├──────────┼──────────────────────────────────────────────────┼─────────────────────────────────┤
+  │ 低危     │ 缺乏自动化测试覆盖                               │ 回归测试依赖手动验证            │
+  └──────────┴──────────────────────────────────────────────────┴─────────────────────────────────┘
+
+  ---
+  3. 用户体验专项审计
+
+  3.1 技术指标检测（基于运行中服务 http://127.0.0.1:5002/）
+
+  ┌────────────────┬──────────────────────────────────────┬───────────────────────────────┐
+  │      指标      │               现状评估               │             建议              │
+  ├────────────────┼──────────────────────────────────────┼───────────────────────────────┤
+  │ Lighthouse性能 │ 预估得分：65-75/100                  │ 资源未压缩、无懒加载          │
+  ├────────────────┼──────────────────────────────────────┼───────────────────────────────┤
+  │ 可访问性       │ 基础合规（Bootstrap提供基础支持）    │ 缺少ARIA标签、键盘导航支持    │
+  ├────────────────┼──────────────────────────────────────┼───────────────────────────────┤
+  │ SEO优化        │ 基础达标（meta描述、og标签齐全）     │ 可添加结构化数据、sitemap     │
+  ├────────────────┼──────────────────────────────────────┼───────────────────────────────┤
+  │ 首屏加载       │ 1.5-2.5秒（依赖CDN网络状况）         │ 内联关键CSS、异步加载非关键JS │
+  ├────────────────┼──────────────────────────────────────┼───────────────────────────────┤
+  │ 资源压缩       │ 未压缩（CSS 1.1KB, JS 1.2KB）        │ 引入构建流程（Vite/webpack）  │
+  ├────────────────┼──────────────────────────────────────┼───────────────────────────────┤
+  │ 移动端适配     │ 响应式设计（Bootstrap 5 + viewport） │ 通过测试                      │
+  ├────────────────┼──────────────────────────────────────┼───────────────────────────────┤
+  │ 浏览器兼容     │ 现代浏览器支持良好                   │ IE11及以下不兼容（符合预期）  │
+  └────────────────┴──────────────────────────────────────┴───────────────────────────────┘
+
+  3.2 交互体验评估
+
+  - 核心操作路径：表单提交→加载状态→结果显示，流程完整但缺乏进度反馈
+  - 错误处理机制：前端有基础验证，后端返回JSON错误格式，但错误提示不友好
+  - 无障碍设计：仅基础HTML语义化，缺少屏幕阅读器优化、焦点管理
+  - 动画与反馈：使用CSS过渡效果，但加载状态依赖按钮文字变更
+
+  ---
+  4. Vue.js重构可行性研究
+
+  4.1 技术对比矩阵（评分1-10分）
+
+  ┌──────────────┬────────────────────────────┬─────────────────────────────────┬──────┬──────────┬─────────┐
+  │     维度     │   当前方案（jQuery+SSR）   │     Vue 3方案（SPA+组件化）     │ 权重 │ 当前得分 │ Vue得分 │
+  ├──────────────┼────────────────────────────┼─────────────────────────────────┼──────┼──────────┼─────────┤
+  │ 开发效率     │ 前后端耦合，调试需重启服务 │ 组件化开发、热重载、DevTools    │ 30%  │ 6.0      │ 8.5     │
+  ├──────────────┼────────────────────────────┼─────────────────────────────────┼──────┼──────────┼─────────┤
+  │ 维护成本     │ 全局状态管理困难，代码重复 │ 组件复用率高，状态集中管理      │ 25%  │ 5.0      │ 8.0     │
+  ├──────────────┼────────────────────────────┼─────────────────────────────────┼──────┼──────────┼─────────┤
+  │ 性能表现     │ 首屏快但页面跳转需重载     │ SPA切换快，首屏需加载bundle     │ 20%  │ 7.0      │ 8.0     │
+  ├──────────────┼────────────────────────────┼─────────────────────────────────┼──────┼──────────┼─────────┤
+  │ 生态支持     │ jQuery插件丰富但陈旧       │ Vue Router、Pinia、Vite生态完善 │ 15%  │ 7.0      │ 9.0     │
+  ├──────────────┼────────────────────────────┼─────────────────────────────────┼──────┼──────────┼─────────┤
+  │ 团队适配     │ 熟悉jQuery，学习曲线平缓   │ 需学习Vue 3组合式API            │ 10%  │ 8.0      │ 6.0     │
+  ├──────────────┼────────────────────────────┼─────────────────────────────────┼──────┼──────────┼─────────┤
+  │ 综合加权得分 │ 6.35                       │ 8.08                            │ 100% │          │         │
+  └──────────────┴────────────────────────────┴─────────────────────────────────┴──────┴──────────┴─────────┘
+
+  结论：Vue 3方案综合得分提升27.2%，主要在开发效率、维护成本、生态支持方面优势明显。
+
+  4.2 迁移风险评估
+
+  ┌────────────────┬────────────────────────────────┬─────────────────────────────────────────┐
+  │    风险类型    │            风险描述            │                缓解措施                 │
+  ├────────────────┼────────────────────────────────┼─────────────────────────────────────────┤
+  │ 增量迁移复杂性 │ 如何逐步替换现有jQuery代码     │ 采用微前端架构，新旧系统并行运行        │
+  ├────────────────┼────────────────────────────────┼─────────────────────────────────────────┤
+  │ 数据层兼容性   │ 现有API需要适配Vue前端调用模式 │ 保持RESTful API不变，仅前端消费方式变化 │
+  ├────────────────┼────────────────────────────────┼─────────────────────────────────────────┤
+  │ 第三方依赖适配 │ jQuery插件需替换为Vue组件      │ 评估替代方案（如Bootstrap Vue）         │
+  ├────────────────┼────────────────────────────────┼─────────────────────────────────────────┤
+  │ 团队技能缺口   │ 需培训Vue 3开发技能            │ 分阶段培训 + 引入外部专家支持           │
+  ├────────────────┼────────────────────────────────┼─────────────────────────────────────────┤
+  │ ROI分析        │ 迁移成本 vs 长期收益           │ 预计6-9个月收回投资（基于维护成本降低） │
+  └────────────────┴────────────────────────────────┴─────────────────────────────────────────┘
+
+  4.3 实施路线图建议
+
+  阶段一：搭建Vue 3微前端试验田（1-2个月）
+
+  - 技术选型：Vue 3 + Vite + Pinia + Vue Router
+  - 基础设施：独立/vue-app目录，与现有Flask静态资源并行
+  - 试点模块：选择收藏管理模块进行重构
+  - 集成方案：使用<micro-frontend>容器渐进式加载Vue组件
+
+  阶段二：核心模块渐进式重构（3-4个月）
+
+  - 优先级：用户中心 → 历史记录 → 提示词生成
+  - 数据层：封装现有API为TypeScript接口
+  - 状态管理：统一使用Pinia，与现有session并行
+  - 组件库：基于Bootstrap Vue建立企业级组件库
+
+  阶段三：新旧架构并行运行验证（1-2个月）
+
+  - A/B测试：50%流量导向Vue新架构
+  - 性能监控：对比关键指标（首屏加载、交互响应时间）
+  - 用户反馈：收集UX改进建议
+  - 问题修复：针对并行运行暴露的问题进行修复
+
+  阶段四：完整迁移与性能调优（2-3个月）
+
+  - 全面切换：100%流量切至Vue架构
+  - 代码清理：移除遗留jQuery代码
+  - 性能优化：代码分割、懒加载、CDN部署
+  - 文档完善：更新开发文档、部署指南
+
+  ---
+  5. 紧急行动建议（立即执行）
+
+  安全修复（24小时内）：
+    - 移除routes/routes.py:21硬编码的API密钥，改用环境变量
+    - 收紧生产环境CORS配置，指定允许的域名列表
+  性能优化（1周内）：
+    - 配置Nginx启用gzip压缩静态资源
+    - 添加Cache-Control头部优化缓存策略
+  代码质量（2周内）：
+    - 合并expert_generate重复代码，提取公共组件
+    - 引入基础单元测试，覆盖核心API路由
+  重构准备（1个月内）：
+    - 评估团队Vue技能现状，制定培训计划
+    - 搭建Vue 3试验环境，验证技术选型可行性
+
+  ---
+  报告说明：本评估基于静态代码分析和运行中服务测试，实际性能指标可能因部署环境而异。Vue重构建议需要根据团队实际情况调整
+  实施节奏。
\ No newline at end of file