fix: 保存后展示日记列表并将统计移动到右侧

app.js

@@ -299,11 +299,13 @@ function saveCurrentEntry() {
       renderTranslate({ english: translation.english, chinese: translation.chinese });
       var found = entries.find(function(e) { return e.id === state.currentId; });
       if (found) setEditor(found);
+      showDiaryListView();
       document.getElementById('btn-save').textContent = '\uD83D\uDCBE 已保存 \u2713';
       setTimeout(function() { document.getElementById('btn-save').textContent = '\uD83D\uDCBE 保存'; }, 1500);
     });
-  }).catch(function() {
+  }).catch(function(err) {
     document.getElementById('btn-save').textContent = '\uD83D\uDCBE 保存';
+    alert((err && err.message) || '保存失败，请检查网络或登录状态');
   });
 }
 
@@ -313,6 +315,13 @@ function newEntry() {
   document.getElementById('entry-text').focus();
 }
 
+function showDiaryListView() {
+  document.body.dataset.view = 'list';
+  document.querySelectorAll('#mobile-nav button').forEach(function(btn) {
+    btn.classList.toggle('active', btn.dataset.view === 'list');
+  });
+}
+
 // ----- Modal -----
 
 var pendingDeleteId = null;

index.html

@@ -39,13 +39,6 @@
         </ul>
       </div>
 
-      <div id="stats-panel" class="mobile-view-panel" data-view-panel="mine">
-        <div class="panel-header">
-          <h2>📊 我的统计</h2>
-        </div>
-        <div id="stats-content">登录后显示</div>
-      </div>
-
       <div id="user-area">
         <span id="user-name">未登录</span>
         <button id="btn-settings" title="翻译设置">⚙️ 设置</button>
@@ -103,6 +96,13 @@
         <div id="translate-cn" class="translate-text">-</div>
         <button class="btn-speech" data-lang="zh">🔊 朗读</button>
       </div>
+
+      <div id="stats-panel">
+        <div class="panel-header">
+          <h2>📊 我的统计</h2>
+        </div>
+        <div id="stats-content">登录后显示</div>
+      </div>
     </aside>
   </div>
 

style.css

@@ -391,10 +391,14 @@ body {
 
   #panel-editor, #panel-translate, #stats-panel { display: none; }
   body[data-view="editor"] #panel-editor { display: flex; }
-  body[data-view="editor"] #panel-list, body[data-view="editor"] #panel-translate, body[data-view="editor"] #stats-panel { display: none; }
+  body[data-view="editor"] #panel-list, body[data-view="editor"] #panel-translate { display: none; }
   body[data-view="translate"] #panel-translate { display: flex; }
-  body[data-view="translate"] #panel-list, body[data-view="translate"] #panel-editor, body[data-view="translate"] #stats-panel { display: none; }
+  body[data-view="translate"] #stats-panel { display: flex; }
-  body[data-view="mine"] #stats-panel { display: flex; }
+  body[data-view="translate"] #panel-list, body[data-view="translate"] #panel-editor { display: none; }
   body[data-view="mine"] #panel-list { display: flex; }
+  body[data-view="mine"] #panel-translate { display: flex; }
+  body[data-view="mine"] #stats-panel { display: flex; }
+  body[data-view="mine"] #panel-translate .panel-header,
+  body[data-view="mine"] #panel-translate .translate-section { display: none; }
   body[data-view="mine"] #entry-list, body[data-view="mine"] #grammar-quick { display: none; }
 }