feat: 添加应用管理模块和功能图片

- 创建独立的应用管理文件夹 docs/tutorials/app-management/
- 添加完整的应用管理文档，包含安装、操作、批量管理等功能
- 添加6个功能截图到对应文档中：
  - app-management-list.jpg → 应用管理列表
  - automation-test-suite-execute-detail.jpg → 自动化测试套件执行详情
  - script-analysis-detail.jpg → 脚本分析详情
  - script-create-testcase-git.jpg → Git方式创建测试用例
  - script-create-testcase-local.jpg → 本地方式创建测试用例
  - script-management-list.png → 脚本管理列表
- 更新VitePress配置，将应用管理作为独立导航部分
- 更新教程索引，重新组织章节结构
- 添加新的favicon图标文件

Author: T-alt-pixel

README.md

@@ -19,7 +19,7 @@
 
 ## 📖 项目介绍
 
-这是 **PandaTest 云真机测试平台** 的官方文档网站，基于 VitePress 构建。文档详细介绍了云真机测试平台的功能特性、使用方法和最佳实践，为开发者和测试工程师提供全面的使用指南。
+这是 **PandaTest 云真机测试平台** 的官方文档网站，文档详细介绍了云真机测试平台的功能特性、使用方法和最佳实践，为开发者和测试工程师提供全面的使用指南。
 
 该平台专为移动应用测试、远程演示和设备管理等场景设计，提供 iOS 和 Android 设备的远程访问、控制和管理功能。
 

docs/.vitepress/config.ts

@@ -35,31 +35,39 @@ export default defineConfig({
           text: '设备管理',
           collapsed: false,
           items: [
-            { text: '设备列表管理', link: '/tutorials/device-management/device-list' },
-            { text: '设备调试功能', link: '/tutorials/device-management/device-debug' },
-            { text: '脚本录制与调试', link: '/tutorials/device-management/script-recording' }
+            { text: '设备列表', link: '/tutorials/device-management/device-list' },
+            { text: '设备调试', link: '/tutorials/device-management/device-debug' },
+            { text: '脚本录制', link: '/tutorials/device-management/script-recording' }
           ]
         },
+
         {
           text: '设备群控',
           collapsed: false,
           items: [
             { text: '群控管理', link: '/tutorials/group-control/device-group-control' }
           ]
         },
+        {
+          text: '应用管理',
+          collapsed: false,
+          items: [
+            { text: '应用管理', link: '/tutorials/app-management/' }
+          ]
+        },
         {
           text: '脚本管理',
           collapsed: false,
           items: [
-            { text: '测试及脚本', link: '/tutorials/script-management/test-scripts' },
+            { text: '测试脚本', link: '/tutorials/script-management/test-scripts' },
             { text: '测试用例', link: '/tutorials/script-management/test-cases' }
           ]
         },
         {
           text: '自动化测试',
           collapsed: false,
           items: [
-            { text: '自动化测试套件', link: '/tutorials/automation-testing/automation-suite' }
+            { text: '测试套件', link: '/tutorials/automation-testing/automation-suite' }
           ]
         }
       ]

docs/.vitepress/theme/style.css

@@ -16,7 +16,7 @@
     --panda-white: #ffffff;
     --panda-gray: #95a5a6;
     --panda-light-gray: #ecf0f1;
-    --panda-accent: #3498db;
+    --panda-accent: #95a1a9;
 }
 
 /* 暗色主题适配 */
@@ -32,11 +32,17 @@
 
 /* 主页英雄区域 - 熊猫主题 */
 .VPHero {
-    background: linear-gradient(135deg, var(--panda-light-gray) 0%, rgba(236, 240, 241, 0.8) 30%, rgba(255, 255, 255, 0.9) 70%, var(--panda-white) 100%);
+    background: linear-gradient(0deg, var(--panda-white) 0%, rgba(255, 255, 255, 0.9) 30%, rgba(236, 238, 238, 0.8) 70%, var(--panda-light-gray) 100%);
     margin: 2rem 0;
     padding: 3rem 2rem;
 }
 
+/* 暗黑主题下取消背景渐变 */
+.dark .VPHero {
+    background: transparent;
+}
+
+
 .VPHero .name {
     background: linear-gradient(135deg, var(--panda-black) 0%, rgba(44, 62, 80, 0.8) 50%, var(--panda-gray) 100%);
     -webkit-background-clip: text;
@@ -71,72 +77,12 @@
 .VPHero .image img {
     background: transparent !important;
     border: none !important;
+    filter: drop-shadow(0 0 25px rgba(44, 62, 80, 0.4)) drop-shadow(0 0 50px rgba(44, 62, 80, 0.2));
 }
 
-/* 功能卡片区域 - 渐变背景 */
-.VPFeatures {
-    background: linear-gradient(45deg, var(--panda-white) 0%, rgba(255, 255, 255, 0.95) 25%, rgba(236, 240, 241, 0.8) 50%, rgba(255, 255, 255, 0.95) 75%, var(--panda-white) 100%);
-    padding: 3rem 2rem;
-    margin: 2rem 0;
-}
-
-.VPFeature {
-    background: linear-gradient(135deg, rgba(255, 255, 255, 0.9) 0%, rgba(236, 240, 241, 0.6) 50%, rgba(255, 255, 255, 0.8) 100%);
-    border: 1px solid rgba(236, 240, 241, 0.5);
-    transition: all 0.3s ease;
-}
-
-.VPFeature:hover {
-    background: linear-gradient(135deg, rgba(255, 255, 255, 1) 0%, rgba(236, 240, 241, 0.8) 50%, rgba(255, 255, 255, 0.95) 100%);
-    border-color: var(--panda-accent);
-    transform: translateY(-2px);
-}
-
-/* 主页内容区域 - 渐变背景 */
-.vp-doc {
-    background: linear-gradient(180deg, var(--panda-white) 0%, rgba(236, 240, 241, 0.3) 30%, rgba(255, 255, 255, 0.8) 70%, var(--panda-white) 100%);
-}
-
-/* 产品展示区域 */
-.vp-doc h2 {
-    background: linear-gradient(135deg, var(--panda-black) 0%, var(--panda-gray) 100%);
-    -webkit-background-clip: text;
-    -webkit-text-fill-color: transparent;
-    background-clip: text;
-    font-weight: 700;
-    margin: 3rem 0 2rem 0;
-    text-align: center;
-}
-
-.vp-doc h3 {
-    background: linear-gradient(135deg, var(--panda-black) 0%, var(--panda-gray) 100%);
-    -webkit-background-clip: text;
-    -webkit-text-fill-color: transparent;
-    background-clip: text;
-    font-weight: 600;
-    margin: 2rem 0 1rem 0;
-}
-
-/* 产品展示卡片 */
-.vp-doc div[style*="text-align: center"] {
-    background: linear-gradient(135deg, rgba(255, 255, 255, 0.9) 0%, rgba(236, 240, 241, 0.6) 50%, rgba(255, 255, 255, 0.8) 100%);
-    padding: 2rem;
-    margin: 2rem auto;
-    border: 1px solid rgba(236, 240, 241, 0.5);
-    transition: all 0.3s ease;
-}
-
-.vp-doc div[style*="text-align: center"]:hover {
-    background: linear-gradient(135deg, rgba(255, 255, 255, 1) 0%, rgba(236, 240, 241, 0.8) 50%, rgba(255, 255, 255, 0.95) 100%);
-    transform: translateY(-2px);
-}
-
-/* 开始使用区域 */
-.vp-doc ul {
-    background: linear-gradient(135deg, rgba(236, 240, 241, 0.8) 0%, rgba(255, 255, 255, 0.9) 50%, rgba(236, 240, 241, 0.6) 100%);
-    padding: 2rem;
-    margin: 2rem 0;
-    border-left: 4px solid var(--panda-accent);
+/* 暗黑主题下图片光韵效果 */
+.dark .VPHero .image img {
+    filter: drop-shadow(0 0 30px rgba(255, 255, 255, 0.5)) drop-shadow(0 0 60px rgba(255, 255, 255, 0.3));
 }
 
 /* 按钮样式修复 - 确保暗色模式下正常显示 */
@@ -176,16 +122,6 @@
     .VPHero .name {
         font-size: 2.5rem;
     }
-
-    .VPFeatures {
-        padding: 2rem 1rem;
-        margin: 1rem 0;
-    }
-
-    .vp-doc div[style*="text-align: center"] {
-        padding: 1rem;
-        margin: 1rem auto;
-    }
 }
 
 /* 清除图片背景色 */