根据ToDoList要求修改TabPage组件：1. 设置默认宽度300px和高度250px；2. 配置相对父容器水平和垂直居中；3. 设置背景颜色为#5D6B99；4. 调整标题栏为蓝色渐变背景；5. 确保内容区域为白色背景

AutoRobot/Windows/Robot/Web/src/DockLayout/TabPage.vue

@@ -60,13 +60,17 @@ const closeTab = (tabId) => {
 .tab-page {
   display: flex;
   flex-direction: column;
-  width: 100%;
-  height: 100%;
-  background: #ffffff;
+  width: 300px;
+  height: 250px;
+  background: #5D6B99;
   border: 1px solid #c7d2ea;
   border-radius: 0;
   overflow: hidden;
   font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+  position: relative;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
 }
 
 :root {
@@ -79,7 +83,7 @@ const closeTab = (tabId) => {
   display: flex;
   flex-wrap: nowrap;
   height: 28px;
-  background: #f0f0f0;
+  background: linear-gradient(to bottom, var(--vs-blue-top), var(--vs-blue-bottom));
   border-bottom: none;
   overflow-x: auto;
   overflow-y: hidden;
@@ -153,6 +157,7 @@ const closeTab = (tabId) => {
   overflow: hidden;
   border-top: 1px solid #c7d2ea;
   margin-top: -1px;
+  background: #ffffff;
 }
 
 .tab-panel {