From b1bd09293d7db2f612141917785080e9ae179609 Mon Sep 17 00:00:00 2001
From: bestlee <bestlee@djxinxi.net>
Date: Mon, 19 Oct 2026 10:11:16 +0800
Subject: [PATCH] =?UTF-8?q?=E9=83=A8=E5=88=86=E6=A0=B7=E5=BC=8F=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/changeLedger/modules/list.vue    | 191 ++++++---------------
 src/views/changeStatistics/index.vue       |  18 +-
 src/views/factoryOverview/index.vue        |  18 +-
 src/views/home/modules/template1.vue       |  28 ++-
 src/views/home/modules/template10.vue      |  36 +++-
 src/views/home/modules/template3.vue       |  44 +++--
 src/views/home/modules/template4.vue       |  38 +++-
 src/views/home/modules/template6.vue       |  32 +++-
 src/views/home/modules/template7.vue       |  56 ++++--
 src/views/home/modules/template8.vue       |  38 +++-
 src/views/home/modules/template9.vue       |  38 +++-
 src/views/my/dataChangeCenter/index.vue    |  16 +-
 src/views/professionalStatistics/index.vue |  16 +-
 src/views/report/index.vue                 |  56 ++++--
 src/views/riskStatistics/index.vue         |  43 ++++-
 src/views/signStatistics/index.vue         |  30 +++-
 src/views/workshopStatistics/index.vue     |  44 +++--
 17 files changed, 457 insertions(+), 285 deletions(-)

diff --git a/src/views/changeLedger/modules/list.vue b/src/views/changeLedger/modules/list.vue
index 2ca68ac..9707257 100644
--- a/src/views/changeLedger/modules/list.vue
+++ b/src/views/changeLedger/modules/list.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref, computed, onMounted, h } from 'vue';
+import { ref, onMounted, h } from 'vue';
 import { Icon } from '@iconify/vue'
 import { useThemeStore } from '@/store/modules/theme';
 import { useRouterPush } from '@/hooks/common/router';
@@ -79,11 +79,6 @@ const isAll = ref<boolean>(true);
 const currentRow = ref<any>(null);
 // 进度抽屉
 const progressDrawer = ref<boolean>(false);
-// 撤回/未实施情况说明弹框
-const revokeModal = ref<boolean>(false);
-const modalType = ref<string>('');
-const reason = ref<string>('');
-const revokeSaving = ref<boolean>(false);
 // 列表
 const list = ref<any[]>([]);
 
@@ -235,40 +230,6 @@ const openProgress = (r: any) => {
   currentRow.value = r;
   progressDrawer.value = true;
 };
-// 撤回/未实施情况说明
-const openModal = (r: any,type:string) => {
-  currentRow.value = r;
-  modalType.value = type;
-  revokeModal.value = true;
-}
-// 撤回/未实施情况说明提交
-const revokeSave = async () => {
-  if (!reason.value) {
-    return window.$message?.warning(modalType.value === "withdraw" ? "请输入撤回理由" : "请输入未实施情况说明");
-  }
-  revokeSaving.value = true;
-  setTimeout(() => {
-    revokeSaving.value = false;
-  }, 1000);
-}
-
-// 下载文件
-const downloadFiles = (r:any,type:string) => {
-  // 下载申请表
-  if(type==='apply'){
-    
-  }
-  // 下载已验收待关闭
-  if(type==='accepted'){
-
-  }
-  // 下载归档包
-  if(type==='closed'){
-
-  }
-  window.$message?.info('还差接口');
-}
-
 // 分页改变
 const pageChange = (page: number) => {
   pagination.value.page = page;
@@ -437,44 +398,59 @@ onMounted(async () => {
             '--theme-color': themeStore.themeColor
           }"
         >
-          <div class="flex flex-wrap items-start gap-3">
+          <div class="flex flex-wrap items-center gap-3">
             <div class="min-w-0 flex-1">
               <div class="flex flex-wrap items-center gap-2">
-                <span class="text-xs text-slate-300">{{ Number(i)+1 }}</span>
+                <span class="text-xs text-slate-500">{{ Number(i)+1 }}</span>
                 <p class="cursor-pointer text-left text-sm font-semibold text-slate-800 hover:text-[var(--theme-color)] hover:underline" @click="jumpTo(r)">
                   {{ r.title }}
                 </p>
-                <NTag size="small" v-if="r.urgent" type="error">紧急</NTag>
-                <span class="font-mono text-[11px] text-slate-400">{{ r.change_no }}</span>
+                <span class="text-xs text-slate-400">{{ r.change_no }}</span>
+                <div class="flex items-center gap-2">
+                  <NTag size="small" v-if="r.urgent" type="error">紧急</NTag>
+                  <div class="flex flex-wrap items-center gap-1.5">
+                    <!-- 类型 -->
+                    <NTag 
+                      size="small"
+                      :color="{
+                        color: tagBgColor(matchObj(typeList,r.change_type)?.color),
+                        textColor: tagTextColor(matchObj(typeList,r.change_type)?.color),
+                        borderColor: tagBorderColor(matchObj(typeList,r.change_type)?.color),
+                      }"
+                    >
+                      {{ matchObj(typeList,r.change_type)?.label }}
+                    </NTag>
+                    <!-- 等级 -->
+                    <NTag 
+                      size="small"
+                      :color="{
+                        color: tagBgColor(matchObj(levelList,r.change_level)?.color),
+                        textColor: tagTextColor(matchObj(levelList,r.change_level)?.color),
+                        borderColor: tagBorderColor(matchObj(levelList,r.change_level)?.color),
+                      }"
+                    >
+                      {{ matchObj(levelList,r.change_level)?.label }}
+                    </NTag>
+                    <NTag v-if="r.duration_type===2" size="small" type="warning">临时</NTag>
+                    <NTag v-if="r.duration_type===1" size="small" type="info">永久</NTag>
+                    <NTag v-if="r.extend_count" size="small" type="warning">延期</NTag>
+                  </div>
+                  <div class="flex flex-wrap items-center gap-2">
+                    <!-- 状态标签 -->
+                    <NTag v-if="r.status==='APPROVING'" size="small" type="warning">审批中</NTag>
+                    <NTag v-if="r.status==='APPROVED'" size="small" type="success">已通过</NTag>
+                    <NTag v-if="r.status==='IMPLEMENTED'" size="small" type="success">待验收</NTag>
+                    <NTag v-if="r.status==='ACCEPTED'" size="small" type="error">待关闭</NTag>
+                    <NTag v-if="r.status==='CLOSED'" size="small" type="success">已关闭</NTag>
+                    <NTag v-if="r.status==='WITHDRAWN'" size="small" type="error">已撤回</NTag>
+                    <NTag v-if="r.status==='REJECTED'" size="small" type="error">已驳回</NTag>
+                  </div>
+                  <!-- 超期 -->
+                  <span v-if="r.overdue_status===2" class="text-xs font-medium text-red-500">超期 {{ r.overdue_days }} 天</span>
+                </div>
               </div>
-              <div class="mt-1.5 flex flex-wrap items-center gap-1.5">
-                <!-- 类型 -->
-                <NTag 
-                  size="small"
-                  :color="{
-                    color: tagBgColor(matchObj(typeList,r.change_type)?.color),
-                    textColor: tagTextColor(matchObj(typeList,r.change_type)?.color),
-                    borderColor: tagBorderColor(matchObj(typeList,r.change_type)?.color),
-                  }"
-                >
-                  {{ matchObj(typeList,r.change_type)?.label }}
-                </NTag>
-                <!-- 等级 -->
-                <NTag 
-                  size="small"
-                  :color="{
-                    color: tagBgColor(matchObj(levelList,r.change_level)?.color),
-                    textColor: tagTextColor(matchObj(levelList,r.change_level)?.color),
-                    borderColor: tagBorderColor(matchObj(levelList,r.change_level)?.color),
-                  }"
-                >
-                  {{ matchObj(levelList,r.change_level)?.label }}
-                </NTag>
-                <NTag v-if="r.duration_type===2" size="small" type="warning">临时</NTag>
-                <NTag v-if="r.duration_type===1" size="small" type="info">永久</NTag>
-                <NTag v-if="r.extend_count" size="small" type="warning">延期</NTag>
-              </div>
-              <div class="mt-1.5 flex flex-wrap gap-x-4 gap-y-0.5 text-[11px] text-slate-500">
+              
+              <div class="mt-1.5 flex flex-wrap gap-x-4 gap-y-0.5 text-xs text-slate-500">
                 <span v-if="r.apply_time">申请 {{ r.apply_time?.slice(0,16) }}</span>
                 <span>{{ r.org_name }} · {{ r.applicant_name }}</span>
                 <span v-if="r.plan_use_date">计划投用 {{ r.plan_use_date?.slice(0,16) }}</span>
@@ -485,35 +461,11 @@ onMounted(async () => {
               </div>
             </div>
             <div class="flex shrink-0 flex-col items-end gap-1.5">
-              <div class="flex flex-wrap items-center justify-end gap-2">
-                <!-- 状态标签 -->
-                <NTag v-if="r.status==='APPROVING'" size="small" type="warning">审批中</NTag>
-                <NTag v-if="r.status==='APPROVED'" size="small" type="success">已通过</NTag>
-                <NTag v-if="r.status==='IMPLEMENTED'" size="small" type="success">待验收</NTag>
-                <NTag v-if="r.status==='ACCEPTED'" size="small" type="error">待关闭</NTag>
-                <NTag v-if="r.status==='CLOSED'" size="small" type="success">已关闭</NTag>
-                <NTag v-if="r.status==='WITHDRAWN'" size="small" type="error">已撤回</NTag>
-                <NTag v-if="r.status==='REJECTED'" size="small" type="error">已驳回</NTag>
-                <!-- 超期 -->
-                <span v-if="r.overdue_status===2" class="text-[11px] font-medium text-red-500">超期 {{ r.overdue_days }} 天</span>
-              </div>
               <!-- 操作按钮 -->
               <div class="flex flex-wrap items-center justify-end gap-1 pt-0.5">
-                <!-- 审批中 -->
-                <!-- <NButton v-if="r.status==='APPROVING'" size="small" ghost type="error" class="text-xs" @click="openModal(r,'withdraw')">撤回</NButton> -->
-                <!-- 已批准待实施 -->
-                <!-- <NButton v-if="r.status==='APPROVED'" size="small" ghost type="primary" class="text-xs" @click="openModal(r,'unimplemented')">未实施情况说明</NButton> -->
-                <!-- <NButton v-if="r.status==='APPROVED'" size="small" ghost type="success" class="text-xs" @click="downloadFiles(r,'apply')">下载申请表</NButton> -->
-                <!-- 已验收待关闭 -->
-                <!-- <NButton v-if="r.status==='ACCEPTED'" size="small" ghost type="primary" class="text-xs" @click="openModal(r,'unuse')">未投用情况说明</NButton> -->
-                <!-- <NButton v-if="r.status==='ACCEPTED'" size="small" ghost type="success" class="text-xs" @click="downloadFiles(r,'accepted')">下载</NButton> -->
-                <!-- 已关闭 -->
-                <!-- <NButton v-if="r.status==='CLOSED'" size="small" ghost type="success" class="text-xs" @click="downloadFiles(r,'closed')">下载归档包</NButton> -->
                 <NButton size="small" type="primary" class="text-xs" @click="jumpTo(r)">详情</NButton>
                 <NButton size="small" type="default" class="text-xs" @click="openProgress(r)">进度</NButton>
               </div>
-              <!-- 临时变更 -->
-              <div v-if="r.duration_type === 2" class="text-right text-[10px] leading-4 text-slate-400">临时变更恢复 / 延期 / 转永久请在详情页中操作</div>
             </div>
           </div>
         </div>
@@ -533,49 +485,12 @@ onMounted(async () => {
           </template>
         </NPagination>
       </div>
-      <!-- 撤回/未实施情况说明/未投用情况说明弹框 -->
-      <NModal
-          v-model:show="revokeModal"
-          preset="card"
-          :auto-focus="false"
-          :style="{ width: '450px', height: 'auto' }"
-          :segmented="{ content: true, footer: true }"
-      >
-          <template #header>
-              <h3 class="text-sm font-bold text-slate-800">
-                <span v-if="modalType === 'withdraw'">撤回变更申请</span>
-                <span v-else-if="modalType === 'unuse'">未投用情况说明</span>
-                <span v-else>未实施情况说明</span>
-                {{currentRow?.change_no}}
-              </h3>
-          </template>
-          <template #default>
-              <div class="rounded-lg bg-slate-50 px-3 py-2 text-xs leading-5 text-slate-500">
-                {{ modalType === 'withdraw'
-              ? '撤回后申请退回草稿状态，已产生的审批记录保留可查；修改内容后可重新提交。仅本人发起的审批中变更可撤回。'
-              : '变更审批通过 / 投用后未实施或未投用的，由申请人填写情况说明，提交后变更转入关闭流程，由变更主管部门专责确认关闭并记录关闭时间。' }}
-              </div>
-              <NInput
-                  class="mt-3"
-                  v-model:value="reason"
-                  type="textarea"
-                  :rows="3"
-                  :placeholder="modalType === 'withdraw' ? '撤回理由（必填）…' : '情况说明（必填）：原因、现场当前状态、后续处置安排…'"
-              />
-          </template>
-          <template #footer>
-              <div class="flex justify-end gap-[10px]">
-                  <NButton size="small" @click="revokeModal = false">取消</NButton>
-                  <NButton size="small" type="primary" :loading="revokeSaving" @click="revokeSave">提交</NButton>
-              </div>
-          </template>
-      </NModal>
       <!-- 进度弹框 -->
       <NDrawer v-model:show="progressDrawer" :width="502" placement="right" :auto-focus="false">
         <NDrawerContent title="变更进度">
           <div class="rounded-lg border bg-slate-50/60 px-3 py-2.5">
             <div class="text-sm font-semibold text-slate-800">{{ currentRow?.title }}</div>
-            <div class="mt-1.5 flex flex-wrap items-center gap-1.5 text-[11px] text-slate-400">
+            <div class="mt-1.5 flex flex-wrap items-center gap-1.5 text-xs text-slate-400">
                 <span class="font-mono">{{ currentRow?.change_no }}</span>
                 <NTag v-if="currentRow.status==='APPROVING'" size="small" type="warning">审批中</NTag>
                 <NTag v-if="currentRow.status==='APPROVED'" size="small" type="success">已通过</NTag>
@@ -586,8 +501,8 @@ onMounted(async () => {
                 <NTag v-if="currentRow.status==='REJECTED'" size="small" type="error">已驳回</NTag>
                 <span v-if="currentRow?.overdue_status===2" class="font-medium text-red-500">超期 {{ currentRow?.overdue_days }} 天</span>
             </div>
-            <div v-if="currentRow?.dept || currentRow?.applicant" class="mt-1 text-[11px] text-slate-400">{{ [currentRow?.dept, currentRow?.applicant].filter(Boolean).join(' · ') }}</div>
-            <div v-if="currentRow?.meta" class="mt-1 text-[11px] text-slate-400">{{ currentRow?.meta }}</div>
+            <div v-if="currentRow?.dept || currentRow?.applicant" class="mt-1 text-xs text-slate-400">{{ [currentRow?.dept, currentRow?.applicant].filter(Boolean).join(' · ') }}</div>
+            <div v-if="currentRow?.meta" class="mt-1 text-xs text-slate-400">{{ currentRow?.meta }}</div>
           </div>
           <div class="mt-4">
             <div v-for="(s, i) in currentRow?.approval_records" :key="s.id" class="flex gap-3">
@@ -603,11 +518,11 @@ onMounted(async () => {
               </div>
               <div class="pb-5">
                 <p class="text-sm">{{ s.action }}</p>
-                <span class="mt-0.5 text-[11px] text-slate-400">{{s.finished_at?.slice(0, 16)}}</span>
+                <span class="mt-0.5 text-xs text-slate-400">{{s.finished_at?.slice(0, 16)}}</span>
               </div>
             </div>
           </div>
-          <div v-if="currentRow?.duration_type === 2" class="rounded-lg border border-amber-200 bg-amber-50/50 px-3 py-2 text-[11px] leading-5 text-amber-700">
+          <div v-if="currentRow?.duration_type === 2" class="rounded-lg border border-amber-200 bg-amber-50/50 px-3 py-2 text-xs leading-5 text-amber-700">
             临时变更：计划恢复 {{ currentRow?.restore_deadline ?? '—' }} · 恢复 / 延期 / 转永久请在详情页中操作
           </div>
         </NDrawerContent>
diff --git a/src/views/changeStatistics/index.vue b/src/views/changeStatistics/index.vue
index d97c97b..11d4bb1 100644
--- a/src/views/changeStatistics/index.vue
+++ b/src/views/changeStatistics/index.vue
@@ -147,7 +147,7 @@ onMounted(() => {
       <NGrid cols="s:1 m:5 l:5" responsive="screen" :x-gap="16" :y-gap="16">
         <NGi>
           <div 
-            class="flex-1 bg-white px-16px py-12px text-[#94a3b8]"
+            class="flex-1 bg-white px-16px py-12px text-[#94a3b8] shadow-[0_0_15px_rgba(0,0,0,0.1)]"
             :style="{ borderRadius: themeStore.themeRadius + 'px' }"
           >
             <p class="text-12px font-600">申请变更数量</p>
@@ -163,7 +163,7 @@ onMounted(() => {
         </NGi>
         <NGi>
           <div 
-            class="flex-1 bg-white px-16px py-12px text-[#94a3b8]"
+            class="flex-1 bg-white px-16px py-12px text-[#94a3b8] shadow-[0_0_15px_rgba(0,0,0,0.1)]"
             :style="{ borderRadius: themeStore.themeRadius + 'px' }"
           >
             <p class="text-12px font-600">重要变更数量</p>
@@ -179,7 +179,7 @@ onMounted(() => {
         </NGi>
         <NGi>
           <div 
-            class="flex-1 bg-white px-16px py-12px text-[#94a3b8]"
+            class="flex-1 bg-white px-16px py-12px text-[#94a3b8] shadow-[0_0_15px_rgba(0,0,0,0.1)]"
             :style="{ borderRadius: themeStore.themeRadius + 'px' }"
           >
             <p class="text-12px font-600">未关闭变更数量</p>
@@ -195,7 +195,7 @@ onMounted(() => {
         </NGi>
         <NGi>
           <div 
-            class="flex-1 bg-white px-16px py-12px text-[#94a3b8]"
+            class="flex-1 bg-white px-16px py-12px text-[#94a3b8] shadow-[0_0_15px_rgba(0,0,0,0.1)]"
             :style="{ borderRadius: themeStore.themeRadius + 'px' }"
           >
             <p class="text-12px font-600">平均审批通过时长</p>
@@ -213,7 +213,7 @@ onMounted(() => {
         </NGi>
         <NGi>
           <div 
-            class="flex-1 bg-white px-16px py-12px text-[#94a3b8]"
+            class="flex-1 bg-white px-16px py-12px text-[#94a3b8] shadow-[0_0_15px_rgba(0,0,0,0.1)]"
             :style="{ borderRadius: themeStore.themeRadius + 'px' }"
           >
             <p class="text-12px font-600">申请驳回率</p>
@@ -232,7 +232,7 @@ onMounted(() => {
       
       <NGrid :x-gap="16" :y-gap="16" responsive="screen" item-responsive>
         <NGi span="24 s:24 m:24 l:6">
-          <NCard :bordered="false" size="small" :style="{ borderRadius: themeStore.themeRadius + 'px', height: '100%' }">
+          <NCard :bordered="false" size="small" class="shadow-[0_0_15px_rgba(0,0,0,0.1)]" :style="{ borderRadius: themeStore.themeRadius + 'px', height: '100%' }">
             <p class=" text-base font-semibold border-b border-slate-100 pb-3 mb-4">尚未关闭的变更所处的状态数量（共 {{openTotal}} 项）</p>
             <div class="space-y-3">
               <div v-for="s in deptStatistics?.open_status_counts" :key="s.status">
@@ -258,7 +258,7 @@ onMounted(() => {
           </NCard>
         </NGi>
         <NGi span="24 s:24 m:24 l:18">
-          <NCard :bordered="false" size="small" :style="{ borderRadius: themeStore.themeRadius + 'px', height: '100%' }">
+          <NCard :bordered="false" size="small" class="shadow-[0_0_15px_rgba(0,0,0,0.1)]" :style="{ borderRadius: themeStore.themeRadius + 'px', height: '100%' }">
             <p class=" text-base font-semibold border-b border-slate-100 pb-3 mb-4">验收达标 · 变更类型 · 变更时限分布</p>
             <div class="grid gap-4 grid-cols-3">
               <div>
@@ -280,7 +280,7 @@ onMounted(() => {
       
       <NGrid :x-gap="16" :y-gap="16" responsive="screen" item-responsive>
         <NGi span="24 s:24 m:24 l:12">
-          <NCard :bordered="false" size="small" :style="{ borderRadius: themeStore.themeRadius + 'px', height: '100%' }">
+          <NCard :bordered="false" size="small" class="shadow-[0_0_15px_rgba(0,0,0,0.1)]" :style="{ borderRadius: themeStore.themeRadius + 'px', height: '100%' }">
             <div class="border-b border-slate-100 pb-3 mb-4 flex justify-between items-center">
               <p class=" text-base font-semibold">各人员审批时间对比（平均处理时长）</p>
               <p class="text-[11px] text-slate-400 mt-5px">超过 2 天红色标识 · 用于会签催办与流程优化参考</p>
@@ -302,7 +302,7 @@ onMounted(() => {
           </NCard>
         </NGi>
         <NGi span="24 s:24 m:24 l:12">
-          <NCard :bordered="false" size="small" :style="{ borderRadius: themeStore.themeRadius + 'px', height: '100%' }">
+          <NCard :bordered="false" size="small" class="shadow-[0_0_15px_rgba(0,0,0,0.1)]" :style="{ borderRadius: themeStore.themeRadius + 'px', height: '100%' }">
             <p class=" text-base font-semibold border-b border-slate-100 pb-3 mb-4">临时变更到期提醒情况（共 {{tempTotal}} 项）</p>
             <div class="space-y-3">
               <div class="rounded-lg border px-3 py-2">
diff --git a/src/views/factoryOverview/index.vue b/src/views/factoryOverview/index.vue
index be1ce7e..1d0a134 100644
--- a/src/views/factoryOverview/index.vue
+++ b/src/views/factoryOverview/index.vue
@@ -45,7 +45,7 @@ onMounted(() => {
   <NGrid cols="s:1 m:4 l:4" responsive="screen" :x-gap="16" :y-gap="16" :style="{'--theme-color': themeStore.themeColor,'--theme-bg': getColorWithOpacity(themeStore.themeColor, 0.1)}">
     <NGi>
       <div 
-        class="bg-white px-16px py-12px text-[#94a3b8]"
+        class="bg-white px-16px py-12px text-[#94a3b8] shadow-[0_0_15px_rgba(0,0,0,0.1)]"
         :style="{ borderRadius: themeStore.themeRadius + 'px', height: '100%' }"
       >
         <p class="text-12px font-600 text-center">按期关闭率</p>
@@ -63,7 +63,7 @@ onMounted(() => {
     </NGi>
     <NGi>
       <div 
-        class="bg-white px-16px py-12px text-[#94a3b8]"
+        class="bg-white px-16px py-12px text-[#94a3b8] shadow-[0_0_15px_rgba(0,0,0,0.1)]"
         :style="{ borderRadius: themeStore.themeRadius + 'px', height: '100%' }"
       >
         <p class="text-12px font-600 text-center">PSSR 完成率</p>
@@ -81,7 +81,7 @@ onMounted(() => {
     </NGi>
     <NGi>
       <div 
-        class="bg-white px-16px py-12px text-[#94a3b8] flex flex-col justify-center items-center"
+        class="bg-white px-16px py-12px text-[#94a3b8] flex flex-col justify-center items-center shadow-[0_0_15px_rgba(0,0,0,0.1)]"
         :style="{ borderRadius: themeStore.themeRadius + 'px', height: '100%' }"
       >
         <p class="text-12px font-600 text-center">当月临时变更数量</p>
@@ -91,7 +91,7 @@ onMounted(() => {
     </NGi>
     <NGi>
       <div 
-        class="bg-white px-16px py-12px text-[#94a3b8] flex flex-col justify-center items-center"
+        class="bg-white px-16px py-12px text-[#94a3b8] flex flex-col justify-center items-center shadow-[0_0_15px_rgba(0,0,0,0.1)]"
         :style="{ borderRadius: themeStore.themeRadius + 'px', height: '100%' }"
       >
         <p class="text-12px font-600 text-center">平均关闭时长</p>
@@ -103,7 +103,7 @@ onMounted(() => {
 
   <NGrid :x-gap="16" :y-gap="16" responsive="screen" item-responsive>
     <NGi span="24 s:24 m:24 l:12">
-      <NCard :bordered="true" size="small" :content-style="{padding: 0}" :style="{ borderRadius: themeStore.themeRadius + 'px', height: '100%' }">
+      <NCard :bordered="false" size="small" class="shadow-[0_0_15px_rgba(0,0,0,0.1)]" :content-style="{padding: 0}" :style="{ borderRadius: themeStore.themeRadius + 'px', height: '100%' }">
           <p class=" text-base font-semibold border-b border-slate-100 p-3">月度变更数量</p>
           <div class="py-3 px-4">
               <ColumnChart v-if="homeData" :data="homeData?.monthly_counts || []" />
@@ -111,7 +111,7 @@ onMounted(() => {
       </NCard>
     </NGi>
     <NGi span="24 s:24 m:24 l:6">
-      <NCard :bordered="true" size="small" :content-style="{padding: 0}" :style="{ borderRadius: themeStore.themeRadius + 'px', height: '100%' }">
+      <NCard :bordered="false" size="small" class="shadow-[0_0_15px_rgba(0,0,0,0.1)]" :content-style="{padding: 0}" :style="{ borderRadius: themeStore.themeRadius + 'px', height: '100%' }">
           <p class=" text-base font-semibold border-b border-slate-100 p-3">变更类型分布</p>
           <div class="py-3 px-4">
               <RingChart v-if="homeData" :data="homeData?.type_dist || []" />
@@ -119,7 +119,7 @@ onMounted(() => {
       </NCard>
     </NGi>
     <NGi span="24 s:24 m:24 l:6">
-      <NCard :bordered="true" size="small" :content-style="{padding: 0}" 
+      <NCard :bordered="false" size="small" class="shadow-[0_0_15px_rgba(0,0,0,0.1)]" :content-style="{padding: 0}" 
         :style="{ 
           borderRadius: themeStore.themeRadius + 'px', 
           height: '100%',
@@ -167,7 +167,7 @@ onMounted(() => {
 
   <NGrid :x-gap="16" :y-gap="16" responsive="screen" item-responsive>
     <NGi span="24 s:24 m:24 l:16">
-      <NCard :bordered="true" size="small" :content-style="{padding: 0}" :style="{ borderRadius: themeStore.themeRadius + 'px', height: '100%' }">
+      <NCard :bordered="false" size="small" class="shadow-[0_0_15px_rgba(0,0,0,0.1)]" :content-style="{padding: 0}" :style="{ borderRadius: themeStore.themeRadius + 'px', height: '100%' }">
           <p class=" text-base font-semibold border-b border-slate-100 p-3">平均审批周期趋势（天）</p>
           <div class="py-3 px-4">
               <ColumnChart2 v-if="homeData" :data="homeData?.cycle_trend || []" />
@@ -175,7 +175,7 @@ onMounted(() => {
       </NCard>
     </NGi>
     <NGi span="24 s:24 m:24 l:8">
-      <NCard :bordered="true" size="small" :content-style="{padding: 0}" 
+      <NCard :bordered="false" size="small" class="shadow-[0_0_15px_rgba(0,0,0,0.1)]" :content-style="{padding: 0}" 
         :style="{ 
           borderRadius: themeStore.themeRadius + 'px', 
           height: '100%',
diff --git a/src/views/home/modules/template1.vue b/src/views/home/modules/template1.vue
index 8ffdf2d..f05a28f 100644
--- a/src/views/home/modules/template1.vue
+++ b/src/views/home/modules/template1.vue
@@ -74,7 +74,11 @@ onUnmounted(() => {
 <template>
 <NSpin :show="loading" size="small">
 <div class="space-y-3.5">
-    <NCard :bordered="false" size="small" :style="{ borderRadius: themeStore.themeRadius + 'px' }">
+    <NCard 
+      :bordered="false" 
+      size="small" 
+      class="shadow-[0_0_15px_rgba(0,0,0,0.1)]" 
+      :style="{ borderRadius: themeStore.themeRadius + 'px' }">
     <NGrid :x-gap="16" :y-gap="16" responsive="screen" item-responsive>
         <NGi span="24 s:24 m:16">
         <div class="flex-y-center">
@@ -99,7 +103,7 @@ onUnmounted(() => {
     <NGrid cols="s:1 m:2 l:2" responsive="screen" :x-gap="16" :y-gap="16">
     <NGi>
         <div 
-        class="flex-1 bg-[#fff2f0] px-16px py-12px text-[#e15555]"
+        class="flex-1 bg-[#fff2f0] px-16px py-12px text-[#e15555] shadow-[0_0_15px_rgba(0,0,0,0.1)]"
         :style="{ borderRadius: themeStore.themeRadius + 'px' }"
         >
         <p class="text-12px font-600">待关闭确认</p>
@@ -115,7 +119,7 @@ onUnmounted(() => {
     </NGi>
     <NGi>
         <div 
-        class="flex-1 bg-white px-16px py-12px text-[#94a3b8] cursor-pointer"
+        class="flex-1 bg-white px-16px py-12px text-[#94a3b8] cursor-pointer shadow-[0_0_15px_rgba(0,0,0,0.1)]"
         :style="{ borderRadius: themeStore.themeRadius + 'px' }"
             @click="jumpTo('changeledger')"
         >
@@ -136,7 +140,11 @@ onUnmounted(() => {
         <!-- 左侧 -->
         <NGi span="24 s:24 m:24 l:16">
             <!-- 待关闭确认 -->
-            <NCard :bordered="false" size="small" :style="{ borderRadius: themeStore.themeRadius + 'px' }">
+            <NCard 
+              :bordered="false" 
+              size="small" 
+              class="shadow-[0_0_15px_rgba(0,0,0,0.1)]" 
+              :style="{ borderRadius: themeStore.themeRadius + 'px' }">
                 <div class="flex items-center justify-between mb-3">
                     <div class="flex items-center gap-2">
                     <Icon icon="ix:success" class="size-16px" :style="{ color: themeStore.themeColor }" />
@@ -175,7 +183,11 @@ onUnmounted(() => {
                 </div>
             </NCard>
             <!-- 在途变更跟踪 -->
-            <NCard :bordered="false" size="small" class="mt-16px" :style="{ borderRadius: themeStore.themeRadius + 'px' }">
+            <NCard 
+              :bordered="false" 
+              size="small" 
+              class="mt-16px" 
+              :style="{ borderRadius: themeStore.themeRadius + 'px' }">
                 <div class="flex items-center justify-between mb-3">
                     <div class="flex items-center gap-2">
                     <Icon icon="akar-icons:file" class="size-16px" :style="{ color: themeStore.themeColor }" />
@@ -234,7 +246,11 @@ onUnmounted(() => {
         <!-- 右侧 -->
         <NGi span="24 s:24 m:24 l:8">
             <!-- 系统设置 -->
-            <NCard :bordered="false" size="small" :style="{ borderRadius: themeStore.themeRadius + 'px' }">
+            <NCard 
+              :bordered="false" 
+              size="small" 
+              class="shadow-[0_0_15px_rgba(0,0,0,0.1)]" 
+              :style="{ borderRadius: themeStore.themeRadius + 'px' }">
                 <div class="flex items-center flex-wrap gap-2">
                     <Icon icon="keyline-icons:sliders-horizontal" class="size-16px" :style="{ color: themeStore.themeColor }" />
                     <p class="text-13px font-700 text-#64749a">系统设置</p>
diff --git a/src/views/home/modules/template10.vue b/src/views/home/modules/template10.vue
index 0782ffb..89ad736 100644
--- a/src/views/home/modules/template10.vue
+++ b/src/views/home/modules/template10.vue
@@ -102,7 +102,11 @@ onUnmounted(() => {
 <template>
 <NSpin :show="loading" size="small">
 <div class="space-y-3.5">
-    <NCard :bordered="false" size="small" :style="{ borderRadius: themeStore.themeRadius + 'px' }">
+    <NCard 
+        :bordered="false" 
+        size="small" 
+        class="shadow-[0_0_15px_rgba(0,0,0,0.1)]" 
+        :style="{ borderRadius: themeStore.themeRadius + 'px' }">
     <NGrid :x-gap="16" :y-gap="16" responsive="screen" item-responsive>
         <NGi span="24 s:24 m:12">
             <div class="flex-y-center">
@@ -130,7 +134,7 @@ onUnmounted(() => {
     <NGrid cols="s:1 m:3 l:3" responsive="screen" :x-gap="16" :y-gap="16">
         <NGi>
             <div 
-            class="flex-1 bg-[#fff] px-16px py-12px cursor-pointer flex items-center gap-3"
+            class="flex-1 bg-[#fff] px-16px py-12px cursor-pointer flex items-center gap-3 shadow-[0_0_15px_rgba(0,0,0,0.1)]"
             :style="{ borderRadius: themeStore.themeRadius + 'px' }"
                 @click="jumpTo('changeledger')"
             >
@@ -150,7 +154,7 @@ onUnmounted(() => {
         </NGi>
         <NGi>
             <div 
-            class="flex-1 bg-[#fff] px-16px py-12px cursor-pointer flex items-center gap-3"
+            class="flex-1 bg-[#fff] px-16px py-12px cursor-pointer flex items-center gap-3 shadow-[0_0_15px_rgba(0,0,0,0.1)]"
             :style="{ borderRadius: themeStore.themeRadius + 'px' }"
                 @click="jumpTo('changeledger')"
             >
@@ -170,7 +174,7 @@ onUnmounted(() => {
         </NGi>
         <NGi>
             <div 
-            class="flex-1 bg-[#fff] px-16px py-12px cursor-pointer flex items-center gap-3"
+            class="flex-1 bg-[#fff] px-16px py-12px cursor-pointer flex items-center gap-3 shadow-[0_0_15px_rgba(0,0,0,0.1)]"
             :style="{ borderRadius: themeStore.themeRadius + 'px' }"
                 @click="jumpTo('changeledger')"
             >
@@ -194,7 +198,11 @@ onUnmounted(() => {
     <!-- 左侧 -->
     <NGi span="24 s:24 m:24 l:16">
         <!-- 变更动态 -->
-        <NCard :bordered="false" size="small" :style="{ borderRadius: themeStore.themeRadius + 'px' }">
+        <NCard 
+            :bordered="false" 
+            size="small" 
+            class="shadow-[0_0_15px_rgba(0,0,0,0.1)]" 
+            :style="{ borderRadius: themeStore.themeRadius + 'px' }">
             <div class="flex items-center justify-between mb-3">
                 <div class="flex items-center gap-2">
                 <Icon icon="akar-icons:file" class="size-16px" :style="{ color: themeStore.themeColor }" />
@@ -247,7 +255,11 @@ onUnmounted(() => {
         <NGrid :x-gap="16" :y-gap="16" responsive="screen" item-responsive class="mt-[16px]">
             <!-- 全厂变更阶段分布 -->
             <NGi span="24 s:24 m:24 l:24">
-                <NCard :bordered="false" size="small" :style="{ borderRadius: themeStore.themeRadius + 'px' }">
+                <NCard 
+                    :bordered="false" 
+                    size="small" 
+                    class="shadow-[0_0_15px_rgba(0,0,0,0.1)]" 
+                    :style="{ borderRadius: themeStore.themeRadius + 'px' }">
                     <div class="flex items-center mb-3 gap-2">
                         <Icon icon="lets-icons:clock" class="size-16px" :style="{ color: themeStore.themeColor }" />
                         <p class="text-13px font-700 text-#64749a">全厂变更阶段分布</p>
@@ -263,7 +275,11 @@ onUnmounted(() => {
     <!-- 右侧 -->
     <NGi span="24 s:24 m:24 l:8">
         <!-- 资料快捷查阅 -->
-        <NCard :bordered="false" size="small" :style="{ borderRadius: themeStore.themeRadius + 'px' }">
+        <NCard 
+            :bordered="false" 
+            size="small" 
+            class="shadow-[0_0_15px_rgba(0,0,0,0.1)]" 
+            :style="{ borderRadius: themeStore.themeRadius + 'px' }">
             <div class="flex items-center mb-3 gap-2">
                 <Icon icon="lucide:shield-alert" class="size-16px" :style="{ color: themeStore.themeColor }" />
                 <p class="text-13px font-700 text-#64749a">资料快捷查阅</p>
@@ -300,7 +316,11 @@ onUnmounted(() => {
             </div>
         </NCard>
         <!-- 全厂统计概览 -->
-        <NCard :bordered="false" size="small" :style="{ borderRadius: themeStore.themeRadius + 'px',marginTop:'16px' }">
+        <NCard 
+            :bordered="false" 
+            size="small" 
+            class="shadow-[0_0_15px_rgba(0,0,0,0.1)]" 
+            :style="{ borderRadius: themeStore.themeRadius + 'px',marginTop:'16px' }">
             <div class="flex items-center mb-3 gap-2">
                 <Icon icon="lets-icons:clock" class="size-16px" :style="{ color: themeStore.themeColor }" />
                 <p class="text-13px font-700 text-#64749a">全厂统计概览</p>
diff --git a/src/views/home/modules/template3.vue b/src/views/home/modules/template3.vue
index c38d6f7..bab653e 100644
--- a/src/views/home/modules/template3.vue
+++ b/src/views/home/modules/template3.vue
@@ -125,7 +125,11 @@ onUnmounted(() => {
 <template>
 <NSpin :show="loading" size="small">
 <div class="space-y-3.5">
-    <NCard :bordered="false" size="small" :style="{ borderRadius: themeStore.themeRadius + 'px' }">
+    <NCard 
+        :bordered="false" 
+        size="small" 
+        class="shadow-[0_0_15px_rgba(0,0,0,0.1)]" 
+        :style="{ borderRadius: themeStore.themeRadius + 'px' }">
     <NGrid :x-gap="16" :y-gap="16" responsive="screen" item-responsive>
         <NGi span="24 s:24 m:16">
         <div class="flex-y-center">
@@ -151,7 +155,7 @@ onUnmounted(() => {
     <NGrid cols="s:1 m:2 l:4" responsive="screen" :x-gap="16" :y-gap="16">
     <NGi>
         <div 
-        class="flex-1 bg-[#fff2f0] px-16px py-12px text-[#e15555] cursor-pointer"
+        class="flex-1 bg-[#fff2f0] px-16px py-12px text-[#e15555] cursor-pointer shadow-[0_0_15px_rgba(0,0,0,0.1)]"
         :style="{ borderRadius: themeStore.themeRadius + 'px' }"
             @click="jumpTo('my_mytask')"
         >
@@ -168,7 +172,7 @@ onUnmounted(() => {
     </NGi>
     <NGi>
         <div 
-        class="flex-1 bg-white px-16px py-12px text-[#94a3b8] cursor-pointer"
+        class="flex-1 bg-white px-16px py-12px text-[#94a3b8] cursor-pointer shadow-[0_0_15px_rgba(0,0,0,0.1)]"
         :style="{ borderRadius: themeStore.themeRadius + 'px' }"
             @click="jumpTo('my_mytask')"
         >
@@ -185,7 +189,7 @@ onUnmounted(() => {
     </NGi>
     <NGi>
         <div 
-        class="flex-1 bg-white px-16px py-12px text-[#94a3b8] cursor-pointer"
+        class="flex-1 bg-white px-16px py-12px text-[#94a3b8] cursor-pointer shadow-[0_0_15px_rgba(0,0,0,0.1)]"
         :style="{ borderRadius: themeStore.themeRadius + 'px' }"
             @click="jumpTo('my_mytask')"
         >
@@ -202,7 +206,7 @@ onUnmounted(() => {
     </NGi>
     <NGi>
         <div 
-        class="flex-1 bg-[#fff2f0] px-16px py-12px text-[#e15555] cursor-pointer"
+        class="flex-1 bg-[#fff2f0] px-16px py-12px text-[#e15555] cursor-pointer shadow-[0_0_15px_rgba(0,0,0,0.1)]"
         :style="{ borderRadius: themeStore.themeRadius + 'px' }"
             @click="jumpTo('my_mytask')"
         >
@@ -223,7 +227,11 @@ onUnmounted(() => {
     <!-- 左侧 -->
     <NGi span="24 s:24 m:24 l:16">
         <!-- 我的变更进度 -->
-        <NCard :bordered="false" size="small" :style="{ borderRadius: themeStore.themeRadius + 'px' }">
+        <NCard 
+            :bordered="false" 
+            size="small" 
+            class="shadow-[0_0_15px_rgba(0,0,0,0.1)]" 
+            :style="{ borderRadius: themeStore.themeRadius + 'px' }">
         <div class="flex items-center justify-between mb-3">
             <div class="flex items-center gap-2">
             <Icon icon="akar-icons:file" class="size-16px" :style="{ color: themeStore.themeColor }" />
@@ -305,7 +313,11 @@ onUnmounted(() => {
         <NGrid :x-gap="16" :y-gap="16" responsive="screen" item-responsive class="mt-[16px]">
         <!-- 临时变更到期提醒情况 -->
         <NGi span="12 s:12 m:12 l:12">
-            <NCard :bordered="false" size="small" :style="{ borderRadius: themeStore.themeRadius + 'px' }">
+            <NCard 
+                :bordered="false" 
+                size="small" 
+                class="shadow-[0_0_15px_rgba(0,0,0,0.1)]" 
+                :style="{ borderRadius: themeStore.themeRadius + 'px' }">
             <div class="flex items-center mb-3 gap-2">
                 <Icon icon="lets-icons:clock" class="size-16px" :style="{ color: themeStore.themeColor }" />
                 <p class="text-13px font-700 text-#64749a">临时变更到期提醒情况</p>
@@ -342,7 +354,11 @@ onUnmounted(() => {
         </NGi>
         <!-- 尚未关闭的变更所处状态 -->
         <NGi span="12 s:12 m:12 l:12">
-            <NCard :bordered="false" size="small" :style="{ borderRadius: themeStore.themeRadius + 'px',height:'100%' }">
+            <NCard 
+                :bordered="false" 
+                size="small" 
+                class="shadow-[0_0_15px_rgba(0,0,0,0.1)]" 
+                :style="{ borderRadius: themeStore.themeRadius + 'px',height:'100%' }">
             <div class="flex items-center mb-3 gap-2">
                 <Icon icon="akar-icons:file" class="size-16px" :style="{ color: themeStore.themeColor }" />
                 <p class="text-13px font-700 text-#64749a">尚未关闭的变更所处状态</p>
@@ -379,7 +395,11 @@ onUnmounted(() => {
     <!-- 右侧 -->
     <NGi span="24 s:24 m:24 l:8">
         <!-- 被驳回信息处理 -->
-        <NCard :bordered="false" size="small" :style="{ borderRadius: themeStore.themeRadius + 'px' }">
+        <NCard 
+            :bordered="false" 
+            size="small" 
+            class="shadow-[0_0_15px_rgba(0,0,0,0.1)]" 
+            :style="{ borderRadius: themeStore.themeRadius + 'px' }">
         <div class="flex items-center mb-3 gap-2">
             <Icon icon="system-uicons:reset" class="size-16px" :style="{ color: themeStore.themeColor }" />
             <p class="text-13px font-700 text-#64749a">被驳回信息处理</p>
@@ -417,7 +437,11 @@ onUnmounted(() => {
         </div>
         </NCard>
         <!-- 资料归档待办 -->
-        <NCard :bordered="false" size="small" :style="{ borderRadius: themeStore.themeRadius + 'px',marginTop:'16px' }">
+        <NCard 
+            :bordered="false" 
+            size="small" 
+            class="shadow-[0_0_15px_rgba(0,0,0,0.1)]" 
+            :style="{ borderRadius: themeStore.themeRadius + 'px',marginTop:'16px' }">
         <div class="flex items-center mb-3 gap-2">
             <Icon icon="quill:folder-open" class="size-16px" :style="{ color: themeStore.themeColor }" />
             <p class="text-13px font-700 text-#64749a">资料归档待办</p>
diff --git a/src/views/home/modules/template4.vue b/src/views/home/modules/template4.vue
index b6c3bd6..2ccf529 100644
--- a/src/views/home/modules/template4.vue
+++ b/src/views/home/modules/template4.vue
@@ -114,7 +114,11 @@ onUnmounted(() => {
 <template>
 <NSpin :show="loading" size="small">
 <div class="space-y-3.5">
-    <NCard :bordered="false" size="small" :style="{ borderRadius: themeStore.themeRadius + 'px' }">
+    <NCard 
+        :bordered="false" 
+        size="small" 
+        class="shadow-[0_0_15px_rgba(0,0,0,0.1)]" 
+        :style="{ borderRadius: themeStore.themeRadius + 'px' }">
     <NGrid :x-gap="16" :y-gap="16" responsive="screen" item-responsive>
         <NGi span="24 s:24 m:12">
             <div class="flex-y-center">
@@ -143,7 +147,7 @@ onUnmounted(() => {
     <NGrid cols="s:1 m:2 l:4" responsive="screen" :x-gap="16" :y-gap="16">
     <NGi>
         <div 
-        class="flex-1 bg-[#fff] px-16px py-12px cursor-pointer flex items-center gap-3"
+        class="flex-1 bg-[#fff] px-16px py-12px cursor-pointer flex items-center gap-3 shadow-[0_0_15px_rgba(0,0,0,0.1)]"
         :style="{ borderRadius: themeStore.themeRadius + 'px' }"
             @click="jumpTo('my_mytask')"
         >
@@ -164,7 +168,7 @@ onUnmounted(() => {
     </NGi>
     <NGi>
         <div 
-        class="flex-1 bg-[#fff] px-16px py-12px cursor-pointer flex items-center gap-3"
+        class="flex-1 bg-[#fff] px-16px py-12px cursor-pointer flex items-center gap-3 shadow-[0_0_15px_rgba(0,0,0,0.1)]"
         :style="{ borderRadius: themeStore.themeRadius + 'px' }"
             @click="jumpTo('professionalstatistics')"
         >
@@ -184,7 +188,7 @@ onUnmounted(() => {
     </NGi>
     <NGi>
         <div 
-        class="flex-1 bg-[#fff] px-16px py-12px cursor-pointer flex items-center gap-3"
+        class="flex-1 bg-[#fff] px-16px py-12px cursor-pointer flex items-center gap-3 shadow-[0_0_15px_rgba(0,0,0,0.1)]"
         :style="{ borderRadius: themeStore.themeRadius + 'px' }"
             @click="jumpTo('my_highrisk')"
         >
@@ -204,7 +208,7 @@ onUnmounted(() => {
     </NGi>
     <NGi>
         <div 
-        class="flex-1 bg-[#fff] px-16px py-12px cursor-pointer flex items-center gap-3"
+        class="flex-1 bg-[#fff] px-16px py-12px cursor-pointer flex items-center gap-3 shadow-[0_0_15px_rgba(0,0,0,0.1)]"
         :style="{ borderRadius: themeStore.themeRadius + 'px' }"
             @click="jumpTo('professionalstatistics')"
         >
@@ -228,7 +232,11 @@ onUnmounted(() => {
     <!-- 左侧 -->
     <NGi span="24 s:24 m:24 l:16">
         <!-- 待我会签 -->
-        <NCard :bordered="false" size="small" :style="{ borderRadius: themeStore.themeRadius + 'px' }">
+        <NCard 
+            :bordered="false" 
+            size="small" 
+            class="shadow-[0_0_15px_rgba(0,0,0,0.1)]" 
+            :style="{ borderRadius: themeStore.themeRadius + 'px' }">
             <div class="flex items-center justify-between mb-3">
                 <div class="flex items-center gap-2">
                 <Icon icon="lucide:clipboard-check" class="size-16px" :style="{ color: themeStore.themeColor }" />
@@ -306,7 +314,11 @@ onUnmounted(() => {
         <NGrid :x-gap="16" :y-gap="16" responsive="screen" item-responsive class="mt-[16px]">
             <!-- 最近已会签 -->
             <NGi span="24 s:24 m:24 l:24">
-                <NCard :bordered="false" size="small" :style="{ borderRadius: themeStore.themeRadius + 'px' }">
+                <NCard 
+                    :bordered="false" 
+                    size="small" 
+                    class="shadow-[0_0_15px_rgba(0,0,0,0.1)]" 
+                    :style="{ borderRadius: themeStore.themeRadius + 'px' }">
                     <div class="flex items-center mb-3 gap-2">
                         <Icon icon="ix:success" class="size-16px" :style="{ color: themeStore.themeColor }" />
                         <p class="text-13px font-700 text-#64749a">最近已会签</p>
@@ -336,7 +348,11 @@ onUnmounted(() => {
     <!-- 右侧 -->
     <NGi span="24 s:24 m:24 l:8">
         <!-- 高风险变更 -->
-        <NCard :bordered="false" size="small" :style="{ borderRadius: themeStore.themeRadius + 'px' }">
+        <NCard 
+            :bordered="false" 
+            size="small" 
+            class="shadow-[0_0_15px_rgba(0,0,0,0.1)]" 
+            :style="{ borderRadius: themeStore.themeRadius + 'px' }">
         <div class="flex items-center mb-3 gap-2">
             <Icon icon="lucide:shield-alert" class="size-16px" :style="{ color: themeStore.themeColor }" />
             <p class="text-13px font-700 text-#64749a">高风险变更</p>
@@ -360,7 +376,11 @@ onUnmounted(() => {
         </template>
         </NCard>
         <!-- 我的会签效率 -->
-        <NCard :bordered="false" size="small" :style="{ borderRadius: themeStore.themeRadius + 'px',marginTop:'16px' }">
+        <NCard 
+            :bordered="false" 
+            size="small" 
+            class="shadow-[0_0_15px_rgba(0,0,0,0.1)]" 
+            :style="{ borderRadius: themeStore.themeRadius + 'px',marginTop:'16px' }">
             <div class="flex items-center mb-3 gap-2">
                 <Icon icon="lets-icons:clock" class="size-16px" :style="{ color: themeStore.themeColor }" />
                 <p class="text-13px font-700 text-#64749a">我的会签效率</p>
diff --git a/src/views/home/modules/template6.vue b/src/views/home/modules/template6.vue
index ee0de72..1760ae7 100644
--- a/src/views/home/modules/template6.vue
+++ b/src/views/home/modules/template6.vue
@@ -131,7 +131,11 @@ onUnmounted(() => {
 <template>
   <NSpin :show="loading" size="small">
     <div class="space-y-3.5">
-      <NCard :bordered="false" size="small" :style="{ borderRadius: themeStore.themeRadius + 'px' }">
+      <NCard 
+        :bordered="false" 
+        size="small" 
+        class="shadow-[0_0_15px_rgba(0,0,0,0.1)]" 
+        :style="{ borderRadius: themeStore.themeRadius + 'px' }">
         <NGrid :x-gap="16" :y-gap="16" responsive="screen" item-responsive>
           <NGi span="24 s:24 m:10">
             <div class="flex-y-center">
@@ -163,7 +167,7 @@ onUnmounted(() => {
       <NGrid cols="s:1 m:2 l:4" responsive="screen" :x-gap="16" :y-gap="16">
         <NGi>
           <div
-            class="flex-1 bg-[#fff] px-16px py-12px cursor-pointer flex items-center gap-3"
+            class="flex-1 bg-[#fff] px-16px py-12px cursor-pointer flex items-center gap-3 shadow-[0_0_15px_rgba(0,0,0,0.1)]"
             :style="{ borderRadius: themeStore.themeRadius + 'px' }"
             @click="jumpTo('my_mytask')"
           >
@@ -184,7 +188,7 @@ onUnmounted(() => {
         </NGi>
         <NGi>
           <div
-            class="flex-1 bg-[#fff] px-16px py-12px cursor-pointer flex items-center gap-3"
+            class="flex-1 bg-[#fff] px-16px py-12px cursor-pointer flex items-center gap-3 shadow-[0_0_15px_rgba(0,0,0,0.1)]"
             :style="{ borderRadius: themeStore.themeRadius + 'px' }"
             @click="jumpTo('my_pssr')"
           >
@@ -204,7 +208,7 @@ onUnmounted(() => {
         </NGi>
         <NGi>
           <div
-            class="flex-1 bg-[#fff] px-16px py-12px cursor-pointer flex items-center gap-3"
+            class="flex-1 bg-[#fff] px-16px py-12px cursor-pointer flex items-center gap-3 shadow-[0_0_15px_rgba(0,0,0,0.1)]"
             :style="{ borderRadius: themeStore.themeRadius + 'px' }"
             @click="jumpTo('my_highrisk')"
           >
@@ -224,7 +228,7 @@ onUnmounted(() => {
         </NGi>
         <NGi>
           <div
-            class="flex-1 bg-[#fff] px-16px py-12px cursor-pointer flex items-center gap-3"
+            class="flex-1 bg-[#fff] px-16px py-12px cursor-pointer flex items-center gap-3 shadow-[0_0_15px_rgba(0,0,0,0.1)]"
             :style="{ borderRadius: themeStore.themeRadius + 'px' }"
             @click="jumpTo('changeledger')"
           >
@@ -249,7 +253,11 @@ onUnmounted(() => {
         <!-- 左侧 -->
         <NGi span="24 s:24 m:24 l:16">
           <!-- 审批待办 -->
-          <NCard :bordered="false" size="small" :style="{ borderRadius: themeStore.themeRadius + 'px' }">
+          <NCard 
+            :bordered="false" 
+            size="small" 
+            class="shadow-[0_0_15px_rgba(0,0,0,0.1)]" 
+            :style="{ borderRadius: themeStore.themeRadius + 'px' }">
             <div class="flex items-center justify-between mb-3">
               <div class="flex items-center gap-2">
                 <Icon icon="lucide:clipboard-check" class="size-16px" :style="{ color: themeStore.themeColor }" />
@@ -332,7 +340,11 @@ onUnmounted(() => {
           <NGrid :x-gap="16" :y-gap="16" responsive="screen" item-responsive class="mt-[16px]">
             <!-- 通过审批的变更（未关闭） -->
             <NGi span="24 s:24 m:24 l:24">
-              <NCard :bordered="false" size="small" :style="{ borderRadius: themeStore.themeRadius + 'px' }">
+              <NCard 
+                :bordered="false" 
+                size="small" 
+                class="shadow-[0_0_15px_rgba(0,0,0,0.1)]" 
+                :style="{ borderRadius: themeStore.themeRadius + 'px' }">
                 <div class="flex items-center mb-3 gap-2">
                   <Icon icon="lucide:list-checks" class="size-16px" :style="{ color: themeStore.themeColor }" />
                   <p class="text-13px font-700 text-#64749a">通过审批的变更（未关闭）</p>
@@ -377,7 +389,11 @@ onUnmounted(() => {
         <!-- 右侧 -->
         <NGi span="24 s:24 m:24 l:8">
           <!-- 高风险变更跟踪 -->
-          <NCard :bordered="false" size="small" :style="{ borderRadius: themeStore.themeRadius + 'px' }">
+          <NCard 
+            :bordered="false" 
+            size="small" 
+            class="shadow-[0_0_15px_rgba(0,0,0,0.1)]" 
+            :style="{ borderRadius: themeStore.themeRadius + 'px' }">
             <div class="flex items-center mb-3 gap-2">
               <Icon icon="lucide:shield-alert" class="size-16px" :style="{ color: themeStore.themeColor }" />
               <p class="text-13px font-700 text-#64749a">高风险变更跟踪</p>
diff --git a/src/views/home/modules/template7.vue b/src/views/home/modules/template7.vue
index 6ff043a..515dd07 100644
--- a/src/views/home/modules/template7.vue
+++ b/src/views/home/modules/template7.vue
@@ -172,7 +172,11 @@ onUnmounted(() => {
 <template>
   <NSpin :show="loading" size="small">
     <div class="space-y-3.5">
-      <NCard :bordered="false" size="small" :style="{ borderRadius: themeStore.themeRadius + 'px' }">
+      <NCard 
+        :bordered="false" 
+        size="small" 
+        class="shadow-[0_0_15px_rgba(0,0,0,0.1)]" 
+        :style="{ borderRadius: themeStore.themeRadius + 'px' }">
         <NGrid :x-gap="16" :y-gap="16" responsive="screen" item-responsive>
           <NGi span="24 s:24 m:8">
             <div class="flex-y-center">
@@ -201,7 +205,7 @@ onUnmounted(() => {
       <NGrid cols="s:1 m:2 l:4" responsive="screen" :x-gap="16" :y-gap="16">
         <NGi>
           <div
-            class="flex-1 bg-white px-16px py-12px text-[#94a3b8] cursor-pointer"
+            class="flex-1 bg-white px-16px py-12px text-[#94a3b8] cursor-pointer shadow-[0_0_15px_rgba(0,0,0,0.1)]"
             :style="{ borderRadius: themeStore.themeRadius + 'px' }"
             @click="jumpTo('my_mytask')"
           >
@@ -219,7 +223,7 @@ onUnmounted(() => {
         </NGi>
         <NGi>
           <div
-            class="flex-1 bg-[#fff2f0] px-16px py-12px text-[#e15555] cursor-pointer"
+            class="flex-1 bg-[#fff2f0] px-16px py-12px text-[#e15555] cursor-pointer shadow-[0_0_15px_rgba(0,0,0,0.1)]"
             :style="{ borderRadius: themeStore.themeRadius + 'px' }"
             @click="jumpTo('changeledger')"
           >
@@ -236,7 +240,7 @@ onUnmounted(() => {
         </NGi>
         <NGi>
           <div
-            class="flex-1 bg-white px-16px py-12px text-[#94a3b8] cursor-pointer"
+            class="flex-1 bg-white px-16px py-12px text-[#94a3b8] cursor-pointer shadow-[0_0_15px_rgba(0,0,0,0.1)]"
             :style="{ borderRadius: themeStore.themeRadius + 'px' }"
             @click="jumpTo('my_mytask')"
           >
@@ -253,7 +257,7 @@ onUnmounted(() => {
         </NGi>
         <NGi>
           <div
-            class="flex-1 bg-[#fff2f0] px-16px py-12px text-[#e15555] cursor-pointer"
+            class="flex-1 bg-[#fff2f0] px-16px py-12px text-[#e15555] cursor-pointer shadow-[0_0_15px_rgba(0,0,0,0.1)]"
             :style="{ borderRadius: themeStore.themeRadius + 'px' }"
             @click="jumpTo('changeledger')"
           >
@@ -274,7 +278,11 @@ onUnmounted(() => {
         <!-- 左侧 -->
         <NGi span="24 s:24 m:24 l:16">
           <!-- 审批待办 -->
-          <NCard :bordered="false" size="small" :style="{ borderRadius: themeStore.themeRadius + 'px' }">
+          <NCard 
+            :bordered="false" 
+            size="small" 
+            class="shadow-[0_0_15px_rgba(0,0,0,0.1)]"
+            :style="{ borderRadius: themeStore.themeRadius + 'px' }">
             <div class="flex items-center justify-between mb-3">
               <div class="flex items-center gap-2">
                 <Icon icon="lucide:clipboard-check" class="size-16px" :style="{ color: themeStore.themeColor }" />
@@ -351,7 +359,11 @@ onUnmounted(() => {
             </div>
           </NCard>
           <!-- 未关闭变更进度一览 -->
-          <NCard :bordered="false" size="small" class="mt-16px" :style="{ borderRadius: themeStore.themeRadius + 'px' }">
+          <NCard 
+            :bordered="false" 
+            size="small" 
+            class="mt-16px shadow-[0_0_15px_rgba(0,0,0,0.1)]" 
+            :style="{ borderRadius: themeStore.themeRadius + 'px' }">
             <div class="flex items-center justify-between mb-3">
               <div class="flex items-center gap-2">
                 <Icon icon="lets-icons:clock" class="size-16px" :style="{ color: themeStore.themeColor }" />
@@ -431,7 +443,11 @@ onUnmounted(() => {
             </div>
           </NCard>
           <!-- 临时变更投用后情况 -->
-          <NCard :bordered="false" size="small" class="mt-16px" :style="{ borderRadius: themeStore.themeRadius + 'px' }">
+          <NCard 
+            :bordered="false" 
+            size="small" 
+            class="mt-16px shadow-[0_0_15px_rgba(0,0,0,0.1)]" 
+            :style="{ borderRadius: themeStore.themeRadius + 'px' }">
             <div class="flex items-center justify-between mb-3">
               <div class="flex items-center gap-2">
                 <Icon icon="lets-icons:clock" class="size-16px" :style="{ color: themeStore.themeColor }" />
@@ -483,7 +499,11 @@ onUnmounted(() => {
             </div>
           </NCard>
           <!-- 重点关注 -->
-          <NCard :bordered="false" size="small" class="mt-16px" :style="{ borderRadius: themeStore.themeRadius + 'px' }">
+          <NCard 
+            :bordered="false" 
+            size="small" 
+            class="mt-16px shadow-[0_0_15px_rgba(0,0,0,0.1)]" 
+            :style="{ borderRadius: themeStore.themeRadius + 'px' }">
             <div class="flex items-center justify-between mb-3">
               <div class="flex items-center gap-2">
                 <Icon icon="lucide:shield-alert" class="size-16px" :style="{ color: themeStore.themeColor }" />
@@ -536,7 +556,11 @@ onUnmounted(() => {
         <!-- 右侧 -->
         <NGi span="24 s:24 m:24 l:8">
           <!-- 本车间统计 -->
-          <NCard :bordered="false" size="small" :style="{ borderRadius: themeStore.themeRadius + 'px' }">
+          <NCard 
+            :bordered="false" 
+            size="small" 
+            class="shadow-[0_0_15px_rgba(0,0,0,0.1)]" 
+            :style="{ borderRadius: themeStore.themeRadius + 'px' }">
             <div class="flex items-center flex-wrap gap-2">
               <Icon icon="akar-icons:file" class="size-16px" :style="{ color: themeStore.themeColor }" />
               <p class="text-13px font-700 text-#64749a">本车间统计</p>
@@ -587,7 +611,11 @@ onUnmounted(() => {
             </div>
           </NCard>
           <!-- 资料管理 -->
-          <NCard :bordered="false" size="small" :style="{ borderRadius: themeStore.themeRadius + 'px',marginTop:'16px' }">
+          <NCard 
+            :bordered="false" 
+            size="small" 
+            class="shadow-[0_0_15px_rgba(0,0,0,0.1)]" 
+            :style="{ borderRadius: themeStore.themeRadius + 'px',marginTop:'16px' }">
             <div class="flex items-center mb-3 gap-2">
               <Icon icon="material-symbols:folder-open-outline" class="size-16px" :style="{ color: themeStore.themeColor }" />
               <p class="text-13px font-700 text-#64749a">资料管理</p>
@@ -624,7 +652,11 @@ onUnmounted(() => {
             </div>
           </NCard>
           <!-- 近一年验收结论占比 -->
-          <NCard :bordered="false" size="small" :style="{ borderRadius: themeStore.themeRadius + 'px',marginTop:'16px' }">
+          <NCard 
+            :bordered="false" 
+            size="small" 
+            class="shadow-[0_0_15px_rgba(0,0,0,0.1)]" 
+            :style="{ borderRadius: themeStore.themeRadius + 'px',marginTop:'16px' }">
             <div class="flex items-center mb-3 gap-2">
               <Icon icon="akar-icons:file" class="size-16px" :style="{ color: themeStore.themeColor }" />
               <p class="text-13px font-700 text-#64749a">近一年验收结论占比</p>
diff --git a/src/views/home/modules/template8.vue b/src/views/home/modules/template8.vue
index 3b669a6..2f8c5a4 100644
--- a/src/views/home/modules/template8.vue
+++ b/src/views/home/modules/template8.vue
@@ -113,7 +113,11 @@ onUnmounted(() => {
 <template>
 <NSpin :show="loading" size="small">
 <div class="space-y-3.5">
-    <NCard :bordered="false" size="small" :style="{ borderRadius: themeStore.themeRadius + 'px' }">
+    <NCard 
+        :bordered="false" 
+        size="small" 
+        class="shadow-[0_0_15px_rgba(0,0,0,0.1)]" 
+        :style="{ borderRadius: themeStore.themeRadius + 'px' }">
     <NGrid :x-gap="16" :y-gap="16" responsive="screen" item-responsive>
         <NGi span="24 s:24 m:8">
         <div class="flex-y-center">
@@ -153,7 +157,7 @@ onUnmounted(() => {
     >
         <NGi>
             <div 
-                class="h-100% flex-1 flex items-center gap-3 bg-white px-16px py-12px cursor-pointer transition hover:-translate-y-1"
+                class="h-100% flex-1 flex items-center gap-3 bg-white px-16px py-12px cursor-pointer transition hover:-translate-y-1 shadow-[0_0_15px_rgba(0,0,0,0.1)]"
                 :style="{ borderRadius: themeStore.themeRadius + 'px' }"
                 @click="jumpTo('my_mytask')"
             >
@@ -172,7 +176,7 @@ onUnmounted(() => {
         </NGi>
         <NGi>
             <div 
-                class="h-100% flex-1 flex items-center gap-3 bg-white px-16px py-12px cursor-pointer transition hover:-translate-y-1"
+                class="h-100% flex-1 flex items-center gap-3 bg-white px-16px py-12px cursor-pointer transition hover:-translate-y-1 shadow-[0_0_15px_rgba(0,0,0,0.1)]"
                 :style="{ borderRadius: themeStore.themeRadius + 'px' }"
                 @click="jumpTo('changeledger')"
             >
@@ -194,7 +198,7 @@ onUnmounted(() => {
         </NGi>
         <NGi>
             <div 
-                class="h-100% flex-1 flex items-center gap-3 bg-white px-16px py-12px cursor-pointer transition hover:-translate-y-1"
+                class="h-100% flex-1 flex items-center gap-3 bg-white px-16px py-12px cursor-pointer transition hover:-translate-y-1 shadow-[0_0_15px_rgba(0,0,0,0.1)]"
                 :style="{ borderRadius: themeStore.themeRadius + 'px' }"
                 @click="jumpTo('changeledger')"
             >
@@ -216,7 +220,7 @@ onUnmounted(() => {
         </NGi>
         <NGi>
             <div 
-                class="h-100% flex-1 flex items-center gap-3 bg-white px-16px py-12px cursor-pointer transition hover:-translate-y-1"
+                class="h-100% flex-1 flex items-center gap-3 bg-white px-16px py-12px cursor-pointer transition hover:-translate-y-1 shadow-[0_0_15px_rgba(0,0,0,0.1)]"
                 :style="{ borderRadius: themeStore.themeRadius + 'px' }"
                 @click="jumpTo('changeledger')"
             >
@@ -241,7 +245,11 @@ onUnmounted(() => {
     <!-- 左侧 -->
     <NGi span="24 s:24 m:24 l:16">
         <!-- 重要变更审批 -->
-        <NCard :bordered="false" size="small" :style="{ borderRadius: themeStore.themeRadius + 'px' }">
+        <NCard 
+            :bordered="false" 
+            size="small" 
+            class="shadow-[0_0_15px_rgba(0,0,0,0.1)]" 
+            :style="{ borderRadius: themeStore.themeRadius + 'px' }">
         <div class="flex items-center justify-between mb-3">
             <div class="flex items-center gap-2">
             <Icon icon="lucide:clipboard-check" class="size-16px" :style="{ color: themeStore.themeColor }" />
@@ -302,7 +310,11 @@ onUnmounted(() => {
         <NGrid :x-gap="16" :y-gap="16" responsive="screen" item-responsive class="mt-[16px]">
             <!-- 各部门 / 人员审批时长 -->
             <NGi span="24 s:24 m:24 l:24">
-                <NCard :bordered="false" size="small" :style="{ borderRadius: themeStore.themeRadius + 'px',height:'100%' }">
+                <NCard 
+                    :bordered="false" 
+                    size="small" 
+                    class="shadow-[0_0_15px_rgba(0,0,0,0.1)]" 
+                    :style="{ borderRadius: themeStore.themeRadius + 'px',height:'100%' }">
                     <div class="flex items-center justify-between mb-3">
                         <div class="flex items-center gap-2">
                             <Icon icon="lets-icons:clock" class="size-16px" :style="{ color: themeStore.themeColor }" />
@@ -364,7 +376,11 @@ onUnmounted(() => {
     <!-- 右侧 -->
     <NGi span="24 s:24 m:24 l:8">
         <!-- 超期未关闭变更 -->
-        <NCard :bordered="false" size="small" :style="{ borderRadius: themeStore.themeRadius + 'px' }">
+        <NCard 
+            :bordered="false" 
+            size="small" 
+            class="shadow-[0_0_15px_rgba(0,0,0,0.1)]" 
+            :style="{ borderRadius: themeStore.themeRadius + 'px' }">
         <div class="flex items-center mb-3 gap-2">
             <Icon icon="proicons:alert-triangle" class="size-16px" :style="{ color: themeStore.themeColor }" />
             <p class="text-13px font-700 text-#64749a">超期未关闭变更</p>
@@ -408,7 +424,11 @@ onUnmounted(() => {
         </div>
         </NCard>
         <!-- 临时变更临期或到期 -->
-        <NCard :bordered="false" size="small" :style="{ borderRadius: themeStore.themeRadius + 'px',marginTop:'16px' }">
+        <NCard 
+            :bordered="false" 
+            size="small" 
+            class="shadow-[0_0_15px_rgba(0,0,0,0.1)]" 
+            :style="{ borderRadius: themeStore.themeRadius + 'px',marginTop:'16px' }">
             <div class="flex items-center justify-between">
                 <div class="flex-1">
                     <div class="flex items-center gap-2">
diff --git a/src/views/home/modules/template9.vue b/src/views/home/modules/template9.vue
index f7b7926..0e99d71 100644
--- a/src/views/home/modules/template9.vue
+++ b/src/views/home/modules/template9.vue
@@ -114,7 +114,11 @@ onUnmounted(() => {
 <template>
 <NSpin :show="loading" size="small">
 <div class="space-y-3.5">
-    <NCard :bordered="false" size="small" :style="{ borderRadius: themeStore.themeRadius + 'px' }">
+    <NCard 
+        :bordered="false" 
+        size="small" 
+        class="shadow-[0_0_15px_rgba(0,0,0,0.1)]" 
+        :style="{ borderRadius: themeStore.themeRadius + 'px' }">
     <NGrid :x-gap="16" :y-gap="16" responsive="screen" item-responsive>
         <NGi span="24 s:24 m:12">
             <div class="flex-y-center">
@@ -143,7 +147,7 @@ onUnmounted(() => {
     <NGrid cols="s:1 m:2 l:4" responsive="screen" :x-gap="16" :y-gap="16">
     <NGi>
         <div 
-        class="flex-1 bg-[#fff] px-16px py-12px cursor-pointer flex items-center gap-3"
+        class="flex-1 bg-[#fff] px-16px py-12px cursor-pointer flex items-center gap-3 shadow-[0_0_15px_rgba(0,0,0,0.1)]"
         :style="{ borderRadius: themeStore.themeRadius + 'px' }"
             @click="jumpTo('my_mytask')"
         >
@@ -164,7 +168,7 @@ onUnmounted(() => {
     </NGi>
     <NGi>
         <div 
-        class="flex-1 bg-[#fff] px-16px py-12px cursor-pointer flex items-center gap-3"
+        class="flex-1 bg-[#fff] px-16px py-12px cursor-pointer flex items-center gap-3 shadow-[0_0_15px_rgba(0,0,0,0.1)]"
         :style="{ borderRadius: themeStore.themeRadius + 'px' }"
             @click="jumpTo('signstatistics')"
         >
@@ -183,7 +187,7 @@ onUnmounted(() => {
     </NGi>
     <NGi>
         <div 
-        class="flex-1 bg-[#fff] px-16px py-12px cursor-pointer flex items-center gap-3"
+        class="flex-1 bg-[#fff] px-16px py-12px cursor-pointer flex items-center gap-3 shadow-[0_0_15px_rgba(0,0,0,0.1)]"
         :style="{ borderRadius: themeStore.themeRadius + 'px' }"
             @click="jumpTo('changeledger')"
         >
@@ -203,7 +207,7 @@ onUnmounted(() => {
     </NGi>
     <NGi>
         <div 
-        class="flex-1 bg-[#fff] px-16px py-12px cursor-pointer flex items-center gap-3"
+        class="flex-1 bg-[#fff] px-16px py-12px cursor-pointer flex items-center gap-3 shadow-[0_0_15px_rgba(0,0,0,0.1)]"
         :style="{ borderRadius: themeStore.themeRadius + 'px' }"
             @click="jumpTo('signstatistics')"
         >
@@ -226,7 +230,11 @@ onUnmounted(() => {
     <!-- 左侧 -->
     <NGi span="24 s:24 m:24 l:16">
         <!-- 待我会签 -->
-        <NCard :bordered="false" size="small" :style="{ borderRadius: themeStore.themeRadius + 'px' }">
+        <NCard 
+            :bordered="false" 
+            size="small" 
+            class="shadow-[0_0_15px_rgba(0,0,0,0.1)]" 
+            :style="{ borderRadius: themeStore.themeRadius + 'px' }">
             <div class="flex items-center justify-between mb-3">
                 <div class="flex items-center gap-2">
                 <Icon icon="lucide:clipboard-check" class="size-16px" :style="{ color: themeStore.themeColor }" />
@@ -301,7 +309,11 @@ onUnmounted(() => {
         <NGrid :x-gap="16" :y-gap="16" responsive="screen" item-responsive class="mt-[16px]">
             <!-- 最近已会签 -->
             <NGi span="24 s:24 m:24 l:24">
-                <NCard :bordered="false" size="small" :style="{ borderRadius: themeStore.themeRadius + 'px' }">
+                <NCard 
+                    :bordered="false" 
+                    size="small" 
+                    class="shadow-[0_0_15px_rgba(0,0,0,0.1)]" 
+                    :style="{ borderRadius: themeStore.themeRadius + 'px' }">
                     <div class="flex items-center mb-3 gap-2">
                         <Icon icon="ix:success" class="size-16px" :style="{ color: themeStore.themeColor }" />
                         <p class="text-13px font-700 text-#64749a">最近已会签</p>
@@ -331,7 +343,11 @@ onUnmounted(() => {
     <!-- 右侧 -->
     <NGi span="24 s:24 m:24 l:8">
         <!-- 质量关注变更 -->
-        <NCard :bordered="false" size="small" :style="{ borderRadius: themeStore.themeRadius + 'px' }">
+        <NCard 
+            :bordered="false" 
+            size="small" 
+            class="shadow-[0_0_15px_rgba(0,0,0,0.1)]" 
+            :style="{ borderRadius: themeStore.themeRadius + 'px' }">
         <div class="flex items-center mb-3 gap-2">
             <Icon icon="lucide:shield-alert" class="size-16px" :style="{ color: themeStore.themeColor }" />
             <p class="text-13px font-700 text-#64749a">质量关注变更</p>
@@ -355,7 +371,11 @@ onUnmounted(() => {
         </template>
         </NCard>
         <!-- 我的会签效率 -->
-        <NCard :bordered="false" size="small" :style="{ borderRadius: themeStore.themeRadius + 'px',marginTop:'16px' }">
+        <NCard 
+            :bordered="false" 
+            size="small" 
+            class="shadow-[0_0_15px_rgba(0,0,0,0.1)]" 
+            :style="{ borderRadius: themeStore.themeRadius + 'px',marginTop:'16px' }">
             <div class="flex items-center mb-3 gap-2">
                 <Icon icon="lets-icons:clock" class="size-16px" :style="{ color: themeStore.themeColor }" />
                 <p class="text-13px font-700 text-#64749a">我的会签效率</p>
diff --git a/src/views/my/dataChangeCenter/index.vue b/src/views/my/dataChangeCenter/index.vue
index 61901d0..bee6ba0 100644
--- a/src/views/my/dataChangeCenter/index.vue
+++ b/src/views/my/dataChangeCenter/index.vue
@@ -128,7 +128,7 @@ onMounted(() => {
     >
         <NGi>
             <div 
-                class="h-100% flex-1 flex items-center gap-3 bg-white px-16px py-12px cursor-pointer transition hover:-translate-y-1"
+                class="h-100% flex-1 flex items-center gap-3 bg-white px-16px py-12px cursor-pointer transition hover:-translate-y-1 shadow-[0_0_15px_rgba(0,0,0,0.1)]"
                 :style="{ borderRadius: themeStore.themeRadius + 'px' }"
                 @click="jumpTo('changeledger')"
             >
@@ -147,7 +147,7 @@ onMounted(() => {
         </NGi>
         <NGi>
             <div 
-                class="h-100% flex-1 flex items-center gap-3 bg-white px-16px py-12px cursor-pointer transition hover:-translate-y-1"
+                class="h-100% flex-1 flex items-center gap-3 bg-white px-16px py-12px cursor-pointer transition hover:-translate-y-1 shadow-[0_0_15px_rgba(0,0,0,0.1)]"
                 :style="{ borderRadius: themeStore.themeRadius + 'px' }"
                 @click="jumpTo('changeledger')"
             >
@@ -166,7 +166,7 @@ onMounted(() => {
         </NGi>
         <NGi>
             <div 
-                class="h-100% flex-1 flex items-center gap-3 bg-white px-16px py-12px cursor-pointer transition hover:-translate-y-1"
+                class="h-100% flex-1 flex items-center gap-3 bg-white px-16px py-12px cursor-pointer transition hover:-translate-y-1 shadow-[0_0_15px_rgba(0,0,0,0.1)]"
                 :style="{ borderRadius: themeStore.themeRadius + 'px' }"
                 @click="jumpTo('my_highrisk')"
             >
@@ -193,7 +193,7 @@ onMounted(() => {
         </NGi>
         <NGi>
             <div 
-                class="h-100% flex-1 flex items-center gap-3 bg-white px-16px py-12px cursor-pointer transition hover:-translate-y-1"
+                class="h-100% flex-1 flex items-center gap-3 bg-white px-16px py-12px cursor-pointer transition hover:-translate-y-1 shadow-[0_0_15px_rgba(0,0,0,0.1)]"
                 :style="{ borderRadius: themeStore.themeRadius + 'px' }"
                 @click="jumpTo('my_effect')"
             >
@@ -222,7 +222,7 @@ onMounted(() => {
         }"
     >
         <NGi span="24 s:24 m:24 l:14">
-        <NCard :bordered="false" size="small" :style="{ borderRadius: themeStore.themeRadius + 'px', height: '100%' }">
+        <NCard :bordered="false" size="small" class="shadow-[0_0_15px_rgba(0,0,0,0.1)]" :style="{ borderRadius: themeStore.themeRadius + 'px', height: '100%' }">
             <div class="flex items-center mb-3 gap-2">
                 <Icon icon="akar-icons:file" class="size-16px text-[--theme-color]" />
                 <p class="text-13px font-700 text-#64749a">各车间变更数量</p>
@@ -232,7 +232,7 @@ onMounted(() => {
         </NCard>
         </NGi>
         <NGi span="24 s:24 m:24 l:10">
-        <NCard :bordered="false" size="small" :style="{ borderRadius: themeStore.themeRadius + 'px', height: '100%' }">
+        <NCard :bordered="false" size="small" class="shadow-[0_0_15px_rgba(0,0,0,0.1)]" :style="{ borderRadius: themeStore.themeRadius + 'px', height: '100%' }">
             <div class="flex items-center mb-3 gap-2">
                 <Icon icon="akar-icons:file" class="size-16px text-[--theme-color]" />
                 <p class="text-13px font-700 text-#64749a">变更类型分布</p>
@@ -253,7 +253,7 @@ onMounted(() => {
         }"
     >
         <NGi span="24 s:24 m:24 l:10">
-        <NCard :bordered="false" size="small" :style="{ borderRadius: themeStore.themeRadius + 'px', height: '100%' }">
+        <NCard :bordered="false" size="small" class="shadow-[0_0_15px_rgba(0,0,0,0.1)]" :style="{ borderRadius: themeStore.themeRadius + 'px', height: '100%' }">
             <div class="flex items-center mb-3 gap-2">
                 <Icon icon="lucide:shield-alert" class="size-16px text-[--theme-color]" />
                 <p class="text-13px font-700 text-#64749a">风险增量与管控</p>
@@ -297,7 +297,7 @@ onMounted(() => {
         </NCard>
         </NGi>
         <NGi span="24 s:24 m:24 l:14">
-        <NCard :bordered="false" size="small" :style="{ borderRadius: themeStore.themeRadius + 'px', height: '100%' }">
+        <NCard :bordered="false" size="small" class="shadow-[0_0_15px_rgba(0,0,0,0.1)]" :style="{ borderRadius: themeStore.themeRadius + 'px', height: '100%' }">
             <div class="flex items-center mb-3 gap-2">
                 <Icon icon="material-symbols:check-circle-outline" class="size-16px text-[--theme-color]" />
                 <p class="text-13px font-700 text-#64749a">变更投入和效果</p>
diff --git a/src/views/professionalStatistics/index.vue b/src/views/professionalStatistics/index.vue
index 297eaf3..70d5212 100644
--- a/src/views/professionalStatistics/index.vue
+++ b/src/views/professionalStatistics/index.vue
@@ -53,7 +53,7 @@ onMounted(() => {
       >
         <NGi>
           <div 
-            class="flex-1 bg-white px-16px py-12px text-[#94a3b8]"
+            class="flex-1 bg-white px-16px py-12px text-[#94a3b8] shadow-[0_0_15px_rgba(0,0,0,0.1)]"
             :style="{ borderRadius: themeStore.themeRadius + 'px', height: '100%' }"
           >
             <p class="text-12px font-600">本月会签 / 审批</p>
@@ -69,7 +69,7 @@ onMounted(() => {
         </NGi>
         <NGi>
           <div 
-            class="flex-1 bg-white px-16px py-12px text-[#94a3b8]"
+            class="flex-1 bg-white px-16px py-12px text-[#94a3b8] shadow-[0_0_15px_rgba(0,0,0,0.1)]"
             :style="{ borderRadius: themeStore.themeRadius + 'px', height: '100%' }"
           >
             <p class="text-12px font-600">我的会签平均耗时</p>
@@ -86,7 +86,7 @@ onMounted(() => {
         </NGi>
         <NGi>
           <div 
-            class="flex-1 bg-white px-16px py-12px text-[#94a3b8]"
+            class="flex-1 bg-white px-16px py-12px text-[#94a3b8] shadow-[0_0_15px_rgba(0,0,0,0.1)]"
             :style="{ borderRadius: themeStore.themeRadius + 'px', height: '100%' }"
           >
             <p class="text-12px font-600">按时完成率</p>
@@ -102,7 +102,7 @@ onMounted(() => {
         </NGi>
         <NGi>
           <div 
-            class="flex-1 bg-white px-16px py-12px text-[#94a3b8]"
+            class="flex-1 bg-white px-16px py-12px text-[#94a3b8] shadow-[0_0_15px_rgba(0,0,0,0.1)]"
             :style="{ borderRadius: themeStore.themeRadius + 'px', height: '100%' }"
           >
             <p class="text-12px font-600">参与风险分析</p>
@@ -118,7 +118,7 @@ onMounted(() => {
         </NGi>
         <NGi>
           <div 
-            class="flex-1 bg-white px-16px py-12px text-[#94a3b8]"
+            class="flex-1 bg-white px-16px py-12px text-[#94a3b8] shadow-[0_0_15px_rgba(0,0,0,0.1)]"
             :style="{ borderRadius: themeStore.themeRadius + 'px', height: '100%' }"
           >
             <p class="text-12px font-600">当前待我审批</p>
@@ -136,7 +136,7 @@ onMounted(() => {
   
       <NGrid :x-gap="16" :y-gap="16" responsive="screen" item-responsive>
         <NGi span="24 s:24 m:24 l:8">
-          <NCard :bordered="true" size="small" :content-style="{padding: 0}" 
+          <NCard :bordered="false" size="small" class="shadow-[0_0_15px_rgba(0,0,0,0.1)]" :content-style="{padding: 0}" 
             :style="{ 
               borderRadius: themeStore.themeRadius + 'px', 
               height: '100%',
@@ -179,7 +179,7 @@ onMounted(() => {
           </NCard>
         </NGi>
         <NGi span="24 s:24 m:24 l:8">
-          <NCard :bordered="true" size="small" :content-style="{padding: 0}" :style="{ borderRadius: themeStore.themeRadius + 'px', height: '100%' }">
+          <NCard :bordered="false" size="small" class="shadow-[0_0_15px_rgba(0,0,0,0.1)]" :content-style="{padding: 0}" :style="{ borderRadius: themeStore.themeRadius + 'px', height: '100%' }">
               <p class=" text-base font-semibold border-b border-slate-100 p-3">本专业变更类型分布（近一年）</p>
               <div class="py-3 px-4">
                   <RingChart v-if="homeData" :data="homeData?.type_dist || []" />
@@ -187,7 +187,7 @@ onMounted(() => {
           </NCard>
         </NGi>
         <NGi span="24 s:24 m:24 l:8">
-          <NCard :bordered="true" size="small" :content-style="{padding: 0}" :style="{ borderRadius: themeStore.themeRadius + 'px', height: '100%' }">
+          <NCard :bordered="false" size="small" class="shadow-[0_0_15px_rgba(0,0,0,0.1)]" :content-style="{padding: 0}" :style="{ borderRadius: themeStore.themeRadius + 'px', height: '100%' }">
               <p class=" text-base font-semibold border-b border-slate-100 p-3">高风险在办（直达风险分析）</p>
               <div class="py-3 px-4">
                   <div v-if="homeData?.high_risk?.total > 0" class="space-y-2 pt-1">
diff --git a/src/views/report/index.vue b/src/views/report/index.vue
index b9d3d4e..783c1af 100644
--- a/src/views/report/index.vue
+++ b/src/views/report/index.vue
@@ -99,7 +99,7 @@ onMounted(() => {
       <NGrid cols="s:1 m:4 l:4" responsive="screen" :x-gap="16" :y-gap="16" :style="{'--theme-color': themeStore.themeColor}">
         <NGi>
           <div 
-            class="flex-1 bg-white px-16px py-12px text-[#94a3b8]"
+            class="flex-1 bg-white px-16px py-12px text-[#94a3b8] shadow-[0_0_15px_rgba(0,0,0,0.1)]"
             :style="{ borderRadius: themeStore.themeRadius + 'px' }"
           >
             <p class="text-12px font-600">变更总数</p>
@@ -115,7 +115,7 @@ onMounted(() => {
         </NGi>
         <NGi>
           <div 
-            class="flex-1 bg-white px-16px py-12px text-[#94a3b8]"
+            class="flex-1 bg-white px-16px py-12px text-[#94a3b8] shadow-[0_0_15px_rgba(0,0,0,0.1)]"
             :style="{ borderRadius: themeStore.themeRadius + 'px' }"
           >
             <p class="text-12px font-600">重要变更</p>
@@ -131,7 +131,7 @@ onMounted(() => {
         </NGi>
         <NGi>
           <div 
-            class="flex-1 bg-white px-16px py-12px text-[#94a3b8]"
+            class="flex-1 bg-white px-16px py-12px text-[#94a3b8] shadow-[0_0_15px_rgba(0,0,0,0.1)]"
             :style="{ borderRadius: themeStore.themeRadius + 'px' }"
           >
             <p class="text-12px font-600">变更费用合计</p>
@@ -148,7 +148,7 @@ onMounted(() => {
         </NGi>
         <NGi>
           <div 
-            class="flex-1 bg-white px-16px py-12px text-[#94a3b8]"
+            class="flex-1 bg-white px-16px py-12px text-[#94a3b8] shadow-[0_0_15px_rgba(0,0,0,0.1)]"
             :style="{ borderRadius: themeStore.themeRadius + 'px' }"
           >
             <p class="text-12px font-600">完全达到率</p>
@@ -167,7 +167,7 @@ onMounted(() => {
       <NGrid :x-gap="16" :y-gap="16" responsive="screen" item-responsive>
         <!-- 各车间变更数量 -->
         <NGi span="24 s:24 m:24 l:14">
-          <NCard :bordered="true" size="small" :content-style="{padding: 0}" :style="{ borderRadius: themeStore.themeRadius + 'px', height: '100%' }">
+          <NCard :bordered="false" size="small" class="shadow-[0_0_15px_rgba(0,0,0,0.1)]" :content-style="{padding: 0}" :style="{ borderRadius: themeStore.themeRadius + 'px', height: '100%' }">
               <p class=" text-base font-semibold border-b border-slate-100 p-3">各车间变更数量（{{dateLabel}}）</p>
               <div class="py-3 px-4">
                 <ColumnChart v-if="homeData" :data="homeData?.workshop_counts?.items || []" />
@@ -176,7 +176,7 @@ onMounted(() => {
         </NGi>
         <NGi span="24 s:24 m:24 l:10">
           <!-- 变更类型分布 -->
-          <NCard :bordered="true" size="small" :content-style="{padding: 0}" :style="{ borderRadius: themeStore.themeRadius + 'px', height: '100%' }">
+          <NCard :bordered="false" size="small" class="shadow-[0_0_15px_rgba(0,0,0,0.1)]" :content-style="{padding: 0}" :style="{ borderRadius: themeStore.themeRadius + 'px', height: '100%' }">
               <p class=" text-base font-semibold border-b border-slate-100 p-3">变更类型分布（{{dateLabel}}）</p>
               <div class="py-3 px-4">
                   <RingChart v-if="homeData" :data="homeData?.type_dist?.items || []" />
@@ -188,7 +188,7 @@ onMounted(() => {
       <NGrid :x-gap="16" :y-gap="16" responsive="screen" item-responsive>
         <!-- 各审批人审批时长 -->
         <NGi span="24 s:24 m:24 l:8">
-          <NCard :bordered="true" size="small" :content-style="{padding: 0}" 
+          <NCard :bordered="false" size="small" class="shadow-[0_0_15px_rgba(0,0,0,0.1)]" :content-style="{padding: 0}" 
             :style="{ 
               borderRadius: themeStore.themeRadius + 'px', 
               height: '100%',
@@ -244,8 +244,9 @@ onMounted(() => {
         <!-- 变更是否达到预期效果及费用 -->
         <NGi span="24 s:24 m:24 l:16">
           <NCard 
-              :bordered="true" 
+              :bordered="false" 
               size="small" 
+              class="shadow-[0_0_15px_rgba(0,0,0,0.1)]" 
               :content-style="{padding: 0}" 
               :style="{ 
                   borderRadius: themeStore.themeRadius + 'px', 
@@ -317,8 +318,9 @@ onMounted(() => {
         <!-- 变更带来的风险增量及管控 -->
         <NGi span="24 s:24 m:24 l:8">
           <NCard 
-              :bordered="true" 
+              :bordered="false" 
               size="small" 
+              class="shadow-[0_0_15px_rgba(0,0,0,0.1)]" 
               :content-style="{padding: 0}" 
               :style="{ 
                   borderRadius: themeStore.themeRadius + 'px', 
@@ -358,7 +360,11 @@ onMounted(() => {
         </NGi>
         <!-- 当前未关闭变更 -->
         <NGi span="24 s:24 m:24 l:8">
-          <NCard :bordered="true" size="small" :content-style="{padding: 0}" 
+          <NCard 
+              :bordered="false" 
+              size="small" 
+              class="shadow-[0_0_15px_rgba(0,0,0,0.1)]" 
+              :content-style="{padding: 0}" 
               :style="{ 
                   borderRadius: themeStore.themeRadius + 'px', 
                   height: '100%',
@@ -395,7 +401,11 @@ onMounted(() => {
         </NGi>
         <!-- 驳回的变更申请 -->
         <NGi span="24 s:24 m:24 l:8">
-          <NCard :bordered="true" size="small" :content-style="{padding: 0}" 
+          <NCard 
+              :bordered="false" 
+              size="small" 
+              class="shadow-[0_0_15px_rgba(0,0,0,0.1)]" 
+              :content-style="{padding: 0}" 
             :style="{ 
               borderRadius: themeStore.themeRadius + 'px', 
               height: '100%',
@@ -431,7 +441,11 @@ onMounted(() => {
       <NGrid :x-gap="16" :y-gap="16" responsive="screen" item-responsive>
         <!-- 各部门审批时长 -->
         <NGi span="24 s:24 m:24 l:8">
-          <NCard :bordered="true" size="small" :content-style="{padding: 0}" :style="{ borderRadius: themeStore.themeRadius + 'px', height: '100%' }">
+          <NCard 
+              :bordered="false" 
+              size="small" 
+              class="shadow-[0_0_15px_rgba(0,0,0,0.1)]" 
+              :content-style="{padding: 0}" :style="{ borderRadius: themeStore.themeRadius + 'px', height: '100%' }">
               <p class=" text-base font-semibold border-b border-slate-100 p-3">各部门审批时长（天 · {{dateLabel}}）</p>
               <div class="py-3 px-4">
                 <div class="space-y-3">
@@ -456,7 +470,11 @@ onMounted(() => {
         </NGi>
         <!-- 临时变更后续处置方式 -->
         <NGi span="24 s:24 m:24 l:8">
-          <NCard :bordered="true" size="small" :content-style="{padding: 0}" 
+          <NCard 
+              :bordered="false" 
+              size="small" 
+              class="shadow-[0_0_15px_rgba(0,0,0,0.1)]" 
+              :content-style="{padding: 0}" 
             :style="{ 
               borderRadius: themeStore.themeRadius + 'px', 
               height: '100%',
@@ -519,7 +537,11 @@ onMounted(() => {
         </NGi>
         <!-- 主要驳回理由汇总 -->
         <NGi span="24 s:24 m:24 l:8">
-          <NCard :bordered="true" size="small" :content-style="{padding: 0}" 
+          <NCard 
+            :bordered="false" 
+            size="small" 
+            class="shadow-[0_0_15px_rgba(0,0,0,0.1)]" 
+            :content-style="{padding: 0}" 
             :style="{ 
               borderRadius: themeStore.themeRadius + 'px', 
               height: '100%',
@@ -557,7 +579,11 @@ onMounted(() => {
       <!-- 变更归档资料情况 -->
       <NGrid :x-gap="16" :y-gap="16" responsive="screen" item-responsive>
         <NGi span="24 s:24 m:24 l:24">
-          <NCard :bordered="true" size="small" :content-style="{padding: 0}" 
+          <NCard 
+            :bordered="false" 
+            size="small" 
+            class="shadow-[0_0_15px_rgba(0,0,0,0.1)]" 
+            :content-style="{padding: 0}" 
             :style="{ 
               borderRadius: themeStore.themeRadius + 'px', 
               height: '100%',
diff --git a/src/views/riskStatistics/index.vue b/src/views/riskStatistics/index.vue
index ed38bf5..c6df112 100644
--- a/src/views/riskStatistics/index.vue
+++ b/src/views/riskStatistics/index.vue
@@ -63,7 +63,7 @@ onMounted(() => {
     >
       <NGi>
         <div 
-          class="flex-1 flex items-center gap-3 bg-white px-16px py-12px text-[#94a3b8] cursor-pointer"
+          class="flex-1 flex items-center gap-3 bg-white px-16px py-12px text-[#94a3b8] cursor-pointer shadow-[0_0_15px_rgba(0,0,0,0.1)]"
           :style="{ borderRadius: themeStore.themeRadius + 'px' }"
           @click="jumpTo('my_highrisk')"
         >
@@ -82,7 +82,7 @@ onMounted(() => {
       </NGi>
       <NGi>
         <div 
-          class="flex-1 flex items-center gap-3 bg-white px-16px py-12px text-[#94a3b8]"
+          class="flex-1 flex items-center gap-3 bg-white px-16px py-12px text-[#94a3b8] shadow-[0_0_15px_rgba(0,0,0,0.1)]"
           :style="{ borderRadius: themeStore.themeRadius + 'px' }"
         >
           <div class="flex items-center">
@@ -100,7 +100,7 @@ onMounted(() => {
       </NGi>
       <NGi>
         <div 
-          class="flex-1 flex items-center gap-3 bg-white px-16px py-12px text-[#94a3b8]"
+          class="flex-1 flex items-center gap-3 bg-white px-16px py-12px text-[#94a3b8] shadow-[0_0_15px_rgba(0,0,0,0.1)]"
           :style="{ borderRadius: themeStore.themeRadius + 'px' }"
         >
           <div class="flex items-center">
@@ -118,7 +118,7 @@ onMounted(() => {
       </NGi>
       <NGi>
         <div 
-          class="flex-1 flex items-center gap-3 bg-white px-16px py-12px text-[#94a3b8] cursor-pointer"
+          class="flex-1 flex items-center gap-3 bg-white px-16px py-12px text-[#94a3b8] cursor-pointer shadow-[0_0_15px_rgba(0,0,0,0.1)]"
           :style="{ borderRadius: themeStore.themeRadius + 'px' }"
           @click="jumpTo('changeledger')"
         >
@@ -146,7 +146,12 @@ onMounted(() => {
       }"
     >
       <NGi span="24 s:24 m:24 l:8">
-        <NCard :bordered="true" size="small" :content-style="{ padding: '0' }" :style="{ borderRadius: themeStore.themeRadius + 'px', height: '100%' }">
+        <NCard 
+          :bordered="false" 
+          size="small" 
+          class="shadow-[0_0_15px_rgba(0,0,0,0.1)]" 
+          :content-style="{ padding: '0' }" 
+          :style="{ borderRadius: themeStore.themeRadius + 'px', height: '100%' }">
           <p class=" text-base font-semibold border-b border-slate-100 p-3">月度新增固有风险项（管控前）</p>
           <ColumnChart v-if="homeData" :data="homeData?.monthly_inherent || []" />
         </NCard>
@@ -170,7 +175,12 @@ onMounted(() => {
         </NCard>
       </NGi>
       <NGi span="24 s:24 m:24 l:8">
-        <NCard :bordered="true" size="small" :content-style="{ padding: '0' }" :style="{ borderRadius: themeStore.themeRadius + 'px', height: '100%' }">
+        <NCard 
+          :bordered="false" 
+          size="small" 
+          class="shadow-[0_0_15px_rgba(0,0,0,0.1)]" 
+          :content-style="{ padding: '0' }" 
+          :style="{ borderRadius: themeStore.themeRadius + 'px', height: '100%' }">
           <p class=" text-base font-semibold border-b border-slate-100 p-3">PSSR 执行情况</p>
           <div class="space-y-5 px-3 pt-5 pb-3">
             <!-- 投用前完成率 -->
@@ -201,7 +211,12 @@ onMounted(() => {
     </NGrid>
     <NGrid :x-gap="16" :y-gap="16" responsive="screen" item-responsive :style="{'--theme-color':themeStore.themeColor}">
       <NGi span="24 s:24 m:24 l:8">
-        <NCard :bordered="true" size="small" :content-style="{ padding: '0' }" :style="{ borderRadius: themeStore.themeRadius + 'px', height: '100%' }">
+        <NCard 
+          :bordered="false" 
+          size="small" 
+          class="shadow-[0_0_15px_rgba(0,0,0,0.1)]" 
+          :content-style="{ padding: '0' }" 
+          :style="{ borderRadius: themeStore.themeRadius + 'px', height: '100%' }">
           <p class=" text-base font-semibold border-b border-slate-100 p-3">验收与投用质量</p>
           <div class="flex justify-center pt-5 pb-3">
             <div class="w-50% flex flex-col items-center gap-1.5">
@@ -218,7 +233,12 @@ onMounted(() => {
         </NCard>
       </NGi>
       <NGi span="24 s:24 m:24 l:8">
-        <NCard :bordered="true" size="small" :content-style="{ padding: '0' }" :style="{ borderRadius: themeStore.themeRadius + 'px', height: '100%' }">
+        <NCard 
+          :bordered="false" 
+          size="small" 
+          class="shadow-[0_0_15px_rgba(0,0,0,0.1)]" 
+          :content-style="{ padding: '0' }" 
+          :style="{ borderRadius: themeStore.themeRadius + 'px', height: '100%' }">
           <p class=" text-base font-semibold border-b border-slate-100 p-3">超期未关闭清单</p>
           <div class="space-y-2 p-3">
             <div v-for="o in homeData?.overdue_list || []" :key="o.change_id" class="flex items-center gap-2 rounded-lg border border-red-200 bg-red-50/40 px-3 py-2">
@@ -246,7 +266,12 @@ onMounted(() => {
         </NCard>
       </NGi>
       <NGi span="24 s:24 m:24 l:8">
-        <NCard :bordered="true" size="small" :content-style="{ padding: '0' }" :style="{ borderRadius: themeStore.themeRadius + 'px', height: '100%' }">
+        <NCard 
+          :bordered="false" 
+          size="small" 
+          class="shadow-[0_0_15px_rgba(0,0,0,0.1)]" 
+          :content-style="{ padding: '0' }" 
+          :style="{ borderRadius: themeStore.themeRadius + 'px', height: '100%' }">
           <p class=" text-base font-semibold border-b border-slate-100 p-3">报表导出</p>
           <div class="grid grid-cols-2 gap-3 p-3">
             <div v-for="r in SAFETY_EXPORTS" :key="r" @click="handleExport(r)"
diff --git a/src/views/signStatistics/index.vue b/src/views/signStatistics/index.vue
index 297eaf3..4ae37ce 100644
--- a/src/views/signStatistics/index.vue
+++ b/src/views/signStatistics/index.vue
@@ -53,7 +53,7 @@ onMounted(() => {
       >
         <NGi>
           <div 
-            class="flex-1 bg-white px-16px py-12px text-[#94a3b8]"
+            class="flex-1 bg-white px-16px py-12px text-[#94a3b8] shadow-[0_0_15px_rgba(0,0,0,0.1)]"
             :style="{ borderRadius: themeStore.themeRadius + 'px', height: '100%' }"
           >
             <p class="text-12px font-600">本月会签 / 审批</p>
@@ -69,7 +69,7 @@ onMounted(() => {
         </NGi>
         <NGi>
           <div 
-            class="flex-1 bg-white px-16px py-12px text-[#94a3b8]"
+            class="flex-1 bg-white px-16px py-12px text-[#94a3b8] shadow-[0_0_15px_rgba(0,0,0,0.1)]"
             :style="{ borderRadius: themeStore.themeRadius + 'px', height: '100%' }"
           >
             <p class="text-12px font-600">我的会签平均耗时</p>
@@ -86,7 +86,7 @@ onMounted(() => {
         </NGi>
         <NGi>
           <div 
-            class="flex-1 bg-white px-16px py-12px text-[#94a3b8]"
+            class="flex-1 bg-white px-16px py-12px text-[#94a3b8] shadow-[0_0_15px_rgba(0,0,0,0.1)]"
             :style="{ borderRadius: themeStore.themeRadius + 'px', height: '100%' }"
           >
             <p class="text-12px font-600">按时完成率</p>
@@ -102,7 +102,7 @@ onMounted(() => {
         </NGi>
         <NGi>
           <div 
-            class="flex-1 bg-white px-16px py-12px text-[#94a3b8]"
+            class="flex-1 bg-white px-16px py-12px text-[#94a3b8] shadow-[0_0_15px_rgba(0,0,0,0.1)]"
             :style="{ borderRadius: themeStore.themeRadius + 'px', height: '100%' }"
           >
             <p class="text-12px font-600">参与风险分析</p>
@@ -118,7 +118,7 @@ onMounted(() => {
         </NGi>
         <NGi>
           <div 
-            class="flex-1 bg-white px-16px py-12px text-[#94a3b8]"
+            class="flex-1 bg-white px-16px py-12px text-[#94a3b8] shadow-[0_0_15px_rgba(0,0,0,0.1)]"
             :style="{ borderRadius: themeStore.themeRadius + 'px', height: '100%' }"
           >
             <p class="text-12px font-600">当前待我审批</p>
@@ -136,7 +136,11 @@ onMounted(() => {
   
       <NGrid :x-gap="16" :y-gap="16" responsive="screen" item-responsive>
         <NGi span="24 s:24 m:24 l:8">
-          <NCard :bordered="true" size="small" :content-style="{padding: 0}" 
+          <NCard 
+            :bordered="false" 
+            size="small" 
+            class="shadow-[0_0_15px_rgba(0,0,0,0.1)]" 
+            :content-style="{padding: 0}" 
             :style="{ 
               borderRadius: themeStore.themeRadius + 'px', 
               height: '100%',
@@ -179,7 +183,12 @@ onMounted(() => {
           </NCard>
         </NGi>
         <NGi span="24 s:24 m:24 l:8">
-          <NCard :bordered="true" size="small" :content-style="{padding: 0}" :style="{ borderRadius: themeStore.themeRadius + 'px', height: '100%' }">
+          <NCard 
+            :bordered="false" 
+            size="small" 
+            class="shadow-[0_0_15px_rgba(0,0,0,0.1)]" 
+            :content-style="{padding: 0}" 
+            :style="{ borderRadius: themeStore.themeRadius + 'px', height: '100%' }">
               <p class=" text-base font-semibold border-b border-slate-100 p-3">本专业变更类型分布（近一年）</p>
               <div class="py-3 px-4">
                   <RingChart v-if="homeData" :data="homeData?.type_dist || []" />
@@ -187,7 +196,12 @@ onMounted(() => {
           </NCard>
         </NGi>
         <NGi span="24 s:24 m:24 l:8">
-          <NCard :bordered="true" size="small" :content-style="{padding: 0}" :style="{ borderRadius: themeStore.themeRadius + 'px', height: '100%' }">
+          <NCard 
+            :bordered="false" 
+            size="small" 
+            class="shadow-[0_0_15px_rgba(0,0,0,0.1)]" 
+            :content-style="{padding: 0}" 
+            :style="{ borderRadius: themeStore.themeRadius + 'px', height: '100%' }">
               <p class=" text-base font-semibold border-b border-slate-100 p-3">高风险在办（直达风险分析）</p>
               <div class="py-3 px-4">
                   <div v-if="homeData?.high_risk?.total > 0" class="space-y-2 pt-1">
diff --git a/src/views/workshopStatistics/index.vue b/src/views/workshopStatistics/index.vue
index dd793ba..afe20b2 100644
--- a/src/views/workshopStatistics/index.vue
+++ b/src/views/workshopStatistics/index.vue
@@ -65,7 +65,7 @@ onMounted(() => {
     <NGrid cols="s:1 m:4 l:4" responsive="screen" :x-gap="16" :y-gap="16">
       <NGi>
         <div 
-          class="flex-1 bg-white px-16px py-12px text-[#94a3b8]"
+          class="flex-1 bg-white px-16px py-12px text-[#94a3b8] shadow-[0_0_15px_rgba(0,0,0,0.1)]"
           :style="{ borderRadius: themeStore.themeRadius + 'px' }"
         >
           <p class="text-12px font-600">本车间变更总数</p>
@@ -81,7 +81,7 @@ onMounted(() => {
       </NGi>
       <NGi>
         <div 
-          class="flex-1 bg-white px-16px py-12px text-[#94a3b8]"
+          class="flex-1 bg-white px-16px py-12px text-[#94a3b8] shadow-[0_0_15px_rgba(0,0,0,0.1)]"
           :style="{ borderRadius: themeStore.themeRadius + 'px' }"
         >
           <p class="text-12px font-600">在办变更</p>
@@ -98,7 +98,7 @@ onMounted(() => {
       </NGi>
       <NGi>
         <div 
-          class="flex-1 bg-white px-16px py-12px text-[#94a3b8]"
+          class="flex-1 bg-white px-16px py-12px text-[#94a3b8] shadow-[0_0_15px_rgba(0,0,0,0.1)]"
           :style="{ borderRadius: themeStore.themeRadius + 'px' }"
         >
           <p class="text-12px font-600">超期未关闭</p>
@@ -115,7 +115,7 @@ onMounted(() => {
       </NGi>
       <NGi>
         <div 
-          class="flex-1 bg-white px-16px py-12px text-[#94a3b8]"
+          class="flex-1 bg-white px-16px py-12px text-[#94a3b8] shadow-[0_0_15px_rgba(0,0,0,0.1)]"
           :style="{ borderRadius: themeStore.themeRadius + 'px' }"
         >
           <p class="text-12px font-600">我的审批按时率</p>
@@ -136,7 +136,12 @@ onMounted(() => {
     <NGrid :x-gap="16" :y-gap="16" responsive="screen" item-responsive>
       <!-- 我的审批效率 -->
       <NGi span="24 s:24 m:24 l:8">
-        <NCard :bordered="true" size="small" :content-style="{padding: 0}" :style="{ borderRadius: themeStore.themeRadius + 'px', height: '100%' }">
+        <NCard 
+          :bordered="false" 
+          size="small" 
+          class="shadow-[0_0_15px_rgba(0,0,0,0.1)]" 
+          :content-style="{padding: 0}" 
+          :style="{ borderRadius: themeStore.themeRadius + 'px', height: '100%' }">
             <p class=" text-base font-semibold border-b border-slate-100 p-3">我的审批效率（考核口径）</p>
             <div class="py-3 px-4">
                 <div class="space-y-3">
@@ -161,7 +166,12 @@ onMounted(() => {
       </NGi>
       <!-- 本车间变更状态构成 -->
       <NGi span="24 s:24 m:24 l:8">
-        <NCard :bordered="true" size="small" :content-style="{padding: 0}" :style="{ borderRadius: themeStore.themeRadius + 'px', height: '100%' }">
+        <NCard 
+          :bordered="false" 
+          size="small" 
+          class="shadow-[0_0_15px_rgba(0,0,0,0.1)]" 
+          :content-style="{padding: 0}" 
+          :style="{ borderRadius: themeStore.themeRadius + 'px', height: '100%' }">
             <p class=" text-base font-semibold border-b border-slate-100 p-3">本车间变更状态构成（实时）</p>
             <div class="py-3 px-4">
               <div class="space-y-2.5">
@@ -185,7 +195,12 @@ onMounted(() => {
       </NGi>
       <!-- 临时变更监控 -->
       <NGi span="24 s:24 m:24 l:8">
-        <NCard :bordered="true" size="small" :content-style="{padding: 0}" :style="{ borderRadius: themeStore.themeRadius + 'px', height: '100%' }">
+        <NCard 
+          :bordered="false" 
+          size="small" 
+          class="shadow-[0_0_15px_rgba(0,0,0,0.1)]" 
+          :content-style="{padding: 0}" 
+          :style="{ borderRadius: themeStore.themeRadius + 'px', height: '100%' }">
             <p class=" text-base font-semibold border-b border-slate-100 p-3">临时变更监控（管理抓手）</p>
             <div class="py-3 px-4">
               <div class="space-y-3">
@@ -220,7 +235,11 @@ onMounted(() => {
     <NGrid :x-gap="16" :y-gap="16" responsive="screen" item-responsive>
       <!-- 变更类型分布 -->
       <NGi span="24 s:24 m:24 l:10">
-        <NCard :bordered="true" size="small" :content-style="{padding: 0}" 
+        <NCard 
+          :bordered="false" 
+          size="small" 
+          class="shadow-[0_0_15px_rgba(0,0,0,0.1)]" 
+          :content-style="{padding: 0}" 
           :style="{ 
             borderRadius: themeStore.themeRadius + 'px', 
             height: '100%',
@@ -234,8 +253,9 @@ onMounted(() => {
       <!-- 风险增量与管控 -->
       <NGi span="24 s:24 m:24 l:14">
         <NCard 
-            :bordered="true" 
+            :bordered="false" 
             size="small" 
+            class="shadow-[0_0_15px_rgba(0,0,0,0.1)]" 
             :content-style="{padding: 0}" 
             :style="{ 
                 borderRadius: themeStore.themeRadius + 'px', 
@@ -277,7 +297,11 @@ onMounted(() => {
     <!-- 变更投入和效果 -->
     <NGrid :x-gap="16" :y-gap="16" responsive="screen" item-responsive>
       <NGi span="24 s:24 m:24 l:24">
-        <NCard :bordered="true" size="small" :content-style="{padding: 0}" 
+        <NCard 
+          :bordered="false" 
+          size="small" 
+          class="shadow-[0_0_15px_rgba(0,0,0,0.1)]" 
+          :content-style="{padding: 0}" 
           :style="{ 
             borderRadius: themeStore.themeRadius + 'px', 
             height: '100%',