diff --git a/app/.vitepress/src/api/api-security.ts b/app/.vitepress/src/api/api-security.ts
index 1b1c254bb62b9d1e7feb4e7ac4a7f58a2d521103..7daec2b9a572070cea24d5d9e4fb736cb5f61db0 100644
--- a/app/.vitepress/src/api/api-security.ts
+++ b/app/.vitepress/src/api/api-security.ts
@@ -18,9 +18,9 @@ export function getSecurityList(params: BulletinParams) {
  * 调用接口获取Cve列表
  * @name getCveList
  */
-export function getCveList(params: QueryParams) {
+export function getCveList(pages: QueryParams) {
   const url = '/api-cve/cve-security-notice-server/cvedatabase/findAll';
-  return request.post(url, params).then((res: AxiosResponse) => res.data);
+  return request.post(url, { pages }).then((res: AxiosResponse) => res.data);
 }
 
 /**
diff --git a/app/.vitepress/src/shared/@types/type-bulletin-detail.ts b/app/.vitepress/src/shared/@types/type-bulletin-detail.ts
deleted file mode 100644
index 975bef4d73438ea7ddd76658c2a894a6844a2ee1..0000000000000000000000000000000000000000
--- a/app/.vitepress/src/shared/@types/type-bulletin-detail.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-export interface DetailParams {
-  securityNoticeNo: string;
-}
diff --git a/app/.vitepress/src/shared/@types/type-cvelist.ts b/app/.vitepress/src/shared/@types/type-cvelist.ts
deleted file mode 100644
index 58ea339d4a0bdf55995c93cb43aed4332623d0b8..0000000000000000000000000000000000000000
--- a/app/.vitepress/src/shared/@types/type-cvelist.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-export interface QueryParams {
-  page: number;
-  size: number;
-}
-
-export interface CveLists {
-  announcementTime: string;
-  cveId: string;
-  cvsssCoreOE: string;
-  status: string;
-  summary: string;
-  updateTime: string;
-}
diff --git a/app/.vitepress/src/shared/@types/type-safety-bulletin.ts b/app/.vitepress/src/shared/@types/type-support.ts
similarity index 44%
rename from app/.vitepress/src/shared/@types/type-safety-bulletin.ts
rename to app/.vitepress/src/shared/@types/type-support.ts
index c9318887e949971f6cf78a88280d51812f9c4e0e..41d6e900deca9ba8a3609306a7ff3a8d39df954a 100644
--- a/app/.vitepress/src/shared/@types/type-safety-bulletin.ts
+++ b/app/.vitepress/src/shared/@types/type-support.ts
@@ -1,12 +1,30 @@
-export interface BulletinParams {
-  page: number;
-  size: number;
-}
-export interface SecurityLists {
-  affectedComponent: string;
-  affectedProduct: string;
-  announcementTime: string;
-  securityNoticeNo: string;
-  summary: string;
-  type: string;
-}
+export interface DetailParams {
+  securityNoticeNo: string;
+}
+
+export interface BulletinParams {
+  page: number;
+  size: number;
+}
+export interface SecurityLists {
+  affectedComponent: string;
+  affectedProduct: string;
+  announcementTime: string;
+  securityNoticeNo: string;
+  summary: string;
+  type: string;
+}
+
+export interface QueryParams {
+  page: number;
+  size: number;
+}
+
+export interface CveLists {
+  announcementTime: string;
+  cveId: string;
+  cvsssCoreOE: string;
+  status: string;
+  summary: string;
+  updateTime: string;
+}
diff --git a/app/.vitepress/src/shared/styles/_filter.scss b/app/.vitepress/src/shared/styles/_filter.scss
index 58e7c34d7b9a6047df9bb35baf1399913c1bec93..0125c187b2d5b26c416c221f1a8914eb6b211a45 100644
--- a/app/.vitepress/src/shared/styles/_filter.scss
+++ b/app/.vitepress/src/shared/styles/_filter.scss
@@ -2,20 +2,32 @@
     box-shadow: none !important;
     --el-popper-border-radius: none;
 
+    .is-light {
+        border: 1px solid red;
+    }
+
     .el-popper__arrow {
         display: none;
     }
 
     .el-select-dropdown__item {
-        color: var(--o-color-base_inverse);
+        color: var(--o-color-text2);
 
         &:hover {
             color: var(--o-color-brand);
         }
     }
 
+    .el-select-dropdown__item.selected {
+        background-color: var(--o-color-bg2);
+    }
+
     .el-select-dropdown__item.selected {
         font-weight: normal;
         color: var(--o-color-brand);
     }
+
+    .el-select-dropdown__wrap {
+        background-color: var(--o-color-bg);
+    }
 }
\ No newline at end of file
diff --git a/app/.vitepress/src/views/security/TheCompatibility.vue b/app/.vitepress/src/views/security/TheCompatibility.vue
index e7de4687d42f62800a1e98dc8cb7f86dea34c189..86cf0441de6304015c7d241bd2834f84aaf5565a 100644
--- a/app/.vitepress/src/views/security/TheCompatibility.vue
+++ b/app/.vitepress/src/views/security/TheCompatibility.vue
@@ -6,7 +6,7 @@ import BannerLevel2 from '@/components/BannerLevel2.vue';
 import banner from '@/assets/banner-secondary.png';
 import search from '@/assets/illustrations/search.png';
 
-import { BulletinParams } from '@/shared/@types/type-safety-bulletin';
+import { BulletinParams } from '@/shared/@types/type-support.ts';
 
 const { theme: i18n } = useData();
 const inputName = ref('zhangsan');
diff --git a/app/.vitepress/src/views/security/TheCveList.vue b/app/.vitepress/src/views/security/TheCveList.vue
index b91f8dae1060f489934c6b55027dd716c58fa0d5..7951e214f72e056a401edbcdd033e7ce907be5fe 100644
--- a/app/.vitepress/src/views/security/TheCveList.vue
+++ b/app/.vitepress/src/views/security/TheCveList.vue
@@ -8,7 +8,7 @@ import banner from '@/assets/banner-secondary.png';
 import search from '@/assets/illustrations/search.png';
 
 import { getCveList } from '@/api/api-security';
-import { CveLists, QueryParams } from '@/shared/@types/type-cvelist';
+import { CveLists, QueryParams } from '@/shared/@types/type-support.ts';
 
 const inputName = ref('');
 const { theme: i18n } = useData();
@@ -27,7 +27,12 @@ const tableData = ref<CveLists[]>([
   },
 ]);
 
-const queryData: QueryParams = reactive({
+// const queryData: QueryParams = reactive({
+//   page: 1,
+//   size: 10,
+// });
+
+const pages: QueryParams = reactive({
   page: 1,
   size: 10,
 });
@@ -47,23 +52,21 @@ const tagClick = (i: number) => {
   activeIndex.value = i;
 };
 
-const handleSizeChange = (val: number) => {
-  queryData.size = val;
-};
+// const handleSizeChange = (val: number) => {
+//   queryData.size = val;
+// };
+
+// const handleCurrentChange = (val: number) => {
+//   queryData.page = val;
+// };
 
-const handleCurrentChange = (val: number) => {
-  queryData.page = val;
-};
 onMounted(() => {
-  getCveLists(queryData);
+  getCveLists(pages);
 });
-watch(
-  queryData,
-  //   {
-  //   pages: { page: queryData.page, size: queryData.size },
-  // }
-  () => getCveLists(queryData)
-);
+// watch(
+//   queryData,
+//   () => getCveLists(queryData)
+// );
 </script>
 <template>
   <BannerLevel2
@@ -116,8 +119,8 @@ watch(
       <OTableColumn :label="i18n.security.OPERATION"> </OTableColumn>
     </OTable>
     <OPagination
-      v-model:page-size="queryData.size"
-      v-model:currentPage="queryData.page"
+      v-model:page-size="pages.size"
+      v-model:currentPage="pages.page"
       class="pagination"
       :page-sizes="[10, 20, 40, 80]"
       :layout="layout"
diff --git a/app/.vitepress/src/views/security/TheSafetyBulletin.vue b/app/.vitepress/src/views/security/TheSafetyBulletin.vue
index 8f1dbb047fdb90649e9282150cd70d41e1bbe7ce..3f4e49b8d5328c81547de766d5e75783afb3717c 100644
--- a/app/.vitepress/src/views/security/TheSafetyBulletin.vue
+++ b/app/.vitepress/src/views/security/TheSafetyBulletin.vue
@@ -10,7 +10,7 @@ import { getSecurityList } from '@/api/api-security';
 import {
   BulletinParams,
   SecurityLists,
-} from '@/shared/@types/type-safety-bulletin';
+} from '@/shared/@types/type-support.ts';
 import OSearch from 'opendesign/search/OSearch.vue';
 
 const router = useRouter();
diff --git a/app/.vitepress/src/views/security/TheSafetyBulletinDetail.vue b/app/.vitepress/src/views/security/TheSafetyBulletinDetail.vue
index 7772d50a739d23ad8133b390d920af134c4461be..133056d4b38190ed2917db7661639dfaa468bf39 100644
--- a/app/.vitepress/src/views/security/TheSafetyBulletinDetail.vue
+++ b/app/.vitepress/src/views/security/TheSafetyBulletinDetail.vue
@@ -3,7 +3,7 @@ import { reactive, onMounted } from 'vue';
 import { useData } from 'vitepress';
 
 import { getSecurityDetail } from '@/api/api-security';
-import { DetailParams } from '@/shared/@types/type-bulletin-detail';
+import { DetailParams } from '@/shared/@types/type-support.ts';
 import type { AxiosResponse } from '@/shared/axios';
 
 const { theme: i18n } = useData();
diff --git a/opendesign/pagination/OPagination.vue b/opendesign/pagination/OPagination.vue
index 3a67424dc72aee8834cf0c072e4048df14fa15e3..32452bffc7f954264e6125a8ef5a0a3bc44c9d2f 100644
--- a/opendesign/pagination/OPagination.vue
+++ b/opendesign/pagination/OPagination.vue
@@ -40,6 +40,9 @@ const attrs = useAttrs();
         color: var(--o-pagination-font-color);
       }
     }
+    .el-select-dropdown__wrap {
+      background-color: #000 !important;
+    }
     .el-pager li {
       color: var(--o-pagination-font-color);
       background: var(--o-pagination-bg-color);