diff --git a/change/@acedatacloud-nexior-675378e3-b71d-4499-b894-86ce8b956385.json b/change/@acedatacloud-nexior-675378e3-b71d-4499-b894-86ce8b956385.json
new file mode 100644
index 00000000..030af2c0
--- /dev/null
+++ b/change/@acedatacloud-nexior-675378e3-b71d-4499-b894-86ce8b956385.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "fix video style and bugs",
+  "packageName": "@acedatacloud/nexior",
+  "email": "office@acedata.cloud",
+  "dependentChangeType": "patch"
+}
diff --git a/src/components/headshots/task/Preview.vue b/src/components/headshots/task/Preview.vue
index 81702328..2958b93c 100644
--- a/src/components/headshots/task/Preview.vue
+++ b/src/components/headshots/task/Preview.vue
@@ -288,22 +288,3 @@ $left-width: 70px;
   }
 }
 </style>
-
-<style lang="scss">
-.preview {
-  .image.error {
-    background: var(--el-bg-color-page);
-    .image-slot {
-      font-size: 14px;
-      position: absolute;
-      top: 50%;
-      left: 50%;
-      transform: translate(-50%, -50%);
-    }
-  }
-  .failure {
-    background: var(--el-fill-color-light);
-    width: 100%;
-  }
-}
-</style>
diff --git a/src/components/kling/task/Preview.vue b/src/components/kling/task/Preview.vue
index 6cf1154b..bd7076a0 100644
--- a/src/components/kling/task/Preview.vue
+++ b/src/components/kling/task/Preview.vue
@@ -247,27 +247,3 @@ $left-width: 70px;
   }
 }
 </style>
-
-<style lang="scss">
-.preview {
-  .image.error {
-    background: var(--el-bg-color-page);
-    .image-slot {
-      font-size: 14px;
-      position: absolute;
-      top: 50%;
-      left: 50%;
-      transform: translate(-50%, -50%);
-    }
-  }
-  .failure {
-    background: var(--el-fill-color-light);
-    width: 100%;
-    .el-alert__content {
-      p {
-        margin-bottom: 10px;
-      }
-    }
-  }
-}
-</style>
diff --git a/src/components/pika/task/Preview.vue b/src/components/pika/task/Preview.vue
index 854e99d9..58cc2022 100644
--- a/src/components/pika/task/Preview.vue
+++ b/src/components/pika/task/Preview.vue
@@ -322,27 +322,3 @@ $left-width: 70px;
   }
 }
 </style>
-
-<style lang="scss">
-.preview {
-  .image.error {
-    background: var(--el-bg-color-page);
-    .image-slot {
-      font-size: 14px;
-      position: absolute;
-      top: 50%;
-      left: 50%;
-      transform: translate(-50%, -50%);
-    }
-  }
-  .failure {
-    background: var(--el-fill-color-light);
-    width: 100%;
-    .el-alert__content {
-      p {
-        margin-bottom: 10px;
-      }
-    }
-  }
-}
-</style>
diff --git a/src/components/pixverse/task/Preview.vue b/src/components/pixverse/task/Preview.vue
index 29fad63c..243f5fb5 100644
--- a/src/components/pixverse/task/Preview.vue
+++ b/src/components/pixverse/task/Preview.vue
@@ -233,27 +233,3 @@ $left-width: 70px;
   }
 }
 </style>
-
-<style lang="scss">
-.preview {
-  .image.error {
-    background: var(--el-bg-color-page);
-    .image-slot {
-      font-size: 14px;
-      position: absolute;
-      top: 50%;
-      left: 50%;
-      transform: translate(-50%, -50%);
-    }
-  }
-  .failure {
-    background: var(--el-fill-color-light);
-    width: 100%;
-    .el-alert__content {
-      p {
-        margin-bottom: 10px;
-      }
-    }
-  }
-}
-</style>
diff --git a/src/components/qrart/task/Preview.vue b/src/components/qrart/task/Preview.vue
index 5c531ece..b4b33fce 100644
--- a/src/components/qrart/task/Preview.vue
+++ b/src/components/qrart/task/Preview.vue
@@ -280,22 +280,3 @@ $left-width: 70px;
   }
 }
 </style>
-
-<style lang="scss">
-.preview {
-  .image.error {
-    background: var(--el-bg-color-page);
-    .image-slot {
-      font-size: 14px;
-      position: absolute;
-      top: 50%;
-      left: 50%;
-      transform: translate(-50%, -50%);
-    }
-  }
-  .failure {
-    background: var(--el-fill-color-light);
-    width: 100%;
-  }
-}
-</style>
diff --git a/src/store/flux/actions.ts b/src/store/flux/actions.ts
index 0bbf4c48..6d715a4a 100644
--- a/src/store/flux/actions.ts
+++ b/src/store/flux/actions.ts
@@ -132,6 +132,7 @@ export const getTasks = async (
   return new Promise((resolve, reject) => {
     console.debug('start to get tasks', offset, limit);
     const credential = state.credential;
+    console.debug('current credential', credential);
     const token = credential?.token;
     if (!token) {
       return reject('no token');
diff --git a/src/store/flux/persist.ts b/src/store/flux/persist.ts
index 5a69fdf9..e5bd4aeb 100644
--- a/src/store/flux/persist.ts
+++ b/src/store/flux/persist.ts
@@ -1 +1 @@
-export default ['flux.config', 'flux.credential', 'flux.application', 'flux.applications'];
+export default ['flux.config', 'flux.credential', 'flux.application', 'flux.applications', 'flux.tasks'];
diff --git a/src/store/hailuo/actions.ts b/src/store/hailuo/actions.ts
index 01361d2e..a94035c2 100644
--- a/src/store/hailuo/actions.ts
+++ b/src/store/hailuo/actions.ts
@@ -134,6 +134,7 @@ export const getTasks = async (
   return new Promise((resolve, reject) => {
     console.debug('start to get tasks', offset, limit);
     const credential = state.credential;
+    console.debug('current credential', credential);
     const token = credential?.token;
     if (!token) {
       return reject('no token');
diff --git a/src/store/hailuo/persist.ts b/src/store/hailuo/persist.ts
index 9ad2658e..f40b60e2 100644
--- a/src/store/hailuo/persist.ts
+++ b/src/store/hailuo/persist.ts
@@ -1 +1 @@
-export default ['hailuo.config', 'hailuo.credential', 'hailuo.application', 'hailuo.applications'];
+export default ['hailuo.config', 'hailuo.credential', 'hailuo.application', 'hailuo.applications', 'hailuo.tasks'];
diff --git a/src/store/headshots/persist.ts b/src/store/headshots/persist.ts
index 0d490c3a..d898ae57 100644
--- a/src/store/headshots/persist.ts
+++ b/src/store/headshots/persist.ts
@@ -1 +1 @@
-export default ['headshots.credential', 'headshots.application', 'headshots.applications'];
+export default ['headshots.credential', 'headshots.application', 'headshots.applications', 'headshots.tasks'];
diff --git a/src/store/kling/actions.ts b/src/store/kling/actions.ts
index e659aceb..78d5e831 100644
--- a/src/store/kling/actions.ts
+++ b/src/store/kling/actions.ts
@@ -134,6 +134,7 @@ export const getTasks = async (
   return new Promise((resolve, reject) => {
     console.debug('start to get tasks', offset, limit);
     const credential = state.credential;
+    console.debug('current credential', credential);
     const token = credential?.token;
     if (!token) {
       return reject('no token');
diff --git a/src/store/kling/persist.ts b/src/store/kling/persist.ts
index 6c8b1d65..3c6ff25e 100644
--- a/src/store/kling/persist.ts
+++ b/src/store/kling/persist.ts
@@ -1 +1 @@
-export default ['kling.config', 'kling.credential', 'kling.application', 'kling.applications'];
+export default ['kling.config', 'kling.credential', 'kling.application', 'kling.applications', 'kling.tasks'];
diff --git a/src/store/luma/actions.ts b/src/store/luma/actions.ts
index 87f0f517..bf86ef8c 100644
--- a/src/store/luma/actions.ts
+++ b/src/store/luma/actions.ts
@@ -135,6 +135,7 @@ export const getTasks = async (
   return new Promise((resolve, reject) => {
     console.debug('start to get tasks', offset, limit);
     const credential = state.credential;
+    console.debug('current credential', credential);
     const token = credential?.token;
     if (!token) {
       return reject('no token');
diff --git a/src/store/luma/persist.ts b/src/store/luma/persist.ts
index 786495e1..8981962a 100644
--- a/src/store/luma/persist.ts
+++ b/src/store/luma/persist.ts
@@ -1 +1 @@
-export default ['luma.credential', 'luma.application', 'luma.applications'];
+export default ['luma.credential', 'luma.application', 'luma.applications', 'luma.tasks', 'luma.config'];
diff --git a/src/store/midjourney/actions.ts b/src/store/midjourney/actions.ts
index 6eff2362..0dd81035 100644
--- a/src/store/midjourney/actions.ts
+++ b/src/store/midjourney/actions.ts
@@ -134,6 +134,7 @@ export const getTasks = async (
   return new Promise((resolve, reject) => {
     console.debug('start to get tasks', offset, limit, createdAtMax, createdAtMin);
     const credential = state.credential;
+    console.debug('current credential', credential);
     const token = credential?.token;
     if (!token) {
       return reject('no token');
diff --git a/src/store/midjourney/persist.ts b/src/store/midjourney/persist.ts
index f8a6947b..de0d35de 100644
--- a/src/store/midjourney/persist.ts
+++ b/src/store/midjourney/persist.ts
@@ -3,5 +3,6 @@ export default [
   'midjourney.credential',
   'midjourney.mode',
   'midjourney.application',
-  'midjourney.applications'
+  'midjourney.applications',
+  'midjourney.tasks'
 ];
diff --git a/src/store/pika/actions.ts b/src/store/pika/actions.ts
index 29d2b446..c8ad58b9 100644
--- a/src/store/pika/actions.ts
+++ b/src/store/pika/actions.ts
@@ -134,6 +134,7 @@ export const getTasks = async (
   return new Promise((resolve, reject) => {
     console.debug('start to get tasks', offset, limit);
     const credential = state.credential;
+    console.debug('current credential', credential);
     const token = credential?.token;
     if (!token) {
       return reject('no token');
diff --git a/src/store/pika/persist.ts b/src/store/pika/persist.ts
index 6a824ede..fa044d5e 100644
--- a/src/store/pika/persist.ts
+++ b/src/store/pika/persist.ts
@@ -1 +1 @@
-export default ['pika.credential', 'pika.application', 'pika.applications'];
+export default ['pika.credential', 'pika.application', 'pika.applications', 'pika.tasks', 'pika.config'];
diff --git a/src/store/pixverse/actions.ts b/src/store/pixverse/actions.ts
index 7a6b1f19..8b778406 100644
--- a/src/store/pixverse/actions.ts
+++ b/src/store/pixverse/actions.ts
@@ -134,6 +134,7 @@ export const getTasks = async (
   return new Promise((resolve, reject) => {
     console.debug('start to get tasks', offset, limit);
     const credential = state.credential;
+    console.debug('current credential', credential);
     const token = credential?.token;
     if (!token) {
       return reject('no token');
diff --git a/src/store/pixverse/persist.ts b/src/store/pixverse/persist.ts
index 9b2adc13..6014cf99 100644
--- a/src/store/pixverse/persist.ts
+++ b/src/store/pixverse/persist.ts
@@ -1 +1,7 @@
-export default ['pixverse.config', 'pixverse.credential', 'pixverse.application', 'pixverse.applications'];
+export default [
+  'pixverse.config',
+  'pixverse.credential',
+  'pixverse.application',
+  'pixverse.applications',
+  'pixverse.tasks'
+];
diff --git a/src/store/suno/persist.ts b/src/store/suno/persist.ts
index 16ed929d..58141ddd 100644
--- a/src/store/suno/persist.ts
+++ b/src/store/suno/persist.ts
@@ -1 +1 @@
-export default ['suno.credential', 'suno.application', 'suno.applications'];
+export default ['suno.credential', 'suno.application', 'suno.applications', 'suno.tasks', 'suno.config'];