fix: 修复右栏滚动后底部空白的布局问题

将 .app 容器从 min-height 改为 height，使左右两栏严格限制在视口内独立滚动，
移除 .main 多余的 max-height 约束。

Co-Authored-By: Claude Code <noreply@anthropic.com>

index.html

@@ -41,9 +41,9 @@ body { font-family: -apple-system, 'Segoe UI', sans-serif; background: var(--bg)
 .theme-toggle:hover { background: rgba(255,255,255,0.25); }
 
 /* Layout */
-.app { display: flex; min-height: calc(100vh - 100px); }
+.app { display: flex; height: calc(100vh - 100px); }
 .sidebar { width: 280px; background: var(--surface); border-right: 1px solid var(--surface2); padding: 16px; overflow-y: auto; flex-shrink: 0; }
-.main { flex: 1; padding: 24px; overflow-y: auto; max-height: calc(100vh - 100px); }
+.main { flex: 1; padding: 24px; overflow-y: auto; }
 
 /* Sidebar */
 .sidebar-title { font-size: 13px; color: var(--text2); text-transform: uppercase; letter-spacing: 1px; margin-bottom: 12px; padding: 0 8px; }