1. 修复豆包系统提示词不起作用问题，以及输出格式渲染不正确问题；

2. 截图支持窗口大小与位置记忆，并在完成截图后默认发送给AI；
3. 调整页面布局，适合盲按开始截图，结果窗口置于截图之上.

templates/index.html

@@ -32,17 +32,20 @@
     <header class="app-header">
         <div class="header-content">
             <h1>Snap Solver <span class="version-badge">v<span id="currentVersion">{{ update_info.current_version }}</span></span></h1>
-            <div id="connectionStatus" class="status disconnected">未连接</div>
-            <div class="header-buttons">
-                <button id="captureBtn" class="btn-icon capture-btn-highlight" title="截图" disabled>
-                    <i class="fas fa-camera"></i>
-                </button>
+            <div class="header-middle">
                 <button id="themeToggle" class="btn-icon" title="切换主题">
                     <i class="fas fa-moon"></i>
                 </button>
                 <button id="settingsToggle" class="btn-icon" title="设置">
                     <i class="fas fa-cog"></i>
                 </button>
+                <div id="connectionStatus" class="status disconnected">未连接</div>
+            </div>
+            <div class="header-buttons">
+                <button id="captureBtn" class="btn-icon capture-btn-highlight" title="截图" disabled>
+                    <i class="fas fa-camera"></i>
+                    <span>开始截图</span>
+                </button>
             </div>
         </div>
     </header>
@@ -61,6 +64,68 @@
 
     <main class="app-main">
         <div class="content-panel">
+            <div id="claudePanel" class="claude-panel hidden">
+                <div class="panel-header">
+                    <div class="header-title">
+                        <h2><i class="fas fa-chart-bar"></i> 分析结果</h2>
+                        <div class="analysis-indicator">
+                            <div class="progress-line"></div>
+                            <div class="status-text">准备中</div>
+                        </div>
+                        <button id="stopGenerationBtn" class="btn-stop-generation" title="停止生成">
+                            <i class="fas fa-stop"></i>
+                        </button>
+                    </div>
+                    <button class="btn-icon" id="closeClaudePanel" title="关闭分析结果">
+                        <i class="fas fa-times"></i>
+                    </button>
+                </div>
+                <div id="thinkingSection" class="thinking-section hidden">
+                    <div class="thinking-header" id="thinkingToggle" title="点击查看AI思考过程">
+                        <div class="thinking-title">
+                            <i class="fas fa-brain"></i>
+                            <h3>思考过程<span class="dots-animation"></span></h3>
+                        </div>
+                        <button class="toggle-btn">
+                            <i class="fas fa-chevron-down"></i>
+                        </button>
+                    </div>
+                    <div id="thinkingContent" class="thinking-content collapsed"></div>
+                </div>
+                <div id="responseContent" class="response-content"></div>
+            </div>
+
+            <div id="claudePanel" class="claude-panel hidden">
+                <div class="panel-header">
+                    <div class="header-title">
+                        <h2><i class="fas fa-chart-bar"></i> 分析结果</h2>
+                        <div class="analysis-indicator">
+                            <div class="progress-line"></div>
+                            <div class="status-text">准备中</div>
+                        </div>
+                        <button id="stopGenerationBtn" class="btn-stop-generation" title="停止生成">
+                            <i class="fas fa-stop"></i>
+                        </button>
+                    </div>
+                    <button class="btn-icon" id="closeClaudePanel" title="关闭分析结果">
+                        <i class="fas fa-times"></i>
+                    </button>
+                </div>
+                <div id="thinkingSection" class="thinking-section hidden">
+                    <div class="thinking-header" id="thinkingToggle" title="点击查看AI思考过程">
+                        <div class="thinking-title">
+                            <i class="fas fa-brain"></i>
+                            <h3>思考过程<span class="dots-animation"></span></h3>
+                        </div>
+                        <button class="toggle-btn">
+                            <i class="fas fa-chevron-down"></i>
+                        </button>
+                    </div>
+                    <div id="thinkingContent" class="thinking-content collapsed"></div>
+                </div>
+                <div id="responseContent" class="response-content"></div>
+            </div>
+
             <div class="capture-section">
                 <div id="emptyState" class="empty-state">
                     <i class="fas fa-camera-retro"></i>
@@ -100,37 +165,6 @@
                     </button>
                 </div>
             </div>
-            
-            <div id="claudePanel" class="claude-panel hidden">
-                <div class="panel-header">
-                    <div class="header-title">
-                        <h2><i class="fas fa-chart-bar"></i> 分析结果</h2>
-                        <div class="analysis-indicator">
-                            <div class="progress-line"></div>
-                            <div class="status-text">准备中</div>
-                        </div>
-                        <button id="stopGenerationBtn" class="btn-stop-generation" title="停止生成">
-                            <i class="fas fa-stop"></i>
-                        </button>
-                    </div>
-                    <button class="btn-icon" id="closeClaudePanel" title="关闭分析结果">
-                        <i class="fas fa-times"></i>
-                    </button>
-                </div>
-                <div id="thinkingSection" class="thinking-section hidden">
-                    <div class="thinking-header" id="thinkingToggle" title="点击查看AI思考过程">
-                        <div class="thinking-title">
-                            <i class="fas fa-brain"></i>
-                            <h3>思考过程<span class="dots-animation"></span></h3>
-                        </div>
-                        <button class="toggle-btn">
-                            <i class="fas fa-chevron-down"></i>
-                        </button>
-                    </div>
-                    <div id="thinkingContent" class="thinking-content collapsed"></div>
-                </div>
-                <div id="responseContent" class="response-content"></div>
-            </div>
         </div>
 
         <aside id="settingsPanel" class="settings-panel">
@@ -774,19 +808,31 @@
     </main>
 
     <div id="cropContainer" class="crop-container hidden">
-        <div class="crop-wrapper">
-            <div class="crop-area"></div>
-        </div>
-        <div class="crop-actions">
+        <div class="crop-actions crop-actions-top">
+        <div class="crop-actions crop-actions-top">
             <button id="cropCancel" class="btn-secondary">
                 <i class="fas fa-times"></i>
                 <span>取消</span>
             </button>
+            <button id="cropReset" class="btn-secondary">
+                <i class="fas fa-undo"></i>
+                <span>重置</span>
+            </button>
+            <button id="cropReset" class="btn-secondary">
+                <i class="fas fa-undo"></i>
+                <span>重置</span>
+            </button>
             <button id="cropConfirm" class="btn-primary">
                 <i class="fas fa-check"></i>
                 <span>确认</span>
             </button>
         </div>
+        <div class="crop-wrapper">
+            <div class="crop-area"></div>
+        </div>
+        <div class="crop-wrapper">
+            <div class="crop-area"></div>
+        </div>
     </div>
     
     <div id="toastContainer" class="toast-container"></div>