修改页面整体样式

frontend/app/components/SiderMenu.vue

@@ -73,6 +73,15 @@
               <span>打包应用</span>
             </a-menu-item>
           </a-menu-item-group>
+
+          <a-menu-divider class="menu-divider" />
+
+          <a-menu-item key="settings" class="menu-item">
+            <template #icon>
+              <setting-outlined class="menu-icon" />
+            </template>
+            <span>系统设置</span>
+          </a-menu-item>
         </a-menu>
 
         <!-- 底部信息 -->
@@ -109,7 +118,8 @@ import {
   CloudServerOutlined,
   MenuFoldOutlined,
   MenuUnfoldOutlined,
-  ApiOutlined
+  ApiOutlined,
+  SettingOutlined
 } from '@ant-design/icons-vue';
 import { ref, watch, onMounted } from 'vue';
 import { useRoute } from 'vue-router';

frontend/app/pages/index.vue

@@ -243,7 +243,7 @@ const goToRecords = () => {
 <style scoped>
 /* 页面布局 */
 .dashboard-page {
-  min-height: calc(100vh - 64px);
+  min-height: calc(100vh - 120px);
   background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
   position: relative;
   overflow: hidden;

frontend/app/pages/run/pack.vue

@@ -443,7 +443,7 @@ const goToDownload = () => {
 <style scoped>
 /* 页面布局 */
 .pack-page {
-  min-height: calc(100vh - 64px);
+  min-height: calc(100vh - 120px);
   background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
   position: relative;
   overflow: hidden;

frontend/app/pages/run/webpage.vue

@@ -530,7 +530,7 @@ const getAvatarColor = (name: string) => {
 <style scoped>
 /* 页面布局 */
 .webpage-page {
-  min-height: calc(100vh - 64px);
+  min-height: calc(100vh - 120px);
   background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
   position: relative;
   overflow: hidden;

frontend/app/pages/site/download.vue

@@ -562,7 +562,7 @@ onMounted(() => {
 <style scoped>
 /* 页面布局 */
 .download-page {
-  min-height: calc(100vh - 64px);
+  min-height: calc(100vh - 120px);
   background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
   position: relative;
   overflow: hidden;

frontend/app/pages/site/record.vue

@@ -322,7 +322,7 @@ onMounted(() => {
 <style scoped>
 /* 页面布局 */
 .record-page {
-  min-height: calc(100vh - 64px);
+  min-height: calc(100vh - 120px);
   background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
   position: relative;
   overflow: hidden;