feat(home): 添加项目概述组件并更新文档

在首页视图中添加 ProjectOverview 组件用于自定义项目介绍，并更新相关文档说明
调整首页布局样式，包括容器高度和间距

Author: xerrors

docs/latest/advanced/branding.md

@@ -53,4 +53,8 @@ YUXI_BRAND_FILE_PATH=src/config/static/info.local.yaml
 
 ```
 
-**此外**，`web/src/stores/theme.js` 中也包含了主题相关的配置（需要修改 `colorPrimary`），可根据需要修改。
+**此外**，`web/src/stores/theme.js` 中也包含了主题相关的配置（需要修改 `colorPrimary`），可根据需要修改。
+
+## 修改首页
+
+首页提供了一个插槽组件 `web/src/components/ProjectOverview.vue`，可以在该组件中自定义项目介绍，当前为空文件。（借助 AI 编程可以设计出更好看的首页的）

web/src/components/ProjectOverview.vue

@@ -0,0 +1,2 @@
+<template>
+</template>

web/src/views/HomeView.vue

@@ -75,6 +75,8 @@
       </div>
     </div>
 
+    <ProjectOverview />
+
     <footer class="footer">
       <div class="footer-content">
         <p class="copyright">{{ infoStore.footer?.copyright || '© 2025 All rights reserved' }}</p>
@@ -91,6 +93,7 @@ import { useInfoStore } from '@/stores/info'
 import { useAgentStore } from '@/stores/agent'
 import { useThemeStore } from '@/stores/theme'
 import UserInfoComponent from '@/components/UserInfoComponent.vue'
+import ProjectOverview from '@/components/ProjectOverview.vue'
 import {
   BookText,
   Bug,
@@ -218,15 +221,14 @@ const actionLinks = computed(() => {
 
 <style lang="less" scoped>
 .home-container {
-  height: 100vh;
+  min-height: 100vh;
   display: flex;
   flex-direction: column;
   color: var(--main-900);
   background: radial-gradient(circle at top right, var(--main-50), transparent 60%), var(--main-5);
   position: relative;
   overflow-x: hidden;
 }
-
 .glass-header {
   display: flex;
   justify-content: space-between;
@@ -266,8 +268,6 @@ const actionLinks = computed(() => {
   &:hover {
     color: var(--gray-900);
 
-
-
     svg {
       transform: scale(1.1);
     }
@@ -511,7 +511,7 @@ const actionLinks = computed(() => {
 .section {
   width: 100%;
   max-width: 1200px;
-  margin: 0 auto;
+  margin: 50px auto 0px auto;
   padding: 2rem 0;
 }