diff --git a/src/views/hosts/workbenches.vue b/src/views/hosts/workbenches.vue
index 28b7973..4079c64 100644
--- a/src/views/hosts/workbenches.vue
+++ b/src/views/hosts/workbenches.vue
@@ -1,32 +1,48 @@
 <template>
-  <div class="grid grid-cols-1 lg:grid-cols-4 gap-4 mb-4">
+  <div class="grid grid-cols-1 lg:grid-cols-12 gap-4 mb-4">
     <!-- Stat Cards -->
-    <div class="bg-white dark:bg-slate-900 p-6 rounded-xl shadow-sm border border-slate-100 dark:border-slate-800">
-      <div class="flex items-center justify-between mb-2">
-        <span class="text-sm font-medium text-slate-500">{{ $t('workbenches.totalnumber') }}</span>
-        <span class="material-icons-round text-primary/40">analytics</span>
+    <!-- 总数量 (较小) -->
+    <div class="lg:col-span-2 bg-white dark:bg-slate-900 p-4 rounded-xl shadow-sm border border-slate-100 dark:border-slate-800">
+      <div class="flex items-center justify-between mb-1">
+        <span class="text-xs font-medium text-slate-500">{{ $t('workbenches.totalnumber') }}</span>
+        <span class="material-icons-round text-primary/40 text-lg">analytics</span>
       </div>
-      <div class="text-3xl font-bold text-slate-900 dark:text-white">{{ hostData.totalCount }}</div>
+      <div class="text-xl font-bold text-slate-900 dark:text-white">{{ hostData.totalCount }}</div>
     </div>
-    <div class="bg-white dark:bg-slate-900 p-6 rounded-xl shadow-sm border border-slate-100 dark:border-slate-800">
-      <div class="flex items-center justify-between mb-2">
-        <span class="text-sm font-medium text-slate-500">{{ $t('workbenches.createHost') }}</span>
-        <span class="material-icons-round text-secondary/40">person_add</span>
+    
+    <!-- 新建主播 (较小) -->
+    <div class="lg:col-span-2 bg-white dark:bg-slate-900 p-4 rounded-xl shadow-sm border border-slate-100 dark:border-slate-800">
+      <div class="flex items-center justify-between mb-1">
+        <span class="text-xs font-medium text-slate-500">{{ $t('workbenches.createHost') }}</span>
+        <span class="material-icons-round text-secondary/40 text-lg">person_add</span>
       </div>
-      <div class="text-3xl font-bold text-slate-900 dark:text-white">{{ hostData.validAnchorsCount }}</div>
+      <div class="text-xl font-bold text-slate-900 dark:text-white">{{ hostData.validAnchorsCount }}</div>
     </div>
-    <div class="bg-white dark:bg-slate-900 p-6 rounded-xl shadow-sm border border-slate-100 dark:border-slate-800">
-      <div class="flex items-center justify-between mb-2">
-        <span class="text-sm font-medium text-slate-500">{{ $t('workbenches.query') }} / {{ $t('workbenches.invite')
-        }}</span>
-        <span class="material-icons-round text-slate-400">compare_arrows</span>
+    
+    <!-- 查询 (较小) -->
+    <div class="lg:col-span-2 bg-white dark:bg-slate-900 p-4 rounded-xl shadow-sm border border-slate-100 dark:border-slate-800">
+      <div class="flex items-center justify-between mb-1">
+        <span class="text-xs font-medium text-slate-500">{{ $t('workbenches.query') }}</span>
+        <span class="material-icons-round text-amber-400/60 text-lg">search</span>
       </div>
-      <div class="text-3xl font-bold text-slate-900 dark:text-white">{{ hostData.checkedDataCount }} <span
-          class="text-slate-300 text-lg mx-2">/</span> {{ hostData.canInvitationCount }}</div>
+      <div class="text-xl font-bold text-slate-900 dark:text-white">{{ hostData.checkedDataCount }}</div>
     </div>
-    <div
-      class="bg-white dark:bg-slate-900 p-6 rounded-xl shadow-sm border border-slate-100 dark:border-slate-800 flex flex-col justify-center">
+    
+    <!-- 邀请 (较大，突出显示) -->
+    <div class="lg:col-span-3 bg-gradient-to-br from-primary to-blue-600 p-5 rounded-xl shadow-lg shadow-primary/20 text-white relative overflow-hidden">
+      <div class="absolute top-0 right-0 w-24 h-24 bg-white/10 rounded-full -translate-y-1/2 translate-x-1/2"></div>
+      <div class="flex items-center justify-between mb-2 relative z-10">
+        <span class="text-sm font-medium text-white/80">{{ $t('workbenches.invite') }}</span>
+        <span class="material-icons-round text-white/60">mail_outline</span>
+      </div>
+      <div class="text-3xl font-bold text-white relative z-10">{{ hostData.canInvitationCount }}</div>
+      <div class="text-xs text-white/60 mt-1">可邀请主播</div>
+    </div>
+    
+    <!-- 运行时间 (较大) -->
+    <div class="lg:col-span-3 bg-white dark:bg-slate-900 p-5 rounded-xl shadow-sm border border-slate-100 dark:border-slate-800 flex flex-col justify-center">
       <div class="flex items-center justify-between">
+         <!-- <span class="w-4 h-4 rounded-full" :class="1 ? 'bg-red-500' : 'bg-emerald-500'"></span> -->
         <div>
           <span class="text-xs font-semibold text-slate-400 uppercase tracking-wider block mb-1">{{
             $t('workbenches.runTime') }}</span>
@@ -45,11 +61,11 @@
     <div v-for="(item, index) in 2" :key="index" class="bg-white border border-slate-100 p-5 rounded-xl shadow-sm">
       <div class="flex justify-between items-center mb-6">
         <div class="flex items-center gap-2">
-          <span class="w-2 h-2 rounded-full" :class="tkData[index].code == 1 ? 'bg-emerald-500' : 'bg-red-500'"></span>
+          <span class="w-4 h-4 rounded-full" :class="tkData[index].code == 1 ? 'bg-emerald-500' : 'bg-red-500'"></span>
           <h3 class="font-bold text-slate-800 dark:text-white">{{ $t('workbenches.guildAccount') }} {{ index === 0 ? 'A'
             : 'B' }}</h3>
         </div>
-        <span class="text-xs text-slate-500">{{ $t('workbenches.queriedNum') }}: {{ tkData[index].num }}</span>
+        <span class=" text-slate-700 text-size" >{{ $t('workbenches.queriedNum') }}: {{ tkData[index].num }}</span>
       </div>
       <div class="space-y-4">
         <div class="grid grid-cols-2 gap-4">
@@ -580,6 +596,8 @@ const reset = () => {
 const toggleFilter = (filterName) => {
   if (!pyData.value.isStart) return; // 如果已启动则不允许修改
   pyData.value[filterName] = !pyData.value[filterName];
+
+  console.log(pyData.value)
 };
 
 
@@ -804,4 +822,8 @@ const checkVPN = async () => {
   Most styles are replaced by Tailwind utility classes.
   We can keep specific overrides or custom animations here if needed.
 */
+
+.text-size{
+text-size:50px!important;
+}
 </style>
\ No newline at end of file
diff --git a/src/views/nav.vue b/src/views/nav.vue
index 705dc53..ffa27b3 100644
--- a/src/views/nav.vue
+++ b/src/views/nav.vue
@@ -80,9 +80,18 @@ body {
   align-items: center;
   min-height: 100vh;
   overflow: hidden;
+
+
+  -webkit-user-select: none; /* Chrome / Safari */
+  -moz-user-select: none;    /* Firefox */
+  -ms-user-select: none;     /* IE / Edge */
+  user-select: none;         /* 标准 */
 }
 
 .nav-container {
   transform-origin: center center;
 }
+
+
+
 </style>
\ No newline at end of file