diff --git a/src/assets/images/index/banner.png b/src/assets/images/index/banner.png
index 971b4cd..87e232d 100644
Binary files a/src/assets/images/index/banner.png and b/src/assets/images/index/banner.png differ
diff --git a/src/assets/images/index/bzzx.png b/src/assets/images/index/bzzx.png
index e2258dd..a19de9a 100644
Binary files a/src/assets/images/index/bzzx.png and b/src/assets/images/index/bzzx.png differ
diff --git a/src/assets/images/index/company_bg.jpg b/src/assets/images/index/company_bg.jpg
deleted file mode 100644
index f4b683b..0000000
Binary files a/src/assets/images/index/company_bg.jpg and /dev/null differ
diff --git a/src/assets/images/index/company_bg.png b/src/assets/images/index/company_bg.png
new file mode 100644
index 0000000..76ea2dd
Binary files /dev/null and b/src/assets/images/index/company_bg.png differ
diff --git a/src/assets/images/index/housekeeping_risk_bg.jpg b/src/assets/images/index/housekeeping_risk_bg.jpg
deleted file mode 100644
index e882a6b..0000000
Binary files a/src/assets/images/index/housekeeping_risk_bg.jpg and /dev/null differ
diff --git a/src/assets/images/index/housekeeping_risk_bg.png b/src/assets/images/index/housekeeping_risk_bg.png
new file mode 100644
index 0000000..6ed1a5a
Binary files /dev/null and b/src/assets/images/index/housekeeping_risk_bg.png differ
diff --git a/src/assets/images/index/loan_check_bg.jpg b/src/assets/images/index/loan_check_bg.jpg
deleted file mode 100644
index 714665b..0000000
Binary files a/src/assets/images/index/loan_check_bg.jpg and /dev/null differ
diff --git a/src/assets/images/index/loan_check_bg.png b/src/assets/images/index/loan_check_bg.png
new file mode 100644
index 0000000..8beb7e8
Binary files /dev/null and b/src/assets/images/index/loan_check_bg.png differ
diff --git a/src/assets/images/index/lxkf.png b/src/assets/images/index/lxkf.png
index 74c4063..23719a4 100644
Binary files a/src/assets/images/index/lxkf.png and b/src/assets/images/index/lxkf.png differ
diff --git a/src/assets/images/index/marriage_risk_bg.jpg b/src/assets/images/index/marriage_risk_bg.jpg
deleted file mode 100644
index f5a764e..0000000
Binary files a/src/assets/images/index/marriage_risk_bg.jpg and /dev/null differ
diff --git a/src/assets/images/index/marriage_risk_bg.png b/src/assets/images/index/marriage_risk_bg.png
new file mode 100644
index 0000000..5227eff
Binary files /dev/null and b/src/assets/images/index/marriage_risk_bg.png differ
diff --git a/src/assets/images/index/personal_data_bg.jpg b/src/assets/images/index/personal_data_bg.jpg
deleted file mode 100644
index eb45161..0000000
Binary files a/src/assets/images/index/personal_data_bg.jpg and /dev/null differ
diff --git a/src/assets/images/index/personal_data_bg.png b/src/assets/images/index/personal_data_bg.png
new file mode 100644
index 0000000..098d627
Binary files /dev/null and b/src/assets/images/index/personal_data_bg.png differ
diff --git a/src/assets/images/index/preloan_risk_bg.jpg b/src/assets/images/index/preloan_risk_bg.jpg
deleted file mode 100644
index 12e2918..0000000
Binary files a/src/assets/images/index/preloan_risk_bg.jpg and /dev/null differ
diff --git a/src/assets/images/index/preloan_risk_bg.png b/src/assets/images/index/preloan_risk_bg.png
new file mode 100644
index 0000000..68202c0
Binary files /dev/null and b/src/assets/images/index/preloan_risk_bg.png differ
diff --git a/src/assets/images/index/right.png b/src/assets/images/index/right.png
index fbd1202..c947739 100644
Binary files a/src/assets/images/index/right.png and b/src/assets/images/index/right.png differ
diff --git a/src/assets/images/index/tgbg.png b/src/assets/images/index/tgbg.png
index 2249646..39948fb 100644
Binary files a/src/assets/images/index/tgbg.png and b/src/assets/images/index/tgbg.png differ
diff --git a/src/assets/images/index/wdbg.png b/src/assets/images/index/wdbg.png
index 4e1fce7..23b44c3 100644
Binary files a/src/assets/images/index/wdbg.png and b/src/assets/images/index/wdbg.png differ
diff --git a/src/assets/images/index/yqhy.png b/src/assets/images/index/yqhy.png
index 9c80c50..6bc8e35 100644
Binary files a/src/assets/images/index/yqhy.png and b/src/assets/images/index/yqhy.png differ
diff --git a/src/assets/images/index_a_banner.png b/src/assets/images/index_a_banner.png
index 7cb2f73..09ac268 100644
Binary files a/src/assets/images/index_a_banner.png and b/src/assets/images/index_a_banner.png differ
diff --git a/src/assets/images/me/apisd.png b/src/assets/images/me/apisd.png
new file mode 100644
index 0000000..54fb40f
Binary files /dev/null and b/src/assets/images/me/apisd.png differ
diff --git a/src/assets/images/me/dlbgpz.png b/src/assets/images/me/dlbgpz.png
index 64d92f9..8a5c25a 100644
Binary files a/src/assets/images/me/dlbgpz.png and b/src/assets/images/me/dlbgpz.png differ
diff --git a/src/assets/images/me/lxkf.png b/src/assets/images/me/lxkf.png
index 2789794..395e17c 100644
Binary files a/src/assets/images/me/lxkf.png and b/src/assets/images/me/lxkf.png differ
diff --git a/src/assets/images/me/qyfkyj.png b/src/assets/images/me/qyfkyj.png
new file mode 100644
index 0000000..1630b9d
Binary files /dev/null and b/src/assets/images/me/qyfkyj.png differ
diff --git a/src/assets/images/me/swhz.png b/src/assets/images/me/swhz.png
new file mode 100644
index 0000000..37cb91f
Binary files /dev/null and b/src/assets/images/me/swhz.png differ
diff --git a/src/assets/images/me/tcdl.png b/src/assets/images/me/tcdl.png
new file mode 100644
index 0000000..74bb15c
Binary files /dev/null and b/src/assets/images/me/tcdl.png differ
diff --git a/src/assets/images/me/wdbg.png b/src/assets/images/me/wdbg.png
index 292f68f..926453c 100644
Binary files a/src/assets/images/me/wdbg.png and b/src/assets/images/me/wdbg.png differ
diff --git a/src/assets/images/me/xfhy.png b/src/assets/images/me/xfhy.png
index 1c807e9..4037ea3 100644
Binary files a/src/assets/images/me/xfhy.png and b/src/assets/images/me/xfhy.png differ
diff --git a/src/assets/images/me/yhxy.png b/src/assets/images/me/yhxy.png
index cebe063..031a25a 100644
Binary files a/src/assets/images/me/yhxy.png and b/src/assets/images/me/yhxy.png differ
diff --git a/src/assets/images/me/yszc.png b/src/assets/images/me/yszc.png
index 7201e6c..28a0007 100644
Binary files a/src/assets/images/me/yszc.png and b/src/assets/images/me/yszc.png differ
diff --git a/src/assets/images/report/Frame (44).png b/src/assets/images/report/Frame (44).png
deleted file mode 100644
index b85aaaf..0000000
Binary files a/src/assets/images/report/Frame (44).png and /dev/null differ
diff --git a/src/assets/images/report/ajgl.png b/src/assets/images/report/ajgl.png
new file mode 100644
index 0000000..d8ce93d
Binary files /dev/null and b/src/assets/images/report/ajgl.png differ
diff --git a/src/assets/images/report/ajlxfb.png b/src/assets/images/report/ajlxfb.png
new file mode 100644
index 0000000..e012d69
Binary files /dev/null and b/src/assets/images/report/ajlxfb.png differ
diff --git a/src/assets/images/report/backgroundcheck_inquire_bg.jpg b/src/assets/images/report/backgroundcheck_inquire_bg.jpg
deleted file mode 100644
index b1b7f8d..0000000
Binary files a/src/assets/images/report/backgroundcheck_inquire_bg.jpg and /dev/null differ
diff --git a/src/assets/images/report/backgroundcheck_inquire_bg.png b/src/assets/images/report/backgroundcheck_inquire_bg.png
new file mode 100644
index 0000000..a786bfe
Binary files /dev/null and b/src/assets/images/report/backgroundcheck_inquire_bg.png differ
diff --git a/src/assets/images/report/backgroundcheck_report_bg.jpg b/src/assets/images/report/backgroundcheck_report_bg.jpg
deleted file mode 100644
index 5a42e69..0000000
Binary files a/src/assets/images/report/backgroundcheck_report_bg.jpg and /dev/null differ
diff --git a/src/assets/images/report/backgroundcheck_report_bg.png b/src/assets/images/report/backgroundcheck_report_bg.png
new file mode 100644
index 0000000..5e5656f
Binary files /dev/null and b/src/assets/images/report/backgroundcheck_report_bg.png differ
diff --git a/src/assets/images/report/bysj.png b/src/assets/images/report/bysj.png
new file mode 100644
index 0000000..5918eaa
Binary files /dev/null and b/src/assets/images/report/bysj.png differ
diff --git a/src/assets/images/report/dkxwfx.png b/src/assets/images/report/dkxwfx.png
new file mode 100644
index 0000000..8ead64c
Binary files /dev/null and b/src/assets/images/report/dkxwfx.png differ
diff --git a/src/assets/images/report/dwtz.png b/src/assets/images/report/dwtz.png
deleted file mode 100644
index e440993..0000000
Binary files a/src/assets/images/report/dwtz.png and /dev/null differ
diff --git a/src/assets/images/report/dwtzls.png b/src/assets/images/report/dwtzls.png
new file mode 100644
index 0000000..f6e5008
Binary files /dev/null and b/src/assets/images/report/dwtzls.png differ
diff --git a/src/assets/images/report/fsbq.png b/src/assets/images/report/fsbq.png
new file mode 100644
index 0000000..3a011a2
Binary files /dev/null and b/src/assets/images/report/fsbq.png differ
diff --git a/src/assets/images/report/fxbs.png b/src/assets/images/report/fxbs.png
new file mode 100644
index 0000000..ea0b045
Binary files /dev/null and b/src/assets/images/report/fxbs.png differ
diff --git a/src/assets/images/report/fxgl.png b/src/assets/images/report/fxgl.png
new file mode 100644
index 0000000..cdbc0db
Binary files /dev/null and b/src/assets/images/report/fxgl.png differ
diff --git a/src/assets/images/report/fxmd.png b/src/assets/images/report/fxmd.png
new file mode 100644
index 0000000..ef3255d
Binary files /dev/null and b/src/assets/images/report/fxmd.png differ
diff --git a/src/assets/images/report/fxzbxq.png b/src/assets/images/report/fxzbxq.png
new file mode 100644
index 0000000..354b12f
Binary files /dev/null and b/src/assets/images/report/fxzbxq.png differ
diff --git a/src/assets/images/report/fybgt.png b/src/assets/images/report/fybgt.png
new file mode 100644
index 0000000..9460e11
Binary files /dev/null and b/src/assets/images/report/fybgt.png differ
diff --git a/src/assets/images/report/gazdry.png b/src/assets/images/report/gazdry.png
deleted file mode 100644
index 3faee84..0000000
Binary files a/src/assets/images/report/gazdry.png and /dev/null differ
diff --git a/src/assets/images/report/gl.png b/src/assets/images/report/gl.png
index 7939a5f..c2f9cab 100644
Binary files a/src/assets/images/report/gl.png and b/src/assets/images/report/gl.png differ
diff --git a/src/assets/images/report/glfxjd.png b/src/assets/images/report/glfxjd.png
new file mode 100644
index 0000000..9f5d4a3
Binary files /dev/null and b/src/assets/images/report/glfxjd.png differ
diff --git a/src/assets/images/report/glfxjd2.png b/src/assets/images/report/glfxjd2.png
new file mode 100644
index 0000000..adb5429
Binary files /dev/null and b/src/assets/images/report/glfxjd2.png differ
diff --git a/src/assets/images/report/glzdryhy2.png b/src/assets/images/report/glzdryhy2.png
new file mode 100644
index 0000000..6a29b63
Binary files /dev/null and b/src/assets/images/report/glzdryhy2.png differ
diff --git a/src/assets/images/report/hktj.png b/src/assets/images/report/hktj.png
index 9e45f34..68ca536 100644
Binary files a/src/assets/images/report/hktj.png and b/src/assets/images/report/hktj.png differ
diff --git a/src/assets/images/report/hkylfx.png b/src/assets/images/report/hkylfx.png
new file mode 100644
index 0000000..095ae8a
Binary files /dev/null and b/src/assets/images/report/hkylfx.png differ
diff --git a/src/assets/images/report/ip.png b/src/assets/images/report/ip.png
deleted file mode 100644
index 8a924e0..0000000
Binary files a/src/assets/images/report/ip.png and /dev/null differ
diff --git a/src/assets/images/report/j24gyfkqk.png b/src/assets/images/report/j24gyfkqk.png
new file mode 100644
index 0000000..1eab157
Binary files /dev/null and b/src/assets/images/report/j24gyfkqk.png differ
diff --git a/src/assets/images/report/jd.png b/src/assets/images/report/jd.png
deleted file mode 100644
index c1a0a9a..0000000
Binary files a/src/assets/images/report/jd.png and /dev/null differ
diff --git a/src/assets/images/report/jd2.png b/src/assets/images/report/jd2.png
deleted file mode 100644
index fd812d5..0000000
Binary files a/src/assets/images/report/jd2.png and /dev/null differ
diff --git a/src/assets/images/report/jdpggl.png b/src/assets/images/report/jdpggl.png
new file mode 100644
index 0000000..2f9455a
Binary files /dev/null and b/src/assets/images/report/jdpggl.png differ
diff --git a/src/assets/images/report/jgfx.png b/src/assets/images/report/jgfx.png
new file mode 100644
index 0000000..55cab79
Binary files /dev/null and b/src/assets/images/report/jgfx.png differ
diff --git a/src/assets/images/report/jgztxx.png b/src/assets/images/report/jgztxx.png
new file mode 100644
index 0000000..d03b1e2
Binary files /dev/null and b/src/assets/images/report/jgztxx.png differ
diff --git a/src/assets/images/report/jyyc.png b/src/assets/images/report/jyyc.png
index 4bfa104..7d749e8 100644
Binary files a/src/assets/images/report/jyyc.png and b/src/assets/images/report/jyyc.png differ
diff --git a/src/assets/images/report/khlxjdbx.png b/src/assets/images/report/khlxjdbx.png
new file mode 100644
index 0000000..56cbb65
Binary files /dev/null and b/src/assets/images/report/khlxjdbx.png differ
diff --git a/src/assets/images/report/lsjdxw.png b/src/assets/images/report/lsjdxw.png
new file mode 100644
index 0000000..b0fdd82
Binary files /dev/null and b/src/assets/images/report/lsjdxw.png differ
diff --git a/src/assets/images/report/lyqk.png b/src/assets/images/report/lyqk.png
new file mode 100644
index 0000000..4b2bf98
Binary files /dev/null and b/src/assets/images/report/lyqk.png differ
diff --git a/src/assets/images/report/lyxxxq.png b/src/assets/images/report/lyxxxq.png
new file mode 100644
index 0000000..38c797c
Binary files /dev/null and b/src/assets/images/report/lyxxxq.png differ
diff --git a/src/assets/images/report/ms.png b/src/assets/images/report/ms.png
new file mode 100644
index 0000000..fa7d7b0
Binary files /dev/null and b/src/assets/images/report/ms.png differ
diff --git a/src/assets/images/report/mzfxbz.png b/src/assets/images/report/mzfxbz.png
new file mode 100644
index 0000000..c98045b
Binary files /dev/null and b/src/assets/images/report/mzfxbz.png differ
diff --git a/src/assets/images/report/qsgg.png b/src/assets/images/report/qsgg.png
index 9a4ea86..4666fde 100644
Binary files a/src/assets/images/report/qsgg.png and b/src/assets/images/report/qsgg.png differ
diff --git a/src/assets/images/report/qspc.png b/src/assets/images/report/qspc.png
new file mode 100644
index 0000000..7cdf628
Binary files /dev/null and b/src/assets/images/report/qspc.png differ
diff --git a/src/assets/images/report/rkpm.png b/src/assets/images/report/rkpm.png
new file mode 100644
index 0000000..8ba7f91
Binary files /dev/null and b/src/assets/images/report/rkpm.png differ
diff --git a/src/assets/images/report/rzls.png b/src/assets/images/report/rzls.png
index 7651824..4b13c82 100644
Binary files a/src/assets/images/report/rzls.png and b/src/assets/images/report/rzls.png differ
diff --git a/src/assets/images/report/sagg.png b/src/assets/images/report/sagg.png
new file mode 100644
index 0000000..179e0c2
Binary files /dev/null and b/src/assets/images/report/sagg.png differ
diff --git a/src/assets/images/report/sdsz.png b/src/assets/images/report/sdsz.png
deleted file mode 100644
index 96ea5a9..0000000
Binary files a/src/assets/images/report/sdsz.png and /dev/null differ
diff --git a/src/assets/images/report/sdszryhy.png b/src/assets/images/report/sdszryhy.png
new file mode 100644
index 0000000..ba9df65
Binary files /dev/null and b/src/assets/images/report/sdszryhy.png differ
diff --git a/src/assets/images/report/sffx.png b/src/assets/images/report/sffx.png
deleted file mode 100644
index 94641ed..0000000
Binary files a/src/assets/images/report/sffx.png and /dev/null differ
diff --git a/src/assets/images/report/sfxxhy.png b/src/assets/images/report/sfxxhy.png
new file mode 100644
index 0000000..323da72
Binary files /dev/null and b/src/assets/images/report/sfxxhy.png differ
diff --git a/src/assets/images/report/sjqsfx.png b/src/assets/images/report/sjqsfx.png
new file mode 100644
index 0000000..263b29d
Binary files /dev/null and b/src/assets/images/report/sjqsfx.png differ
diff --git a/src/assets/images/report/srbq.png b/src/assets/images/report/srbq.png
index fa87ae0..e60b337 100644
Binary files a/src/assets/images/report/srbq.png and b/src/assets/images/report/srbq.png differ
diff --git a/src/assets/images/report/srpg.png b/src/assets/images/report/srpg.png
new file mode 100644
index 0000000..f3b3dc9
Binary files /dev/null and b/src/assets/images/report/srpg.png differ
diff --git a/src/assets/images/report/ssfxfx.png b/src/assets/images/report/ssfxfx.png
new file mode 100644
index 0000000..d7d3e6b
Binary files /dev/null and b/src/assets/images/report/ssfxfx.png differ
diff --git a/src/assets/images/report/ssfxztgl.png b/src/assets/images/report/ssfxztgl.png
new file mode 100644
index 0000000..eb78d68
Binary files /dev/null and b/src/assets/images/report/ssfxztgl.png differ
diff --git a/src/assets/images/report/sswf.png b/src/assets/images/report/sswf.png
index 3804894..816aeb1 100644
Binary files a/src/assets/images/report/sswf.png and b/src/assets/images/report/sswf.png differ
diff --git a/src/assets/images/report/swfx.png b/src/assets/images/report/swfx.png
index af186f3..3ad1954 100644
Binary files a/src/assets/images/report/swfx.png and b/src/assets/images/report/swfx.png differ
diff --git a/src/assets/images/report/sxaj.png b/src/assets/images/report/sxaj.png
new file mode 100644
index 0000000..700fe0a
Binary files /dev/null and b/src/assets/images/report/sxaj.png differ
diff --git a/src/assets/images/report/sxxq.png b/src/assets/images/report/sxxq.png
new file mode 100644
index 0000000..f0ac43c
Binary files /dev/null and b/src/assets/images/report/sxxq.png differ
diff --git a/src/assets/images/report/title.png b/src/assets/images/report/title.png
index 5766435..3e84f7f 100644
Binary files a/src/assets/images/report/title.png and b/src/assets/images/report/title.png differ
diff --git a/src/assets/images/report/title_inquire_bg.png b/src/assets/images/report/title_inquire_bg.png
index 5f95172..472f6bb 100644
Binary files a/src/assets/images/report/title_inquire_bg.png and b/src/assets/images/report/title_inquire_bg.png differ
diff --git a/src/assets/images/report/title_inquire_bg_green.png b/src/assets/images/report/title_inquire_bg_green.png
new file mode 100644
index 0000000..73eedbf
Binary files /dev/null and b/src/assets/images/report/title_inquire_bg_green.png differ
diff --git a/src/assets/images/report/title_inquire_bg_red.png b/src/assets/images/report/title_inquire_bg_red.png
new file mode 100644
index 0000000..f31ccbf
Binary files /dev/null and b/src/assets/images/report/title_inquire_bg_red.png differ
diff --git a/src/assets/images/report/wxts.png b/src/assets/images/report/wxts.png
deleted file mode 100644
index 69a3498..0000000
Binary files a/src/assets/images/report/wxts.png and /dev/null differ
diff --git a/src/assets/images/report/wxts_icon.png b/src/assets/images/report/wxts_icon.png
index cd3b4f9..d2da4b8 100644
Binary files a/src/assets/images/report/wxts_icon.png and b/src/assets/images/report/wxts_icon.png differ
diff --git a/src/assets/images/report/xgaj.png b/src/assets/images/report/xgaj.png
new file mode 100644
index 0000000..73a1232
Binary files /dev/null and b/src/assets/images/report/xgaj.png differ
diff --git a/src/assets/images/report/xl.png b/src/assets/images/report/xl.png
new file mode 100644
index 0000000..59ca3dd
Binary files /dev/null and b/src/assets/images/report/xl.png differ
diff --git a/src/assets/images/report/xs.png b/src/assets/images/report/xs.png
new file mode 100644
index 0000000..27dc5bc
Binary files /dev/null and b/src/assets/images/report/xs.png differ
diff --git a/src/assets/images/report/xxlx.png b/src/assets/images/report/xxlx.png
new file mode 100644
index 0000000..bf3cd9c
Binary files /dev/null and b/src/assets/images/report/xxlx.png differ
diff --git a/src/assets/images/report/xxxs.png b/src/assets/images/report/xxxs.png
new file mode 100644
index 0000000..c5461ca
Binary files /dev/null and b/src/assets/images/report/xxxs.png differ
diff --git a/src/assets/images/report/xypf2.png b/src/assets/images/report/xypf2.png
new file mode 100644
index 0000000..983f507
Binary files /dev/null and b/src/assets/images/report/xypf2.png differ
diff --git a/src/assets/images/report/xz.png b/src/assets/images/report/xz.png
new file mode 100644
index 0000000..039dd18
Binary files /dev/null and b/src/assets/images/report/xz.png differ
diff --git a/src/assets/images/report/xzcf.png b/src/assets/images/report/xzcf.png
index 7603a70..542b1fe 100644
Binary files a/src/assets/images/report/xzcf.png and b/src/assets/images/report/xzcf.png differ
diff --git a/src/assets/images/report/ycsjdjdbx.png b/src/assets/images/report/ycsjdjdbx.png
new file mode 100644
index 0000000..0ba9fcb
Binary files /dev/null and b/src/assets/images/report/ycsjdjdbx.png differ
diff --git a/src/assets/images/report/yj.png b/src/assets/images/report/yj.png
deleted file mode 100644
index 9e46980..0000000
Binary files a/src/assets/images/report/yj.png and /dev/null differ
diff --git a/src/assets/images/report/yqxxxq.png b/src/assets/images/report/yqxxxq.png
new file mode 100644
index 0000000..dd0222f
Binary files /dev/null and b/src/assets/images/report/yqxxxq.png differ
diff --git a/src/assets/images/report/ywlx.png b/src/assets/images/report/ywlx.png
deleted file mode 100644
index 266ed41..0000000
Binary files a/src/assets/images/report/ywlx.png and /dev/null differ
diff --git a/src/assets/images/report/ywlxjdbx.png b/src/assets/images/report/ywlxjdbx.png
new file mode 100644
index 0000000..f6c4fc3
Binary files /dev/null and b/src/assets/images/report/ywlxjdbx.png differ
diff --git a/src/assets/images/report/zk.png b/src/assets/images/report/zk.png
index e7482b3..0387bdb 100644
Binary files a/src/assets/images/report/zk.png and b/src/assets/images/report/zk.png differ
diff --git a/src/assets/images/report/zlfx.png b/src/assets/images/report/zlfx.png
deleted file mode 100644
index a93cc02..0000000
Binary files a/src/assets/images/report/zlfx.png and /dev/null differ
diff --git a/src/assets/images/report/zlfxpggl.png b/src/assets/images/report/zlfxpggl.png
new file mode 100644
index 0000000..f79d48a
Binary files /dev/null and b/src/assets/images/report/zlfxpggl.png differ
diff --git a/src/assets/images/report/zlxw.png b/src/assets/images/report/zlxw.png
new file mode 100644
index 0000000..180c1c3
Binary files /dev/null and b/src/assets/images/report/zlxw.png differ
diff --git a/src/assets/images/report/zxaj.png b/src/assets/images/report/zxaj.png
new file mode 100644
index 0000000..1c066ea
Binary files /dev/null and b/src/assets/images/report/zxaj.png differ
diff --git a/src/assets/images/report/zyjy.png b/src/assets/images/report/zyjy.png
new file mode 100644
index 0000000..6f51ca0
Binary files /dev/null and b/src/assets/images/report/zyjy.png differ
diff --git a/src/assets/images/report/zymc.png b/src/assets/images/report/zymc.png
new file mode 100644
index 0000000..b46e3ac
Binary files /dev/null and b/src/assets/images/report/zymc.png differ
diff --git a/src/components/BaseReport.vue b/src/components/BaseReport.vue
index 2b82594..4eccbce 100644
--- a/src/components/BaseReport.vue
+++ b/src/components/BaseReport.vue
@@ -23,7 +23,7 @@ const loadProductBackground = async (productType) => {
             case 'homeservice':
                 return (await import("@/assets/images/report/homeservice_report_bg.jpg")).default;
             case 'backgroundcheck':
-                return (await import("@/assets/images/report/backgroundcheck_report_bg.jpg")).default;
+                return (await import("@/assets/images/report/backgroundcheck_report_bg.png")).default;
             default:
                 return null;
         }
@@ -102,6 +102,7 @@ const productBackground = ref('');
 const backgroundHeight = ref(0);
 const imageAspectRatio = ref(0); // 缓存图片宽高比
 const MAX_BACKGROUND_HEIGHT = 211; // 最大背景高度，防止图片过高变形
+const trapezoidBgImage = ref(''); // 牌匾背景图片
 
 // 计算背景高度
 const calculateBackgroundHeight = () => {
@@ -143,6 +144,7 @@ let resizeTimer = null;
 onMounted(async () => {
     console.log("isExample", isExample.value);
     await loadBackgroundImage();
+    await loadTrapezoidBackground();
 
     // 监听窗口大小变化，重新计算高度
     window.addEventListener('resize', handleResize);
@@ -214,12 +216,37 @@ const backgroundImageStyle = computed(() => {
     return {};
 });
 
+// 动态加载牌匾背景图片
+const loadTrapezoidBackground = async () => {
+    try {
+        const bgModule = await import("@/assets/images/report/title_inquire_bg.png");
+        trapezoidBgImage.value = bgModule.default;
+    } catch (error) {
+        console.warn(`Failed to load trapezoid background image:`, error);
+    }
+};
+
+// 牌匾背景图片样式
+const trapezoidBgStyle = computed(() => {
+    if (trapezoidBgImage.value) {
+        return {
+            backgroundImage: `url(${trapezoidBgImage.value})`,
+        };
+    }
+    return {};
+});
+
 const featureMap = {
     IVYZ5733: {
         name: "婚姻状态",
         component: defineAsyncComponent(() => import("@/ui/CIVYZ5733.vue")),
         remark: '查询结果为"未婚或尚未登记结婚"时，表示婚姻登记处暂无相关的登记记录。婚姻状态信息由婚姻登记处逐级上报，可能存在数据遗漏或更新滞后。当前可查询的婚姻状态包括：未婚或尚未登记结婚、已婚、离异。如您对查询结果有疑问，请联系客服反馈。',
     },
+    IVYZ81NC: {
+        name: "婚姻状态",
+        component: defineAsyncComponent(() => import("@/ui/CIVYZ81NC.vue")),
+        remark: '查询结果为"未婚或尚未登记结婚"时，表示婚姻登记处暂无相关的登记记录。婚姻状态信息由婚姻登记处逐级上报，可能存在数据遗漏或更新滞后。当前可查询的婚姻状态包括：未婚或尚未登记结婚、已婚、离异。如您对查询结果有疑问，请联系客服反馈。',
+    },
     JRZQ0A03: {
         name: "借贷申请记录",
         component: defineAsyncComponent(() =>
@@ -287,6 +314,10 @@ const featureMap = {
         name: "名下车辆",
         component: defineAsyncComponent(() => import("@/ui/CQCXG7A2B.vue")),
     },
+    QCXG9P1C: {
+        name: "名下车辆",
+        component: defineAsyncComponent(() => import("@/ui/CQCXG9P1C.vue")),
+    },
     BehaviorRiskScan: {
         name: "风险行为扫描",
         component: defineAsyncComponent(() =>
@@ -301,6 +332,10 @@ const featureMap = {
         name: "学历信息查询",
         component: defineAsyncComponent(() => import("@/ui/CIVYZ9A2B.vue")),
     },
+    IVYZ7F3A: {
+        name: "学历信息",
+        component: defineAsyncComponent(() => import("@/ui/CIVYZ7F3A.vue")),
+    },
     DWBG8B4D: {
         name: "谛听多维报告",
         component: defineAsyncComponent(() => import("@/ui/CDWBG8B4D/index.vue")),
@@ -326,10 +361,10 @@ const featureMap = {
         name: "逾期风险综述",
         component: defineAsyncComponent(() => import("@/ui/CDWBG8B4D/components/OverdueRiskSection.vue")),
     },
-    DWBG8B4D_CourtInfo: {
-        name: "法院曝光台信息",
-        component: defineAsyncComponent(() => import("@/ui/CDWBG8B4D/components/MultCourtInfoSection.vue")),
-    },
+    // DWBG8B4D_CourtInfo: {
+    //     name: "法院曝光台信息",
+    //     component: defineAsyncComponent(() => import("@/ui/CDWBG8B4D/components/MultCourtInfoSection.vue")),
+    // },
     DWBG8B4D_LoanEvaluation: {
         name: "借贷评估",
         component: defineAsyncComponent(() => import("@/ui/CDWBG8B4D/components/LoanEvaluationSection.vue")),
@@ -415,10 +450,10 @@ const featureMap = {
         name: "关联风险监督",
         component: defineAsyncComponent(() => import("@/ui/DWBG6A2C/components/RiskSupervisionSection.vue")),
     },
-    DWBG6A2C_CourtRiskInfo: {
-        name: "法院风险信息",
-        component: defineAsyncComponent(() => import("@/ui/DWBG6A2C/components/CourtRiskInfoSection.vue")),
-    },
+    // DWBG6A2C_CourtRiskInfo: {
+    //     name: "法院风险信息",
+    //     component: defineAsyncComponent(() => import("@/ui/DWBG6A2C/components/CourtRiskInfoSection.vue")),
+    // },
     // 贷款风险报告
     JRZQ5E9F: {
         name: "贷款风险评估",
@@ -703,7 +738,7 @@ watch([reportData, componentRiskScores], () => {
 </script>
 
 <template>
-    <div class="min-h-full bg-[#FCF3F3]">
+    <div class="min-h-full bg-[#f6f8fe]">
         <template v-if="isDone">
             <!-- 背景图容器 -->
             <div ref="backgroundContainerRef" class="w-full" :style="[backgroundContainerStyle, backgroundImageStyle]">
@@ -714,10 +749,18 @@ watch([reportData, componentRiskScores], () => {
                 <div class="flex flex-col gap-y-4 p-4">
                     <LEmpty v-if="isEmpty" />
                     <van-tab title="分析指数">
-                        <TitleBanner id="analysis" class="mb-4">分析指数</TitleBanner>
-                        <div class="card mb-4">
-                            <div class="my-4">
-                                <GaugeChart :score="reportScore" />
+                        <div class="relative mb-4">
+                            <!-- 产品卡片牌匾效果 - 使用背景图片 -->
+                            <div class="absolute -top-[12px] left-1/2 transform -translate-x-1/2 w-[140px]">
+                                <div class="trapezoid-bg-image flex items-center justify-center"
+                                    :style="trapezoidBgStyle">
+                                    <div class="text-xl whitespace-nowrap">分析指数</div>
+                                </div>
+                            </div>
+                            <div class="card mb-4 mt-6 !pt-10">
+                                <div class="my-4">
+                                    <GaugeChart :score="reportScore" />
+                                </div>
                             </div>
                         </div>
                     </van-tab>
@@ -807,4 +850,11 @@ watch([reportData, componentRiskScores], () => {
     @apply p-3;
     box-shadow: 0px 0px 24px 0px #3F3F3F0F;
 }
+/* 梯形背景图片样式 */
+.trapezoid-bg-image {
+    background-size: contain;
+    background-repeat: no-repeat;
+    background-position: center;
+    height: 44px;
+}
 </style>
diff --git a/src/components/InquireForm.vue b/src/components/InquireForm.vue
index 907cc3b..40d395d 100644
--- a/src/components/InquireForm.vue
+++ b/src/components/InquireForm.vue
@@ -3,9 +3,10 @@
         <!-- 主要内容区域 - 覆盖背景图片 -->
         <div class="min-h-screen relative mx-4 pb-12">
             <!-- 产品卡片牌匾效果 - 使用背景图片 -->
-            <div class="absolute -top-[36px] left-1/2 transform -translate-x-1/2">
-                <div class="trapezoid-bg-image w-[200px] h-[36px] flex items-center justify-center">
-                    <div class="text-lg" style="color: var(--van-theme-primary);">{{ featureData.product_name }}</div>
+            <div class="absolute -top-[12px] left-1/2 transform -translate-x-1/2 w-[140px]">
+                <div class="trapezoid-bg-image flex items-center justify-center" :style="trapezoidBgStyle">
+                    <div class="text-xl whitespace-nowrap" :style="trapezoidTextStyle">{{
+                        featureData.product_name }}</div>
                 </div>
             </div>
             <div class="card-container">
@@ -328,7 +329,7 @@ const loadProductBackground = async (productType) => {
             case 'homeservice':
                 return (await import("@/assets/images/report/homeservice_inquire_bg.jpg")).default;
             case 'backgroundcheck':
-                return (await import("@/assets/images/report/backgroundcheck_inquire_bg.jpg")).default;
+                return (await import("@/assets/images/report/backgroundcheck_inquire_bg.png")).default;
             default:
                 return null;
         }
@@ -349,6 +350,7 @@ const showPayment = ref(false);
 const pendingPayment = ref(false);
 const queryId = ref(null);
 const productBackground = ref('');
+const trapezoidBgImage = ref('');
 const isCountingDown = ref(false);
 const countdown = ref(60);
 
@@ -393,6 +395,52 @@ const backgroundStyle = computed(() => {
     return {};
 });
 
+// 动态加载牌匾背景图片
+const loadTrapezoidBackground = async () => {
+    try {
+        let bgModule;
+        if (props.feature === 'marriage') {
+            bgModule = await import("@/assets/images/report/title_inquire_bg_red.png");
+        } else if (props.feature === 'homeservice') {
+            bgModule = await import("@/assets/images/report/title_inquire_bg_green.png");
+        } else {
+            bgModule = await import("@/assets/images/report/title_inquire_bg.png");
+        }
+        trapezoidBgImage.value = bgModule.default;
+    } catch (error) {
+        console.warn(`Failed to load trapezoid background image:`, error);
+        // 回退到默认图片
+        try {
+            const defaultModule = await import("@/assets/images/report/title_inquire_bg.png");
+            trapezoidBgImage.value = defaultModule.default;
+        } catch (e) {
+            console.error('Failed to load default trapezoid background:', e);
+        }
+    }
+};
+
+// 牌匾背景图片样式
+const trapezoidBgStyle = computed(() => {
+    if (trapezoidBgImage.value) {
+        return {
+            backgroundImage: `url(${trapezoidBgImage.value})`,
+        };
+    }
+    return {};
+});
+
+// 牌匾文字样式
+const trapezoidTextStyle = computed(() => {
+    // homeservice 和 marriage 使用白色文字
+    if (props.feature === 'homeservice' || props.feature === 'marriage') {
+        return {
+            color: 'white',
+        };
+    }
+    // 其他情况使用默认字体色（不设置 color，使用浏览器默认或继承）
+    return {};
+});
+
 // 获取功能图标
 const getFeatureIcon = (apiId) => {
     const iconMap = {
@@ -623,6 +671,7 @@ const toHistory = () => {
 // 生命周期
 onMounted(async () => {
     await loadBackgroundImage();
+    await loadTrapezoidBackground();
 });
 
 // 加载背景图片
@@ -669,22 +718,19 @@ button:active {
 
 /* 梯形背景图片样式 */
 .trapezoid-bg-image {
-    background-image: url('@/assets/images/report/title_inquire_bg.png');
-    background-size: 100% 100%;
+    background-size: contain;
     background-repeat: no-repeat;
+    background-position: center;
+    height: 44px;
 }
 
 /* 卡片容器样式 */
 .card-container {
     background: white;
     border-radius: 8px;
-    padding: 16px;
-    box-shadow:
-        0 0 0 0.5px rgba(0, 0, 0, 0.02),
-        0 1px 4px rgba(0, 0, 0, 0.04),
-        0 0.5px 2px rgba(0, 0, 0, 0.05);
+    padding: 32px 16px;
+        box-shadow: 0px 0px 24px 0px #3F3F3F0F;
 }
-
 .card-container input::placeholder {
     color: #DDDDDD;
 }
diff --git a/src/components/LRemark.vue b/src/components/LRemark.vue
index 9401581..d833a87 100644
--- a/src/components/LRemark.vue
+++ b/src/components/LRemark.vue
@@ -2,10 +2,12 @@
     <div class="l-remark-card my-[20px]">
         <!-- 顶部连接点 -->
         <div class="connection-line">
-            <img src="data:image/png;base64,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" alt="左链条" class="connection-chain left" />
-            <img src="data:image/png;base64,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" alt="右链条" class="connection-chain right" />
+            <img src="data:image/png;base64,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"
+                alt="左链条" class="connection-chain left" />
+            <img src="data:image/png;base64,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"
+                alt="右链条" class="connection-chain right" />
         </div>
-        
+
         <div>
             <van-icon name="info-o" class="tips-icon" />
             <span class="tips-title">温馨提示</span>
diff --git a/src/components/QRcode.vue b/src/components/QRcode.vue
index b978bdb..24d428b 100644
--- a/src/components/QRcode.vue
+++ b/src/components/QRcode.vue
@@ -279,13 +279,13 @@ const shareToFriend = () => {
     const shareUrl = generalUrl();
     const shareConfig = {
         title: mode.value === "promote"
-            ? "哈密大数据查询 - 推广链接"
-            : "哈密大数据查询 - 邀请链接",
+            ? "天远数据 - 推广链接"
+            : "天远数据 - 邀请链接",
         desc: mode.value === "promote"
-            ? "扫码查看哈密大数据查询推广信息"
-            : "扫码申请哈密大数据查询代理权限",
+            ? "扫码查看天远数据推广信息"
+            : "扫码申请天远数据代理权限",
         link: shareUrl,
-        imgUrl: "https://hm.tianyuandb.com/logo.jpg"
+        imgUrl: "https://www.tianyuandb.com/logo.jpg"
     };
 
     configWeixinShare(shareConfig);
@@ -304,13 +304,13 @@ const shareToTimeline = () => {
     const shareUrl = generalUrl();
     const shareConfig = {
         title: mode.value === "promote"
-            ? "哈密大数据查询 - 推广链接"
-            : "哈密大数据查询 - 邀请链接",
+            ? "天远数据 - 推广链接"
+            : "天远数据 - 邀请链接",
         desc: mode.value === "promote"
-            ? "扫码查看哈密大数据查询推广信息"
-            : "扫码申请哈密大数据查询代理权限",
+            ? "扫码查看天远数据推广信息"
+            : "扫码申请天远数据代理权限",
         link: shareUrl,
-        imgUrl: "https://hm.tianyuandb.com/logo.jpg"
+        imgUrl: "https://www.tianyuandb.com/logo.jpg"
     };
 
     configWeixinShare(shareConfig);
@@ -368,7 +368,7 @@ const savePoster = () => {
 const saveForPC = (dataURL) => {
     const a = document.createElement("a");
     a.href = dataURL;
-    a.download = "哈密大数据查询海报.png";
+    a.download = "天远数据海报.png";
     a.click();
 };
 
@@ -385,7 +385,7 @@ const saveForMobile = async (dataURL) => {
 
         const a = document.createElement("a");
         a.href = url;
-        a.download = "哈密大数据查询海报.png";
+        a.download = "天远数据海报.png";
         a.style.display = "none";
         document.body.appendChild(a);
         a.click();
@@ -435,7 +435,7 @@ const saveWithFileSystemAPI = async (dataURL) => {
         try {
             const blob = dataURLToBlob(dataURL);
             const fileHandle = await window.showSaveFilePicker({
-                suggestedName: '哈密大数据查询海报.png',
+                suggestedName: '天远数据海报.png',
                 types: [{
                     description: 'PNG images',
                     accept: { 'image/png': ['.png'] }
@@ -461,11 +461,11 @@ const tryShareAPI = async (dataURL) => {
     if (navigator.share && navigator.canShare) {
         try {
             const blob = dataURLToBlob(dataURL);
-            const file = new File([blob], '哈密大数据查询海报.png', { type: 'image/png' });
+            const file = new File([blob], '天远数据海报.png', { type: 'image/png' });
 
             if (navigator.canShare({ files: [file] })) {
                 await navigator.share({
-                    title: '哈密大数据查询海报',
+                    title: '天远数据海报',
                     text: '分享海报图片',
                     files: [file]
                 });
diff --git a/src/components/TitleBanner.vue b/src/components/TitleBanner.vue
index 2e70511..f2b2684 100644
--- a/src/components/TitleBanner.vue
+++ b/src/components/TitleBanner.vue
@@ -10,9 +10,8 @@
 
 <style scoped>
 .title-banner {
-    @apply mx-auto mt-2 w-64 py-2 text-center text-white font-bold text-lg relative;
+    @apply mx-auto mt-2 w-64 py-1.5 text-center text-white font-bold text-lg relative rounded-2xl;
     background: var(--color-primary);
-    border-radius: 12px;
     border: 1px solid var(--color-primary-300);
     background-image:
         linear-gradient(45deg, transparent 25%, rgba(255, 255, 255, 0.1) 25%, rgba(255, 255, 255, 0.1) 50%, transparent 50%, transparent 75%, rgba(255, 255, 255, 0.1) 75%);
diff --git a/src/components/VerificationCard.vue b/src/components/VerificationCard.vue
index 135a650..66972ea 100644
--- a/src/components/VerificationCard.vue
+++ b/src/components/VerificationCard.vue
@@ -14,7 +14,7 @@
                     <span class="text-gray-600">{{
                         reportDateTime ||
                         "2025-01-01 12:00:00"
-                    }}</span>
+                        }}</span>
                 </div>
                 <div class="flex  pb-2 pl-2" v-if="!isEmpty">
                     <span class="text-[#666666] w-[6em]">报告项目：</span>
@@ -32,10 +32,10 @@
                         <span class="text-[#666666] w-[6em]">姓名</span>
                         <span class="text-gray-600">{{
                             maskValue(
-                                "name",
-                                reportParams?.name
+                            "name",
+                            reportParams?.name
                             )
-                        }}</span>
+                            }}</span>
                     </div>
 
                     <!-- 身份证号 -->
@@ -43,10 +43,10 @@
                         <span class="text-[#666666] w-[6em]">身份证号</span>
                         <span class="text-gray-600">{{
                             maskValue(
-                                "id_card",
-                                reportParams?.id_card
+                            "id_card",
+                            reportParams?.id_card
                             )
-                        }}</span>
+                            }}</span>
                     </div>
 
                     <!-- 手机号 -->
@@ -54,10 +54,10 @@
                         <span class="text-[#666666] w-[6em]">手机号</span>
                         <span class="text-gray-600">{{
                             maskValue(
-                                "mobile",
-                                reportParams?.mobile
+                            "mobile",
+                            reportParams?.mobile
                             )
-                        }}</span>
+                            }}</span>
                     </div>
 
                     <!-- 验证卡片 -->
@@ -81,7 +81,7 @@
                         </div>
 
                         <!-- 手机号检测结果 -->
-                        <div class="flex items-center px-4 py-3 flex-1 border border-[#EEEEEE] rounded-lg bg-[#F9F9F9]">
+                        <!-- <div class="flex items-center px-4 py-3 flex-1 border border-[#EEEEEE] rounded-lg bg-[#F9F9F9]">
                             <div class="w-11 h-11 flex items-center justify-center mr-4">
                                 <img src="@/assets/images/report/sjh.png" alt="手机号" class="w-10 h-10 object-contain" />
                             </div>
@@ -99,7 +99,7 @@
                             <div class="w-11 h-11 flex items-center justify-center ml-4">
                                 <img src="@/assets/images/report/zq.png" alt="资金安全" class="w-10 h-10 object-contain" />
                             </div>
-                        </div>
+                        </div> -->
                     </div>
                 </div>
             </template>
diff --git a/src/layouts/PageLayout.vue b/src/layouts/PageLayout.vue
index 61e211d..0ffa498 100644
--- a/src/layouts/PageLayout.vue
+++ b/src/layouts/PageLayout.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="bg-[#FFFAFA] min-h-screen">
+    <div class="from-sky-100/20 to-white bg-gradient-to-b min-h-screen">
         <van-nav-bar fixed :border="false" placeholder :title="pageTitle" left-arrow @click-left="onClickLeft"
             z-index="9999" />
         <router-view />
diff --git a/src/ui/CDWBG8B4D/components/LeasingRiskSection.vue b/src/ui/CDWBG8B4D/components/LeasingRiskSection.vue
index 389b413..6cca2b4 100644
--- a/src/ui/CDWBG8B4D/components/LeasingRiskSection.vue
+++ b/src/ui/CDWBG8B4D/components/LeasingRiskSection.vue
@@ -4,7 +4,7 @@
       <div class="flex items-center justify-between mb-3 border border-[#DDDDDD] rounded-lg p-4 bg-[#F9F9F9]">
         <div class="flex items-center">
           <div class="w-10 h-10 flex items-center justify-center mr-2">
-            <img src="@/assets/images/report/jd.png" alt="租赁风险评估概览" class="w-10 h-10 object-contain" />
+            <img src="@/assets/images/report/zlfxpggl.png" alt="租赁风险评估概览" class="w-10 h-10 object-contain" />
           </div>
           <span class="font-bold text-gray-800">租赁风险评估概览</span>
         </div>
diff --git a/src/ui/CDWBG8B4D/components/LoanEvaluationSection.vue b/src/ui/CDWBG8B4D/components/LoanEvaluationSection.vue
index b5ed21d..28e69e8 100644
--- a/src/ui/CDWBG8B4D/components/LoanEvaluationSection.vue
+++ b/src/ui/CDWBG8B4D/components/LoanEvaluationSection.vue
@@ -3,8 +3,8 @@
     <div class="p-2 relative">
       <div class="flex items-center justify-between mb-3 border  border-[#DDDDDD] rounded-lg p-4 bg-[#F9F9F9]">
         <div class="flex items-center ">
-          <div class="w-10 h-10 flex items-center justify-center mr-2">
-            <img src="@/assets/images/report/jd.png" alt="借贷评估概览" class="w-10 h-10 object-contain" />
+          <div class="w-8 h-8 flex items-center justify-center mr-2">
+            <img src="@/assets/images/report/jdpggl.png" alt="借贷评估概览" class="w-8 h-8 object-contain" />
           </div>
           <span class="font-bold text-gray-800">借贷评估概览</span>
         </div>
@@ -17,8 +17,8 @@
       <div v-if="loanEvaluationVerificationDetail.organLoanPerformances"
         class="border  border-[#DDDDDD] mb-4 rounded-lg">
         <div class="flex items-center p-4">
-          <div class="w-10 h-10 flex items-center justify-center mr-2">
-            <img src="@/assets/images/report/jd2.png" alt="借贷评估概览" class="w-10 h-10 object-contain" />
+          <div class="w-8 h-8 flex items-center justify-center mr-2">
+            <img src="@/assets/images/report/yzgz.png" alt="借贷评估概览" class="w-8 h-8 object-contain" />
           </div>
           <span class="font-bold text-gray-800">机构借贷表现</span>
         </div>
@@ -60,8 +60,8 @@
       <div v-if="loanEvaluationVerificationDetail.customerLoanPerformances"
         class="border border-[#DDDDDD] mb-4 rounded-lg">
         <div class="flex items-center p-4">
-          <div class="w-10 h-10 flex items-center justify-center mr-2">
-            <img src="@/assets/images/report/jd2.png" alt="客户类型借贷表现" class="w-10 h-10 object-contain" />
+          <div class="w-8 h-8 flex items-center justify-center mr-2">
+            <img src="@/assets/images/report/khlxjdbx.png" alt="客户类型借贷表现" class="w-8 h-8 object-contain" />
           </div>
           <span class="font-bold text-gray-800">客户类型借贷表现</span>
         </div>
@@ -123,8 +123,8 @@
       <div v-if="loanEvaluationVerificationDetail.businessLoanPerformances"
         class="border border-[#DDDDDD] mb-4 rounded-lg">
         <div class="flex items-center p-4">
-          <div class="w-10 h-10 flex items-center justify-center mr-2">
-            <img src="@/assets/images/report/ywlx.png" alt="业务类型借贷表现" class="w-10 h-10 object-contain" />
+          <div class="w-8 h-8 flex items-center justify-center mr-2">
+            <img src="@/assets/images/report/ywlxjdbx.png" alt="业务类型借贷表现" class="w-8 h-8 object-contain" />
           </div>
           <span class="font-bold text-gray-800">业务类型借贷表现</span>
         </div>
@@ -186,8 +186,8 @@
       <!-- 异常时间段借贷表现 -->
       <div v-if="loanEvaluationVerificationDetail.timeLoanPerformances" class="border border-[#DDDDDD] mb-4 rounded-lg">
         <div class="flex items-center p-4">
-          <div class="w-10 h-10 flex items-center justify-center mr-2">
-            <img src="@/assets/images/report/yj.png" alt="异常时间段借贷表现" class="w-10 h-10 object-contain" />
+          <div class="w-8 h-8 flex items-center justify-center mr-2">
+            <img src="@/assets/images/report/ycsjdjdbx.png" alt="异常时间段借贷表现" class="w-8 h-8 object-contain" />
           </div>
           <span class="font-bold text-gray-800">异常时间段借贷表现</span>
         </div>
diff --git a/src/ui/CDWBG8B4D/components/MultCourtInfoSection.vue b/src/ui/CDWBG8B4D/components/MultCourtInfoSection.vue
index dcae160..120879b 100644
--- a/src/ui/CDWBG8B4D/components/MultCourtInfoSection.vue
+++ b/src/ui/CDWBG8B4D/components/MultCourtInfoSection.vue
@@ -4,18 +4,12 @@
 
     <!-- 案件概览 -->
     <div class="court-overview mb-4">
-      <div class="bg-white rounded-lg border border-gray-200 p-4">
-        <div class="flex items-center justify-between mb-3">
-          <div class="flex items-center">
-            <div class="w-8 h-8 bg-purple-500 rounded-full flex items-center justify-center mr-2">
-              <svg class="w-4 h-4 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                  d="M3 6l3 1m0 0l-3 9a5.002 5.002 0 006.001 0M6 7l3 9M6 7l6-2m6 2l3-1m-3 1l-3 9a5.002 5.002 0 006.001 0M18 7l3 9m-3-9l-6-2m0-2v2m0 16V5m0 16H9m3 0h3">
-                </path>
-              </svg>
-            </div>
-            <span class="font-bold text-gray-800">案件概览</span>
+      <div class="bg-white rounded-xl border border-[#DDDDDD] p-4">
+        <div class="flex items-center mb-3">
+          <div class="w-8 h-8 flex items-center justify-center mr-2">
+            <img src="@/assets/images/report/ajgl.png" alt="案件概览" class="w-8 h-8 object-contain" />
           </div>
+          <span class="font-bold text-gray-800">案件概览</span>
         </div>
 
         <!-- 案件类型统计 -->
@@ -57,16 +51,13 @@
       <div class="space-y-4">
         <!-- 涉案公告 -->
         <div v-if="multCourtInfo.legalCases && multCourtInfo.legalCases.length > 0" class="case-section">
-          <div class="bg-white rounded-lg border border-gray-200 p-4">
+          <div class="bg-white rounded-xl border border-[#DDDDDD] p-4">
             <div class="flex items-center mb-3">
-              <div class="w-6 h-6 bg-blue-500 rounded-full flex items-center justify-center mr-2">
-                <svg class="w-3 h-3 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                    d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path>
-                </svg>
+              <div class="w-8 h-8 flex items-center justify-center mr-2">
+                <img src="@/assets/images/report/sagg.png" alt="涉案公告" class="w-8 h-8 object-contain" />
               </div>
               <span class="font-bold text-gray-800">涉案公告</span>
-              <span class="ml-2 px-2 py-1 bg-blue-100 text-blue-700 rounded-full text-xs font-medium">
+              <span class="ml-2 px-2 py-1 bg-[#2B79EE1A] text-[#2B79EE] rounded-full text-xs font-medium">
                 {{ multCourtInfo.legalCases.length }}件
               </span>
             </div>
@@ -125,16 +116,13 @@
 
         <!-- 执行案件 -->
         <div v-if="multCourtInfo.executionCases && multCourtInfo.executionCases.length > 0" class="case-section">
-          <div class="bg-white rounded-lg border border-gray-200 p-4">
+          <div class="bg-white rounded-xl border border-[#DDDDDD] p-4">
             <div class="flex items-center mb-3">
-              <div class="w-6 h-6 bg-red-500 rounded-full flex items-center justify-center mr-2">
-                <svg class="w-3 h-3 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                    d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path>
-                </svg>
+              <div class="w-8 h-8 flex items-center justify-center mr-2">
+                <img src="@/assets/images/report/zxaj.png" alt="执行案件" class="w-8 h-8 object-contain" />
               </div>
               <span class="font-bold text-gray-800">执行案件</span>
-              <span class="ml-2 px-2 py-1 bg-red-100 text-red-700 rounded-full text-xs font-medium">
+              <span class="ml-2 px-2 py-1 bg-[#F9ECEC] text-[#EB3C3C] rounded-full text-xs font-medium">
                 {{ multCourtInfo.executionCases.length }}件
               </span>
             </div>
@@ -174,7 +162,7 @@
                     </div>
                     <div class="detail-item">
                       <span class="label">执行金额：</span>
-                      <span class="value text-red-600 font-bold">{{ caseItem.executionAmount }}元</span>
+                      <span class="value text-[#EB3C3C] font-bold">{{ caseItem.executionAmount }}元</span>
                     </div>
                     <div class="detail-item">
                       <span class="label">已还款金额：</span>
@@ -201,17 +189,13 @@
 
         <!-- 失信案件 -->
         <div v-if="multCourtInfo.disinCases && multCourtInfo.disinCases.length > 0" class="case-section">
-          <div class="bg-white rounded-lg border border-gray-200 p-4">
+          <div class="bg-white rounded-xl border border-[#DDDDDD] p-4">
             <div class="flex items-center mb-3">
-              <div class="w-6 h-6 bg-orange-500 rounded-full flex items-center justify-center mr-2">
-                <svg class="w-3 h-3 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                    d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-2.5L13.732 4c-.77-.833-1.964-.833-2.732 0L3.732 16.5c-.77.833.192 2.5 1.732 2.5z">
-                  </path>
-                </svg>
+              <div class="w-8 h-8 flex items-center justify-center mr-2">
+                <img src="@/assets/images/report/sxaj.png" alt="失信案件" class="w-8 h-8 object-contain" />
               </div>
               <span class="font-bold text-gray-800">失信案件</span>
-              <span class="ml-2 px-2 py-1 bg-orange-100 text-orange-700 rounded-full text-xs font-medium">
+              <span class="ml-2 px-2 py-1 bg-[#FFF8E1] text-[#D6943E] rounded-full text-xs font-medium">
                 {{ multCourtInfo.disinCases.length }}件
               </span>
             </div>
@@ -251,7 +235,7 @@
                     </div>
                     <div class="detail-item">
                       <span class="label">执行金额：</span>
-                      <span class="value text-red-600 font-bold">{{ caseItem.executionAmount }}元</span>
+                      <span class="value text-[#EB3C3C] font-bold">{{ caseItem.executionAmount }}元</span>
                     </div>
                     <div class="detail-item">
                       <span class="label">已还款金额：</span>
@@ -278,17 +262,13 @@
 
         <!-- 限高案件 -->
         <div v-if="multCourtInfo.limitCases && multCourtInfo.limitCases.length > 0" class="case-section">
-          <div class="bg-white rounded-lg border border-gray-200 p-4">
+          <div class="bg-white rounded-xl border border-[#DDDDDD] p-4">
             <div class="flex items-center mb-3">
-              <div class="w-6 h-6 bg-purple-500 rounded-full flex items-center justify-center mr-2">
-                <svg class="w-3 h-3 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                    d="M18.364 18.364A9 9 0 005.636 5.636m12.728 12.728L5.636 5.636m12.728 12.728L18.364 5.636M5.636 18.364l12.728-12.728">
-                  </path>
-                </svg>
+              <div class="w-8 h-8 flex items-center justify-center mr-2">
+                <img src="@/assets/images/report/xgaj.png" alt="限高案件" class="w-8 h-8 object-contain" />
               </div>
               <span class="font-bold text-gray-800">限高案件</span>
-              <span class="ml-2 px-2 py-1 bg-purple-100 text-purple-700 rounded-full text-xs font-medium">
+              <span class="ml-2 px-2 py-1 bg-[#2B79EE1A] text-[#2B79EE] rounded-full text-xs font-medium">
                 {{ multCourtInfo.limitCases.length }}件
               </span>
             </div>
@@ -328,7 +308,7 @@
                     </div>
                     <div class="detail-item">
                       <span class="label">执行金额：</span>
-                      <span class="value text-red-600 font-bold">{{ caseItem.executionAmount }}元</span>
+                      <span class="value text-[#EB3C3C] font-bold">{{ caseItem.executionAmount }}元</span>
                     </div>
                     <div class="detail-item">
                       <span class="label">已还款金额：</span>
@@ -355,9 +335,10 @@
       </div>
     </div>
   </div>
-  
+
   <!-- 温馨提示 -->
-  <LRemark content="法院曝光台信息展示申请人的各类案件信息，包括涉案公告、执行案件、失信案件和限高案件。数据来源于全国法院执行信息公开网等权威司法数据库。案件状态包括审理中、执行中、已结案等，执行金额和已还款金额直接反映债务履行情况。失信和限高记录对个人信用影响较大，建议重点关注。数据更新频率依赖于司法系统，可能存在延迟。" />
+  <LRemark
+    content="法院曝光台信息展示申请人的各类案件信息，包括涉案公告、执行案件、失信案件和限高案件。数据来源于全国法院执行信息公开网等权威司法数据库。案件状态包括审理中、执行中、已结案等，执行金额和已还款金额直接反映债务履行情况。失信和限高记录对个人信用影响较大，建议重点关注。数据更新频率依赖于司法系统，可能存在延迟。" />
 </template>
 
 <script setup>
@@ -420,16 +401,16 @@ const getCaseCount = (cases) => {
 
 // 获取案件标识样式
 const getCaseFlagClass = (flag) => {
-  if (flag === 1) return 'bg-red-50 border border-red-200'
-  if (flag === 2) return 'bg-green-50 border border-green-200'
+  if (flag === 1) return 'bg-[#F9ECEC] border border-[#F0CACA]'
+  if (flag === 2) return 'bg-[#ECF9EF] border border-[#CAECD3]'
   return 'bg-gray-50 border border-gray-200'
 }
 
 // 获取案件标识文本样式
 const getCaseFlagTextClass = (flag) => {
-  if (flag === 1) return 'text-red-600'
+  if (flag === 1) return 'text-[#EB3C3C]'
   if (flag === 2) return 'text-green-600'
-  return 'text-gray-600'
+  return 'text-[#666666]'
 }
 
 // 获取案件标识文本
@@ -449,12 +430,12 @@ const getCaseItemClass = (caseItem) => {
 // 获取案件状态样式
 const getCaseStatusClass = (status) => {
   if (status === '已结案') return 'text-green-600 bg-green-100'
-  if (status === '执行中') return 'text-orange-600 bg-orange-100'
-  if (status === '未执行') return 'text-red-600 bg-red-100'
-  if (status === '审理中') return 'text-blue-600 bg-blue-100'
-  if (status === '失信中') return 'text-red-600 bg-red-100'
-  if (status === '限高中') return 'text-purple-600 bg-purple-100'
-  return 'text-gray-600 bg-gray-100'
+  if (status === '执行中') return 'text-[#D6943E] bg-[#FFF8E1]'
+  if (status === '未执行') return 'text-[#EB3C3C] bg-[#F9ECEC]'
+  if (status === '审理中') return 'text-[#2B79EE] bg-[#EBF5FF]'
+  if (status === '失信中') return 'text-[#EB3C3C] bg-[#F9ECEC]'
+  if (status === '限高中') return 'text-[#2B79EE] bg-[#EBF5FF]'
+  return 'text-[#666666] bg-gray-100'
 }
 </script>
 
@@ -467,7 +448,7 @@ const getCaseStatusClass = (status) => {
 
   .case-number {
     font-weight: 600;
-    color: #374151;
+    color: #333333;
     font-size: 14px;
   }
 
@@ -489,13 +470,13 @@ const getCaseStatusClass = (status) => {
     padding: 4px 0;
 
     .label {
-      color: #6b7280;
+      color: #666666;
       font-size: 13px;
       font-weight: 500;
     }
 
     .value {
-      color: #374151;
+      color: #333333;
       font-size: 13px;
       font-weight: 400;
       text-align: right;
@@ -511,18 +492,15 @@ const getCaseStatusClass = (status) => {
   border-radius: 8px;
   overflow: hidden;
 
-  &.case-item-settled {
-    border: 1px solid #d1fae5;
-    background-color: #f0fdf4;
-  }
+  &.case-item-settled {}
 
   &.case-item-executing {
-    border: 1px solid #fed7aa;
-    background-color: #fff7ed;
+    border: 1px solid #FFE082;
+    background-color: #FFF8E1;
   }
 
   &.case-item-default {
-    border: 1px solid #e5e7eb;
+    border: 1px solid #DDDDDD;
     background-color: #f9fafb;
   }
 }
diff --git a/src/ui/CDWBG8B4D/components/OverdueRiskSection.vue b/src/ui/CDWBG8B4D/components/OverdueRiskSection.vue
index af3e94a..a8cd6b9 100644
--- a/src/ui/CDWBG8B4D/components/OverdueRiskSection.vue
+++ b/src/ui/CDWBG8B4D/components/OverdueRiskSection.vue
@@ -255,7 +255,7 @@
         <div class="bg-white rounded-lg border border-[#EB3C3C33] p-4">
           <div class="flex items-center mb-3">
             <div class="w-8 h-8 flex items-center justify-center mr-2">
-              <img src="@/assets/images/report/yqfx.png" alt="风险标识" class="w-8 h-8 object-contain" />
+              <img src="@/assets/images/report/fxbs.png" alt="风险标识" class="w-8 h-8 object-contain" />
             </div>
             <span class="font-bold text-gray-800">风险标识</span>
           </div>
diff --git a/src/ui/CDWBG8B4D/components/RiskSupervisionSection.vue b/src/ui/CDWBG8B4D/components/RiskSupervisionSection.vue
index f5f48b1..c8afaab 100644
--- a/src/ui/CDWBG8B4D/components/RiskSupervisionSection.vue
+++ b/src/ui/CDWBG8B4D/components/RiskSupervisionSection.vue
@@ -5,7 +5,7 @@
       <div class="flex items-center justify-between mb-3 p-4 ">
         <div class="flex items-center">
           <div class="w-10 h-10 flex items-center justify-center mr-2">
-            <img src="@/assets/images/report/gl.png" alt="关联风险监督" class="w-10 h-10 object-contain" />
+            <img src="@/assets/images/report/glfxjd.png" alt="关联风险监督" class="w-10 h-10 object-contain" />
           </div>
           <div>
             <div class="font-bold text-lg text-[#333333]">关联风险监督</div>
diff --git a/src/ui/CDWBG8B4D/components/RiskWarningSection.vue b/src/ui/CDWBG8B4D/components/RiskWarningSection.vue
index 4367111..5e5f204 100644
--- a/src/ui/CDWBG8B4D/components/RiskWarningSection.vue
+++ b/src/ui/CDWBG8B4D/components/RiskWarningSection.vue
@@ -58,7 +58,7 @@
                 {{ getElementVerificationRisks().length }}条风险
               </span>
             </div>
-          </div>
+          </div>w'w'w'w'w'w'w'w'w'w
           <div class="risk-list">
             <div v-for="risk in getElementVerificationRisks()" :key="risk.key" class="risk-item">
               <div class="flex items-center justify-between">
diff --git a/src/ui/CDWBG8B4D/components/RiskWarningTab.vue b/src/ui/CDWBG8B4D/components/RiskWarningTab.vue
index 4a187d0..a5e6360 100644
--- a/src/ui/CDWBG8B4D/components/RiskWarningTab.vue
+++ b/src/ui/CDWBG8B4D/components/RiskWarningTab.vue
@@ -20,7 +20,7 @@
           <div class="grid grid-cols-3 gap-4">
             <div class="text-center">
               <div class="text-sm text-[#666666] mb-1">总风险点</div>
-              <div class="text-lg font-bold text-[#E53935]">{{ riskWarning.totalRiskCounts || 0 }}条</div>
+              <div class="text-lg font-bold text-[#E53935]">{{ riskWarning.value?.totalRiskCounts || 0 }}条</div>
             </div>
 
             <div class="text-center">
@@ -44,7 +44,7 @@
         <!-- 要素核查 -->
         <div class="risk-module-card relative" :class="getModuleCardClass('element')">
           <div v-if="getElementVerificationRisks().length > 0"
-            class="absolute top-0 right-0 px-2 py-1 text-xs text-white bg-[#E53935] rounded-bl-xl rounded-tr-xl">
+            :class="['absolute top-0 right-0 px-2 py-1 text-xs text-white rounded-bl-xl rounded-tr-xl', getRiskBadgeBgColor(getModuleHighestRiskLevel('element'))]">
             {{ getElementVerificationRisks().length }}条风险
           </div>
           <div class="flex items-center mb-3">
@@ -59,17 +59,21 @@
 
           <div v-if="getElementVerificationRisks().length > 0"
             class="bg-[#FFF0F0] border border-red-200 rounded-lg p-4 relative">
-            <div class="absolute top-0 right-0 px-2 py-1 text-xs text-white bg-[#E53935] rounded-bl-xl rounded-tr-xl">
-              高风险
+            <div
+              :class="['absolute top-0 right-0 px-1.5 py-0.5 text-xs text-white rounded-bl-lg rounded-tr-lg', getRiskBadgeColor(getElementVerificationRisks()[0])]">
+              {{ getElementVerificationRisks()[0]?.level || '高风险' }}
             </div>
             <div class="flex items-center">
-              <div class="w-10 h-10 mr-4">
-                <img src="@/assets/images/report/fqzpf.png" alt="高风险" class="w-10 h-10 object-contain" />
+              <div class="w-8 h-8 mr-3 flex-shrink-0">
+                <img :src="getRiskIcon(getElementVerificationRisks()[0])"
+                  :alt="getElementVerificationRisks()[0]?.level || '高风险'" class="w-8 h-8 object-contain" />
               </div>
-              <div class="flex-1">
-                <div class="font-bold text-[#333333]">{{ getElementVerificationRisks()[0]?.description || '检测到风险' }}
+              <div class="flex-1 pr-12">
+                <div class="font-bold text-[#333333] text-sm">{{ getElementVerificationRisks()[0]?.description ||
+                  '检测到风险' }}
+                </div>
+                <div class="text-xs text-[#999999] mt-0.5">{{ getElementVerificationRisks()[0]?.detail || '该模块检测到风险' }}
                 </div>
-                <div class="text-sm text-[#999999]">{{ getElementVerificationRisks()[0]?.detail || '该模块检测到风险' }}</div>
               </div>
             </div>
           </div>
@@ -90,7 +94,7 @@
         <!-- 运营商核验 -->
         <div class="risk-module-card relative" :class="getModuleCardClass('operator')">
           <div v-if="getOperatorVerificationRisks().length > 0"
-            class="absolute top-0 right-0 px-2 py-1 text-xs text-white bg-[#E53935] rounded-bl-xl rounded-tr-xl">
+            :class="['absolute top-0 right-0 px-2 py-1 text-xs text-white rounded-bl-xl rounded-tr-xl', getRiskBadgeBgColor(getModuleHighestRiskLevel('operator'))]">
             {{ getOperatorVerificationRisks().length }}条风险
           </div>
           <div class="flex items-center mb-3">
@@ -105,17 +109,21 @@
 
           <div v-if="getOperatorVerificationRisks().length > 0"
             class="bg-[#FFF0F0] border border-red-200 rounded-lg p-4 relative">
-            <div class="absolute top-0 right-0 px-2 py-1 text-xs text-white bg-[#E53935] rounded-bl-xl rounded-tr-xl">
-              高风险
+            <div
+              :class="['absolute top-0 right-0 px-1.5 py-0.5 text-xs text-white rounded-bl-lg rounded-tr-lg', getRiskBadgeColor(getOperatorVerificationRisks()[0])]">
+              {{ getOperatorVerificationRisks()[0]?.level || '高风险' }}
             </div>
             <div class="flex items-center">
-              <div class="w-10 h-10 mr-4">
-                <img src="@/assets/images/report/zfx.png" alt="高风险" class="w-10 h-10 object-contain" />
+              <div class="w-8 h-8 mr-3 flex-shrink-0">
+                <img :src="getRiskIcon(getOperatorVerificationRisks()[0])"
+                  :alt="getOperatorVerificationRisks()[0]?.level || '高风险'" class="w-8 h-8 object-contain" />
               </div>
-              <div class="flex-1">
-                <div class="font-bold text-[#333333]">{{ getOperatorVerificationRisks()[0]?.description || '手机在网状态为风险号'
+              <div class="flex-1 pr-12">
+                <div class="font-bold text-[#333333] text-sm">{{ getOperatorVerificationRisks()[0]?.description ||
+                  '手机在网状态为风险号'
                 }}</div>
-                <div class="text-sm text-[#999999]">{{ getOperatorVerificationRisks()[0]?.detail || '手机号状态异常,存在风险' }}
+                <div class="text-xs text-[#999999] mt-0.5">{{ getOperatorVerificationRisks()[0]?.detail ||
+                  '手机号状态异常,存在风险' }}
                 </div>
               </div>
             </div>
@@ -137,7 +145,7 @@
         <!-- 公安重点人员核验 -->
         <div class="risk-module-card relative" :class="getModuleCardClass('police')">
           <div v-if="getPoliceVerificationRisks().length > 0"
-            class="absolute top-0 right-0 px-2 py-1 text-xs text-white bg-[#E53935] rounded-bl-xl rounded-tr-xl">
+            :class="['absolute top-0 right-0 px-2 py-1 text-xs text-white rounded-bl-xl rounded-tr-xl', getRiskBadgeBgColor(getModuleHighestRiskLevel('police'))]">
             {{ getPoliceVerificationRisks().length }}条风险
           </div>
           <div class="flex items-center mb-3">
@@ -151,7 +159,7 @@
           </div>
 
           <!-- 风险等级显示 -->
-          <div v-if="riskWarning.level" class="mb-3">
+          <div v-if="riskWarning.value?.level" class="mb-3">
             <div class="bg-gray-50 rounded-lg p-3 border border-gray-200">
               <div class="flex items-center mb-2">
                 <div class="w-10 h-10 flex items-center justify-center mr-3">
@@ -159,11 +167,15 @@
                 </div>
                 <span class="font-bold text-lg text-gray-800">风险等级</span>
               </div>
-              <div class="flex flex-wrap gap-2">
-                <span v-for="level in getRiskLevels()" :key="level"
-                  class="px-3 py-1 rounded-md text-sm font-medium bg-yellow-50 text-yellow-700 border border-yellow-200">
-                  {{ getRiskLevelText(level) }}
-                </span>
+              <div class="space-y-2">
+                <div v-for="level in getRiskLevels()" :key="level"
+                  class="flex flex-col gap-1 p-3 bg-white rounded-lg border border-gray-200">
+                  <div class="flex items-center gap-2">
+                    <span :class="['px-2 py-1 rounded text-xs font-bold', getRiskLevelTagClass(level)]">{{ level
+                    }}</span>
+                    <span class="text-sm font-medium text-[#333333]">{{ getRiskLevelText(level) }}</span>
+                  </div>
+                </div>
               </div>
             </div>
           </div>
@@ -172,16 +184,17 @@
           <div v-if="getPoliceVerificationRisks().length > 0" class="space-y-2">
             <div v-for="risk in getPoliceVerificationRisks()" :key="risk.key"
               class="bg-[#FFF0F0] border border-red-200 rounded-lg p-4 relative">
-              <div class="absolute top-0 right-0 px-2 py-1 text-xs text-white bg-[#E53935] rounded-bl-lg rounded-tr-lg">
+              <div
+                :class="['absolute top-0 right-0 px-1.5 py-0.5 text-xs text-white rounded-bl-lg rounded-tr-lg', getRiskBadgeColor(risk)]">
                 {{ risk.level }}
               </div>
               <div class="flex items-center">
-                <div class="w-10 h-10 mr-4">
-                  <img src="@/assets/images/report/fqzpf.png" alt="高风险" class="w-10 h-10 object-contain" />
+                <div class="w-8 h-8 mr-3 flex-shrink-0">
+                  <img :src="getRiskIcon(risk)" :alt="risk.level" class="w-8 h-8 object-contain" />
                 </div>
-                <div class="flex-1 pr-16">
-                  <div class="font-bold text-[#333333]">{{ risk.description }}</div>
-                  <div class="text-sm text-[#999999]">{{ risk.detail }}</div>
+                <div class="flex-1 pr-12">
+                  <div class="font-bold text-[#333333] text-sm">{{ risk.description }}</div>
+                  <div class="text-xs text-[#999999] mt-0.5">{{ risk.detail }}</div>
                 </div>
               </div>
             </div>
@@ -202,7 +215,7 @@
         <!-- 逾期风险 -->
         <div class="risk-module-card relative" :class="getModuleCardClass('overdue')">
           <div v-if="getOverdueRiskRisks().length > 0"
-            class="absolute top-0 right-0 px-2 py-1 text-xs text-white bg-[#E53935] rounded-bl-xl rounded-tr-xl">
+            :class="['absolute top-0 right-0 px-2 py-1 text-xs text-white rounded-bl-xl rounded-tr-xl', getRiskBadgeBgColor(getModuleHighestRiskLevel('overdue'))]">
             {{ getOverdueRiskRisks().length }}条风险
           </div>
           <div class="flex items-center mb-3">
@@ -218,16 +231,17 @@
           <div v-if="getOverdueRiskRisks().length > 0" class="space-y-2">
             <div v-for="risk in getOverdueRiskRisks()" :key="risk.key"
               class="bg-[#FFF0F0] border border-red-200 rounded-lg p-4 relative">
-              <div class="absolute top-0 right-0 px-2 py-1 text-xs text-white bg-[#E53935] rounded-bl-lg rounded-tr-lg">
+              <div
+                :class="['absolute top-0 right-0 px-1.5 py-0.5 text-xs text-white rounded-bl-lg rounded-tr-lg', getRiskBadgeColor(risk)]">
                 {{ risk.level }}
               </div>
               <div class="flex items-center">
-                <div class="w-10 h-10 mr-4">
-                  <img src="@/assets/images/report/fqzpf.png" alt="高风险" class="w-10 h-10 object-contain" />
+                <div class="w-8 h-8 mr-3 flex-shrink-0">
+                  <img :src="getRiskIcon(risk)" :alt="risk.level" class="w-8 h-8 object-contain" />
                 </div>
-                <div class="flex-1 pr-16">
-                  <div class="font-bold text-[#333333]">{{ risk.description }}</div>
-                  <div class="text-sm text-[#999999]">{{ risk.detail }}</div>
+                <div class="flex-1 pr-12">
+                  <div class="font-bold text-[#333333] text-sm">{{ risk.description }}</div>
+                  <div class="text-xs text-[#999999] mt-0.5">{{ risk.detail }}</div>
                 </div>
               </div>
             </div>
@@ -247,57 +261,56 @@
         </div>
 
         <!-- 法院曝光台信息 -->
-        <!-- <div class="risk-module-card" :class="getModuleCardClass('court')">
-          <div class="module-header">
-            <div class="module-icon bg-purple-500">
-              <svg class="w-5 h-5 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                  d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z">
-                </path>
-              </svg>
+        <div class="risk-module-card relative" :class="getModuleCardClass('court')">
+          <div v-if="getCourtRiskRisks().length > 0"
+            :class="['absolute top-0 right-0 px-2 py-1 text-xs text-white rounded-bl-xl rounded-tr-xl', getRiskBadgeBgColor(getModuleHighestRiskLevel('court'))]">
+            {{ getCourtRiskRisks().length }}条风险
+          </div>
+          <div class="flex items-center mb-3">
+            <div class="w-12 h-12">
+              <img :src="courtIconPath" alt="法院曝光台信息" class="w-8 h-8 object-contain" />
             </div>
-            <div class="module-info">
-              <h4 class="module-title">法院曝光台信息</h4>
-              <p class="module-desc">民事、刑事、行政案件等司法记录</p>
-            </div>
-            <div class="module-status">
-              <span class="status-badge" :class="getModuleStatusClass('court')">
-                {{ getCourtRiskRisks().length }}条风险
-              </span>
+            <div class="flex-1">
+              <h4 class="font-bold text-lg text-[#333333]">法院曝光台信息</h4>
+              <p class="text-sm text-[#999999]">民事、刑事、行政案件等司法记录</p>
             </div>
           </div>
 
-          <div class="module-content" v-if="getCourtRiskRisks().length > 0">
-            <div class="risk-list">
-              <div v-for="risk in getCourtRiskRisks()" :key="risk.key" class="risk-item">
-                <div class="risk-indicator" :class="getRiskLevelClass(risk.level)"></div>
-                <div class="risk-details">
-                  <div class="risk-title">{{ risk.description }}</div>
-                  <div class="risk-desc">{{ risk.detail }}</div>
+          <div v-if="getCourtRiskRisks().length > 0" class="space-y-2">
+            <div v-for="risk in getCourtRiskRisks()" :key="risk.key"
+              class="bg-[#FFF0F0] border border-red-200 rounded-lg p-4 relative">
+              <div
+                :class="['absolute top-0 right-0 px-1.5 py-0.5 text-xs text-white rounded-bl-lg rounded-tr-lg', getRiskBadgeColor(risk)]">
+                {{ risk.level }}
+              </div>
+              <div class="flex items-center">
+                <div class="w-8 h-8 mr-3 flex-shrink-0">
+                  <img :src="getRiskIcon(risk)" :alt="risk.level" class="w-8 h-8 object-contain" />
                 </div>
-                <div class="risk-level" :class="getRiskLevelClass(risk.level)">
-                  {{ risk.level }}
+                <div class="flex-1 pr-12">
+                  <div class="font-bold text-[#333333] text-sm">{{ risk.description }}</div>
+                  <div class="text-xs text-[#999999] mt-0.5">{{ risk.detail }}</div>
                 </div>
               </div>
             </div>
           </div>
-          <div v-else class="no-risk-content">
-            <div class="no-risk-icon">
-              <svg class="w-8 h-8 text-green-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
-              </svg>
-            </div>
-            <div class="no-risk-text">
-              <div class="text-sm font-medium text-green-600">暂无风险</div>
-              <div class="text-xs text-gray-500">该模块未检测到风险</div>
+          <div v-else class="bg-[#F0FFF0] border border-green-200 rounded-lg p-4">
+            <div class="flex items-center">
+              <div class="w-10 h-10 mr-4">
+                <img :src="safeIconPath" alt="暂无风险" class="w-10 h-10 object-contain" />
+              </div>
+              <div class="flex-1">
+                <div class="font-bold text-[#333333]">暂无风险</div>
+                <div class="text-sm text-[#999999]">该模块未检测到风险</div>
+              </div>
             </div>
           </div>
-        </div> -->
+        </div>
 
         <!-- 借贷评估 -->
         <div class="risk-module-card relative" :class="getModuleCardClass('loan')">
           <div v-if="getLoanEvaluationRisks().length > 0"
-            class="absolute top-0 right-0 px-2 py-1 text-xs text-white bg-[#E53935] rounded-bl-xl rounded-tr-xl">
+            :class="['absolute top-0 right-0 px-2 py-1 text-xs text-white rounded-bl-xl rounded-tr-xl', getRiskBadgeBgColor(getModuleHighestRiskLevel('loan'))]">
             {{ getLoanEvaluationRisks().length }}条风险
           </div>
           <div class="flex items-center mb-3">
@@ -313,16 +326,17 @@
           <div v-if="getLoanEvaluationRisks().length > 0" class="space-y-2">
             <div v-for="risk in getLoanEvaluationRisks()" :key="risk.key"
               class="bg-[#FFF0F0] border border-red-200 rounded-lg p-4 relative">
-              <div class="absolute top-0 right-0 px-2 py-1 text-xs text-white bg-[#E53935] rounded-bl-lg rounded-tr-lg">
+              <div
+                :class="['absolute top-0 right-0 px-1.5 py-0.5 text-xs text-white rounded-bl-lg rounded-tr-lg', getRiskBadgeColor(risk)]">
                 {{ risk.level }}
               </div>
               <div class="flex items-center">
-                <div class="w-10 h-10 mr-4">
-                  <img src="@/assets/images/report/fqzpf.png" alt="高风险" class="w-10 h-10 object-contain" />
+                <div class="w-8 h-8 mr-3 flex-shrink-0">
+                  <img :src="getRiskIcon(risk)" :alt="risk.level" class="w-8 h-8 object-contain" />
                 </div>
-                <div class="flex-1 pr-16">
-                  <div class="font-bold text-[#333333]">{{ risk.description }}</div>
-                  <div class="text-sm text-[#999999]">{{ risk.detail }}</div>
+                <div class="flex-1 pr-12">
+                  <div class="font-bold text-[#333333] text-sm">{{ risk.description }}</div>
+                  <div class="text-xs text-[#999999] mt-0.5">{{ risk.detail }}</div>
                 </div>
               </div>
             </div>
@@ -344,7 +358,7 @@
         <!-- 租赁风险评估 -->
         <div class="risk-module-card relative" :class="getModuleCardClass('leasing')">
           <div v-if="getLeasingRiskRisks().length > 0"
-            class="absolute top-0 right-0 px-2 py-1 text-xs text-white bg-[#E53935] rounded-bl-xl rounded-tr-xl">
+            :class="['absolute top-0 right-0 px-2 py-1 text-xs text-white rounded-bl-xl rounded-tr-xl', getRiskBadgeBgColor(getModuleHighestRiskLevel('leasing'))]">
             {{ getLeasingRiskRisks().length }}条风险
           </div>
           <div class="flex items-center mb-3">
@@ -360,16 +374,17 @@
           <div v-if="getLeasingRiskRisks().length > 0" class="space-y-2">
             <div v-for="risk in getLeasingRiskRisks()" :key="risk.key"
               class="bg-[#FFF0F0] border border-red-200 rounded-lg p-4 relative">
-              <div class="absolute top-0 right-0 px-2 py-1 text-xs text-white bg-[#E53935] rounded-bl-lg rounded-tr-lg">
+              <div
+                :class="['absolute top-0 right-0 px-1.5 py-0.5 text-xs text-white rounded-bl-lg rounded-tr-lg', getRiskBadgeColor(risk)]">
                 {{ risk.level }}
               </div>
               <div class="flex items-center">
-                <div class="w-10 h-10 mr-4">
-                  <img src="@/assets/images/report/fqzpf.png" alt="高风险" class="w-10 h-10 object-contain" />
+                <div class="w-8 h-8 mr-3 flex-shrink-0">
+                  <img :src="getRiskIcon(risk)" :alt="risk.level" class="w-8 h-8 object-contain" />
                 </div>
-                <div class="flex-1 pr-16">
-                  <div class="font-bold text-[#333333]">{{ risk.description }}</div>
-                  <div class="text-sm text-[#999999]">{{ risk.detail }}</div>
+                <div class="flex-1 pr-12">
+                  <div class="font-bold text-[#333333] text-sm">{{ risk.description }}</div>
+                  <div class="text-xs text-[#999999] mt-0.5">{{ risk.detail }}</div>
                 </div>
               </div>
             </div>
@@ -411,6 +426,20 @@ import {
   formatVerificationResult
 } from '@/ui/CDWBG8B4D/utils/intervalFormatter.js'
 
+// 导入风险类型图标
+import iconZfx from '@/assets/images/report/zfx.png'
+import iconGfx from '@/assets/images/report/gfx.png'
+
+// 图标路径
+const courtIconPath = new URL('@/assets/images/report/fybgt.png', import.meta.url).href
+const safeIconPath = new URL('@/assets/images/report/zq.png', import.meta.url).href
+
+// 风险类型图标映射
+const riskTypeIcons = {
+  'zfx.png': iconZfx,
+  'gfx.png': iconGfx
+}
+
 const props = defineProps({
   data: {
     type: Object,
@@ -431,7 +460,7 @@ const props = defineProps({
 })
 
 // 从data中解构出riskWarning
-const riskWarning = computed(() => props.data?.riskWarning || {});
+const riskWarning = computed(() => (props.data && props.data.riskWarning) ? props.data.riskWarning : {});
 
 // 格式化时间
 const formatTime = (timestamp) => {
@@ -442,8 +471,8 @@ const formatTime = (timestamp) => {
 
 // 风险等级相关函数
 const getRiskLevels = () => {
-  if (!riskWarning.level) return []
-  return riskWarning.level.split(',').map(level => level.trim()).filter(level => level)
+  if (!riskWarning.value?.level) return []
+  return riskWarning.value.level.split(',').map(level => level.trim()).filter(level => level)
 }
 
 const getRiskLevelText = (level) => {
@@ -468,6 +497,90 @@ const getRiskLevelClass = (level) => {
   return 'bg-gray-100 text-gray-700 border-gray-200'
 }
 
+// 根据风险等级获取对应的图标路径
+const getRiskIconPath = (level) => {
+  if (level === '高风险') {
+    return new URL('@/assets/images/report/gfx.png', import.meta.url).href
+  } else if (level === '中风险') {
+    return new URL('@/assets/images/report/zfx.png', import.meta.url).href
+  }
+  return new URL('@/assets/images/report/zfx.png', import.meta.url).href // 默认使用中风险图标
+}
+
+// 根据风险等级获取对应的背景色
+const getRiskBadgeBgColor = (level) => {
+  if (level === '高风险') {
+    return 'bg-[#E53935]'
+  } else if (level === '中风险') {
+    return 'bg-[#D6943E]'
+  }
+  return 'bg-[#D6943E]' // 默认使用中风险颜色
+}
+
+// 根据风险代码获取对应的图标和背景色
+const getRiskTypeConfig = (levelCode) => {
+  if (!levelCode) return { icon: 'zfx.png', bgColor: 'bg-[#D6943E]' }
+
+  // A类：红色系
+  if (levelCode.startsWith('A')) {
+    return { icon: 'gfx.png', bgColor: 'bg-[#E53935]' }
+  }
+  // B类：橙色系
+  if (levelCode.startsWith('B')) {
+    return { icon: 'zfx.png', bgColor: 'bg-[#D6943E]' }
+  }
+  // C类：黄色系
+  if (levelCode.startsWith('C')) {
+    return { icon: 'zfx.png', bgColor: 'bg-[#D6943E]' }
+  }
+  // D类：紫色系
+  if (levelCode.startsWith('D')) {
+    return { icon: 'gfx.png', bgColor: 'bg-[#E53935]' }
+  }
+  // E类：蓝色系
+  if (levelCode.startsWith('E')) {
+    return { icon: 'zfx.png', bgColor: 'bg-[#D6943E]' }
+  }
+  // F类：灰色系
+  if (levelCode.startsWith('F')) {
+    return { icon: 'zfx.png', bgColor: 'bg-[#999999]' }
+  }
+
+  return { icon: 'zfx.png', bgColor: 'bg-[#D6943E]' }
+}
+
+// 获取风险图标路径（根据 risk 对象）
+const getRiskIcon = (risk) => {
+  // 优先根据风险等级（高风险/中风险）来决定图标
+  if (risk?.level === '高风险') {
+    return iconGfx
+  } else if (risk?.level === '中风险') {
+    return iconZfx
+  }
+  // 如果没有level，使用levelCode来判断
+  if (risk?.levelCode) {
+    const config = getRiskTypeConfig(risk.levelCode)
+    return riskTypeIcons[config.icon] || iconZfx
+  }
+  return iconZfx
+}
+
+// 获取风险标签颜色（根据 risk 对象）
+const getRiskBadgeColor = (risk) => {
+  // 优先根据风险等级（高风险/中风险）来决定背景色
+  if (risk?.level === '高风险') {
+    return 'bg-[#E53935]'
+  } else if (risk?.level === '中风险') {
+    return 'bg-[#D6943E]'
+  }
+  // 如果没有level，使用levelCode来判断
+  if (risk?.levelCode) {
+    const config = getRiskTypeConfig(risk.levelCode)
+    return config.bgColor
+  }
+  return 'bg-[#D6943E]'
+}
+
 // 模块卡片样式
 const getModuleCardClass = (module) => {
   const riskCount = getModuleRiskCount(module)
@@ -504,6 +617,36 @@ const getModuleRiskCount = (module) => {
   }
 }
 
+// 获取模块的风险列表
+const getModuleRisks = (moduleType) => {
+  switch (moduleType) {
+    case 'element':
+      return getElementVerificationRisks()
+    case 'operator':
+      return getOperatorVerificationRisks()
+    case 'police':
+      return getPoliceVerificationRisks()
+    case 'overdue':
+      return getOverdueRiskRisks()
+    case 'court':
+      return getCourtRiskRisks()
+    case 'loan':
+      return getLoanEvaluationRisks()
+    case 'leasing':
+      return getLeasingRiskRisks()
+    default:
+      return []
+  }
+}
+
+// 获取模块的最高风险等级
+const getModuleHighestRiskLevel = (moduleType) => {
+  const risks = getModuleRisks(moduleType)
+  if (risks.length === 0) return '中风险'
+  const hasHighRisk = risks.some(risk => risk.level === '高风险')
+  return hasHighRisk ? '高风险' : '中风险'
+}
+
 // 获取高风险数量
 const getHighRiskCount = () => {
   const highRiskFields = [
@@ -518,7 +661,7 @@ const getHighRiskCount = () => {
   ]
 
   return highRiskFields.reduce((count, field) => {
-    return count + (riskWarning[field] || 0)
+    return count + (riskWarning.value[field] || 0)
   }, 0)
 }
 
@@ -531,7 +674,7 @@ const getMiddleRiskCount = () => {
   ]
 
   return middleRiskFields.reduce((count, field) => {
-    return count + (riskWarning[field] || 0)
+    return count + (riskWarning.value[field] || 0)
   }, 0)
 }
 
@@ -539,7 +682,7 @@ const getMiddleRiskCount = () => {
 const getElementVerificationRisks = () => {
   const risks = []
 
-  if (riskWarning.idCardTwoElementMismatch) {
+  if (riskWarning.value.idCardTwoElementMismatch) {
     risks.push({
       key: 'idCardTwoElementMismatch',
       description: '身份证二要素信息对比结果不一致',
@@ -548,7 +691,7 @@ const getElementVerificationRisks = () => {
     })
   }
 
-  if (riskWarning.phoneThreeElementMismatch) {
+  if (riskWarning.value.phoneThreeElementMismatch) {
     risks.push({
       key: 'phoneThreeElementMismatch',
       description: '手机三要素简版不一致',
@@ -564,7 +707,7 @@ const getElementVerificationRisks = () => {
 const getOperatorVerificationRisks = () => {
   const risks = []
 
-  if (riskWarning.shortPhoneDuration) {
+  if (riskWarning.value.shortPhoneDuration) {
     risks.push({
       key: 'shortPhoneDuration',
       description: '手机在网时长极短',
@@ -573,7 +716,7 @@ const getOperatorVerificationRisks = () => {
     })
   }
 
-  if (riskWarning.shortPhoneDurationSlight) {
+  if (riskWarning.value.shortPhoneDurationSlight) {
     risks.push({
       key: 'shortPhoneDurationSlight',
       description: '手机在网时长较短',
@@ -582,7 +725,7 @@ const getOperatorVerificationRisks = () => {
     })
   }
 
-  if (riskWarning.idCardPhoneProvinceMismatch) {
+  if (riskWarning.value.idCardPhoneProvinceMismatch) {
     risks.push({
       key: 'idCardPhoneProvinceMismatch',
       description: '身份证号手机号归属省不一致',
@@ -591,7 +734,7 @@ const getOperatorVerificationRisks = () => {
     })
   }
 
-  if (riskWarning.noPhoneDuration) {
+  if (riskWarning.value.noPhoneDuration) {
     risks.push({
       key: 'noPhoneDuration',
       description: '手机在网状态为风险号',
@@ -603,63 +746,48 @@ const getOperatorVerificationRisks = () => {
   return risks
 }
 
+// 根据 level 字段生成风险项
+const getLevelBasedRisks = () => {
+  const risks = []
+  const levels = riskWarning.value?.level
+
+  if (!levels) return risks
+
+  const levelList = levels.split(',').map(l => l.trim()).filter(l => l && l !== '0' && l !== 'B3')
+
+  // 获取统计数据，确定整体风险等级
+  const highCounts = riskWarning.value.gazdyrhyRiskHighCounts || 0
+  const middleCounts = riskWarning.value.gazdyrhyRiskMiddleCounts || 0
+
+  // 根据统计数据判断整体风险等级
+  // 如果有高风险，整体显示为高风险；如果只有中风险，整体显示为中风险
+  let overallRiskLevel = '高风险'
+  if (highCounts > 0) {
+    overallRiskLevel = '高风险'
+  } else if (middleCounts > 0 && highCounts === 0) {
+    overallRiskLevel = '中风险'
+  }
+
+  levelList.forEach((level, index) => {
+    const levelDescription = getRiskLevelText(level)
+    risks.push({
+      key: `level_${level}_${index}`,
+      description: `命中${levelDescription}`,
+      detail: levelDescription,
+      level: overallRiskLevel,
+      levelCode: level
+    })
+  })
+
+  return risks
+}
+
 // 公安重点人员核验风险
 const getPoliceVerificationRisks = () => {
   const risks = []
 
-  if (riskWarning.hasCriminalRecord) {
-    risks.push({
-      key: 'hasCriminalRecord',
-      description: '该用户有前科',
-      detail: '用户存在犯罪前科记录',
-      level: '高风险'
-    })
-  }
-
-  if (riskWarning.isEconomyFront) {
-    risks.push({
-      key: 'isEconomyFront',
-      description: '该用户有经济类前科',
-      detail: '用户存在经济类犯罪前科',
-      level: '高风险'
-    })
-  }
-
-  if (riskWarning.isDisrupSocial) {
-    risks.push({
-      key: 'isDisrupSocial',
-      description: '该用户有妨害社会管理秩序',
-      detail: '用户存在妨害社会管理秩序记录',
-      level: '高风险'
-    })
-  }
-
-  if (riskWarning.isKeyPerson) {
-    risks.push({
-      key: 'isKeyPerson',
-      description: '该用户为重点人员',
-      detail: '用户被列为重点监管人员',
-      level: '高风险'
-    })
-  }
-
-  if (riskWarning.isTrafficRelated) {
-    risks.push({
-      key: 'isTrafficRelated',
-      description: '该用户为涉交通案件',
-      detail: '用户存在交通相关案件记录',
-      level: '高风险'
-    })
-  }
-
-  if (riskWarning.isAntiFraudInfo) {
-    risks.push({
-      key: 'isAntiFraudInfo',
-      description: '该用户为涉赌涉诈',
-      detail: '用户存在涉赌涉诈相关风险',
-      level: '中风险'
-    })
-  }
+  // 只添加基于 level 字段的风险项
+  risks.push(...getLevelBasedRisks())
 
   return risks
 }
@@ -668,7 +796,7 @@ const getPoliceVerificationRisks = () => {
 const getOverdueRiskRisks = () => {
   const risks = []
 
-  if (riskWarning.hitHighRiskBankLastTwoYears) {
+  if (riskWarning.value.hitHighRiskBankLastTwoYears) {
     risks.push({
       key: 'hitHighRiskBankLastTwoYears',
       description: '近两年命中银行高风险',
@@ -677,7 +805,7 @@ const getOverdueRiskRisks = () => {
     })
   }
 
-  if (riskWarning.hitHighRiskNonBankLastTwoYears) {
+  if (riskWarning.value.hitHighRiskNonBankLastTwoYears) {
     risks.push({
       key: 'hitHighRiskNonBankLastTwoYears',
       description: '近两年命中非银高风险',
@@ -686,7 +814,7 @@ const getOverdueRiskRisks = () => {
     })
   }
 
-  if (riskWarning.hitCurrentOverdue) {
+  if (riskWarning.value.hitCurrentOverdue) {
     risks.push({
       key: 'hitCurrentOverdue',
       description: '该用户命中当前逾期',
@@ -702,7 +830,7 @@ const getOverdueRiskRisks = () => {
 const getCourtRiskRisks = () => {
   const risks = []
 
-  if (riskWarning.hitCivilCase) {
+  if (riskWarning.value.hitCivilCase) {
     risks.push({
       key: 'hitCivilCase',
       description: '该用户命中民事案件',
@@ -711,7 +839,7 @@ const getCourtRiskRisks = () => {
     })
   }
 
-  if (riskWarning.hitCriminalRisk) {
+  if (riskWarning.value.hitCriminalRisk) {
     risks.push({
       key: 'hitCriminalRisk',
       description: '该用户命中刑事风险',
@@ -720,7 +848,7 @@ const getCourtRiskRisks = () => {
     })
   }
 
-  if (riskWarning.hitAdministrativeCase) {
+  if (riskWarning.value.hitAdministrativeCase) {
     risks.push({
       key: 'hitAdministrativeCase',
       description: '该用户命中行政案件',
@@ -729,7 +857,7 @@ const getCourtRiskRisks = () => {
     })
   }
 
-  if (riskWarning.hitPreservationReview) {
+  if (riskWarning.value.hitPreservationReview) {
     risks.push({
       key: 'hitPreservationReview',
       description: '该用户命中保全审查',
@@ -738,7 +866,7 @@ const getCourtRiskRisks = () => {
     })
   }
 
-  if (riskWarning.hitExecutionCase) {
+  if (riskWarning.value.hitExecutionCase) {
     risks.push({
       key: 'hitExecutionCase',
       description: '该用户命中执行案件',
@@ -747,7 +875,7 @@ const getCourtRiskRisks = () => {
     })
   }
 
-  if (riskWarning.hitBankruptcyAndLiquidation) {
+  if (riskWarning.value.hitBankruptcyAndLiquidation) {
     risks.push({
       key: 'hitBankruptcyAndLiquidation',
       description: '该用户命中强制清算与破产案件',
@@ -756,7 +884,7 @@ const getCourtRiskRisks = () => {
     })
   }
 
-  if (riskWarning.hitDirectlyUnderCase) {
+  if (riskWarning.value.hitDirectlyUnderCase) {
     risks.push({
       key: 'hitDirectlyUnderCase',
       description: '该用户命中直辖案件',
@@ -765,7 +893,7 @@ const getCourtRiskRisks = () => {
     })
   }
 
-  if (riskWarning.hitCompensationCase) {
+  if (riskWarning.value.hitCompensationCase) {
     risks.push({
       key: 'hitCompensationCase',
       description: '该用户命中赔偿案件',
@@ -781,7 +909,7 @@ const getCourtRiskRisks = () => {
 const getLoanEvaluationRisks = () => {
   const risks = []
 
-  if (riskWarning.frequentApplicationRecent) {
+  if (riskWarning.value.frequentApplicationRecent) {
     risks.push({
       key: 'frequentApplicationRecent',
       description: '近期申请机构极为频繁',
@@ -790,7 +918,7 @@ const getLoanEvaluationRisks = () => {
     })
   }
 
-  if (riskWarning.frequentNonBankApplications) {
+  if (riskWarning.value.frequentNonBankApplications) {
     risks.push({
       key: 'frequentNonBankApplications',
       description: '在非银机构申请次数极多',
@@ -799,7 +927,7 @@ const getLoanEvaluationRisks = () => {
     })
   }
 
-  if (riskWarning.highDebtPressure) {
+  if (riskWarning.value.highDebtPressure) {
     risks.push({
       key: 'highDebtPressure',
       description: '偿债压力极高',
@@ -808,7 +936,7 @@ const getLoanEvaluationRisks = () => {
     })
   }
 
-  if (riskWarning.frequentBankApplications) {
+  if (riskWarning.value.frequentBankApplications) {
     risks.push({
       key: 'frequentBankApplications',
       description: '在银行机构申请次数极多',
@@ -817,7 +945,7 @@ const getLoanEvaluationRisks = () => {
     })
   }
 
-  if (riskWarning.moreFrequentNonBankApplications) {
+  if (riskWarning.value.moreFrequentNonBankApplications) {
     risks.push({
       key: 'moreFrequentNonBankApplications',
       description: '在非银机构申请次数较多',
@@ -826,7 +954,7 @@ const getLoanEvaluationRisks = () => {
     })
   }
 
-  if (riskWarning.highFraudGangLevel) {
+  if (riskWarning.value.highFraudGangLevel) {
     risks.push({
       key: 'highFraudGangLevel',
       description: '欺诈团伙等级较高',
@@ -835,7 +963,7 @@ const getLoanEvaluationRisks = () => {
     })
   }
 
-  if (riskWarning.moreFrequentBankApplications) {
+  if (riskWarning.value.moreFrequentBankApplications) {
     risks.push({
       key: 'moreFrequentBankApplications',
       description: '在银行机构申请次数较多',
@@ -851,7 +979,7 @@ const getLoanEvaluationRisks = () => {
 const getLeasingRiskRisks = () => {
   const risks = []
 
-  if (riskWarning.frequentRentalApplications) {
+  if (riskWarning.value.frequentRentalApplications) {
     risks.push({
       key: 'frequentRentalApplications',
       description: '在租赁机构申请极为频繁',
@@ -860,7 +988,7 @@ const getLeasingRiskRisks = () => {
     })
   }
 
-  if (riskWarning.veryFrequentRentalApplications) {
+  if (riskWarning.value.veryFrequentRentalApplications) {
     risks.push({
       key: 'veryFrequentRentalApplications',
       description: '在租赁机构申请次数极多',
diff --git a/src/ui/CFLXG0V4B/components/StatisticsOverview.vue b/src/ui/CFLXG0V4B/components/StatisticsOverview.vue
index 5486a9a..3d8fa47 100644
--- a/src/ui/CFLXG0V4B/components/StatisticsOverview.vue
+++ b/src/ui/CFLXG0V4B/components/StatisticsOverview.vue
@@ -1,9 +1,9 @@
 <template>
   <div class="">
     <!-- 概览标题 -->
-    <div class="mb-6">
+    <div class="p-4">
       <!-- 添加风险概览总结 -->
-      <div class=" p-4 rounded-lg" :class="getRiskOverviewClass()">
+      <div class="p-4 rounded-lg" :class="getRiskOverviewClass()">
         <div class="flex items-center">
           <div class="w-12 h-12 mr-3 flex-shrink-0">
             <img :src="getRiskIcon()" alt="风险" class="w-12 h-12 object-contain" />
@@ -234,7 +234,7 @@ const caseTypeChartOption = computed(() => {
           return {
             value: value === 0 ? 0.1 : value, // 0值显示为0.1，让柱子能显示一个小尖尖
             itemStyle: {
-              color: 'var(--color-primary)',
+              color: '#5d7eeb',
               borderRadius: [0, 4, 4, 0],
             },
           }
diff --git a/src/ui/CFLXG0V4B/index.vue b/src/ui/CFLXG0V4B/index.vue
index 7446d55..fb61592 100644
--- a/src/ui/CFLXG0V4B/index.vue
+++ b/src/ui/CFLXG0V4B/index.vue
@@ -4,7 +4,7 @@
       <!-- 标题 -->
       <div class="flex items-center mb-3 p-4">
         <div class="w-8 h-8 flex items-center justify-center mr-2">
-          <img src="@/assets/images/report/zwsc.png" alt="涉诉风险整体概览" class="w-8 h-8 object-contain" />
+          <img src="@/assets/images/report/ssfxfx.png" alt="涉诉风险整体" class="w-8 h-8 object-contain" />
         </div>
         <span class="font-bold text-gray-800">涉诉风险分析</span>
       </div>
diff --git a/src/ui/CIVYZ7F3A.vue b/src/ui/CIVYZ7F3A.vue
new file mode 100644
index 0000000..059a8f9
--- /dev/null
+++ b/src/ui/CIVYZ7F3A.vue
@@ -0,0 +1,296 @@
+<script setup>
+import { computed, onMounted } from 'vue';
+import { useRiskNotifier } from '@/composables/useRiskNotifier';
+
+const props = defineProps({
+    data: {
+        type: Object,
+        default: () => ({})
+    },
+    apiId: {
+        type: String,
+        default: '',
+    },
+    index: {
+        type: Number,
+        default: 0,
+    },
+    notifyRiskStatus: {
+        type: Function,
+        default: () => { },
+    },
+});
+
+// 导入图片图标
+import rkpmIcon from '@/assets/images/report/rkpm.png';
+import zymcIcon from '@/assets/images/report/zymc.png';
+import xxxsIcon from '@/assets/images/report/xxxs.png';
+import xxlxIcon from '@/assets/images/report/xxlx.png';
+import bysjIcon from '@/assets/images/report/bysj.png';
+import xlIcon from '@/assets/images/report/xl.png';
+
+
+// 计算风险评分（0-100分，分数越高越安全）
+const riskScore = computed(() => {
+    // 学历信息不算风险，始终返回100分（最安全）
+    return 100;
+});
+
+// 使用 composable 通知父组件风险评分
+useRiskNotifier(props, riskScore);
+
+// 暴露给父组件
+defineExpose({
+    riskScore
+});
+
+// 格式化日期，从YYYYMM格式转换为YYYY年MM月格式
+const formatDate = (dateStr) => {
+    if (!dateStr || dateStr.length !== 6) return "未知";
+
+    const year = dateStr.substring(0, 4);
+    const month = dateStr.substring(4, 6);
+
+    return `${year}年${month}月`;
+};
+
+// 获取学历等级的描述
+const getEducationLevelDesc = (level) => {
+    const descriptions = {
+        "专科": "专科学历是高等教育的重要组成部分，培养具有专业知识和技能的应用型人才。",
+        "本科": "本科学历是高等教育的基础学位，培养具有系统专业知识和基本技能的高级人才。",
+        "硕士": "硕士学位是较高层次的学位，培养具有较深厚理论基础和专业技能的高级专门人才。",
+        "博士": "博士学位是最高学位，培养能够独立从事科学研究工作、具有创新能力的高级专门人才。",
+    };
+    return descriptions[level] || "";
+};
+
+// 根据学校属性获取徽章配置
+const getSchoolBadges = () => {
+    const badges = [];
+
+    if (props.data.isProject985 === "是") {
+        badges.push({
+            text: "985院校",
+            class: "bg-amber-500 text-white",
+            icon: "🏆"
+        });
+    }
+
+    if (props.data.isProject211 === "是") {
+        badges.push({
+            text: "211院校",
+            class: "bg-blue-500 text-white",
+            icon: "⭐"
+        });
+    }
+
+    if (props.data.isDoubleFirstClass === "是") {
+        badges.push({
+            text: "双一流",
+            class: "bg-green-500 text-white",
+            icon: "✨"
+        });
+    }
+
+    return badges;
+};
+
+// 获取学校类型徽章样式
+const getSchoolTypeBadgeClass = (type) => {
+    const typeClasses = {
+        "综合": "bg-blue-50 text-blue-700 border-blue-300",
+        "理工": "bg-purple-50 text-purple-700 border-purple-300",
+        "农业": "bg-green-50 text-green-700 border-green-300",
+        "医学": "bg-red-50 text-red-700 border-red-300",
+        "师范": "bg-yellow-50 text-yellow-700 border-yellow-300",
+        "财经": "bg-cyan-50 text-cyan-700 border-cyan-300",
+        "艺术": "bg-pink-50 text-pink-700 border-pink-300",
+    };
+    return typeClasses[type] || "bg-gray-50 text-gray-700 border-gray-300";
+};
+
+// 获取软科排名样式
+const getRankingClass = () => {
+    if (!props.data.Ranking) return "bg-gray-50 text-gray-700";
+
+    // 解析排名范围 (例如: "151-155")
+    const match = props.data.Ranking.match(/(\d+)-(\d+)/);
+    if (match) {
+        const minRank = parseInt(match[1]);
+        if (minRank <= 50) return "bg-green-50 text-green-700 border-green-300";
+        if (minRank <= 100) return "bg-blue-50 text-blue-700 border-blue-300";
+        if (minRank <= 200) return "bg-yellow-50 text-yellow-700 border-yellow-300";
+    }
+    return "bg-gray-50 text-gray-700 border-gray-300";
+};
+
+// 判断是否有数据
+const hasData = computed(() => {
+    return props.data && Object.keys(props.data).length > 0;
+});
+
+// 获取徽章列表
+const schoolBadges = computed(() => getSchoolBadges());
+</script>
+
+<template>
+    <div v-if="hasData" class="card max-w-4xl mx-auto">
+        <!-- 头部区域 -->
+        <div class="mb-6">
+            <!-- 学历等级标题 -->
+            <div class="flex items-center justify-between mb-4">
+                <div class="flex items-center gap-3">
+                    <div class="w-12 h-12 flex items-center justify-center">
+                        <img :src="xlIcon" alt="学历图标" class="w-12 h-12" />
+                    </div>
+                    <div>
+                        <h2 class="text-2xl font-bold text-gray-900">{{ data.educationLevel }}学历</h2>
+                        <p class="text-sm text-gray-500">Education Information</p>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <!-- 主要内容区域 -->
+        <div class="space-y-4">
+            <!-- 软科排名 -->
+            <div v-if="data.Ranking"
+                class="bg-gradient-to-r from-blue-50 to-indigo-50 rounded-lg p-4 border border-blue-200">
+                <div class="flex items-center gap-3">
+                    <div class="w-8 h-8 flex items-center justify-center flex-shrink-0">
+                        <img :src="rkpmIcon" alt="软科排名" class="w-8 h-8" />
+                    </div>
+                    <div class="flex-1">
+                        <div class="text-sm text-gray-600 mb-1">软科排名</div>
+                        <div
+                            :class="['inline-block px-3 py-1 rounded-full text-sm font-medium border', getRankingClass()]">
+                            第 {{ data.Ranking }} 名
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <!-- 学校徽章 -->
+            <div v-if="schoolBadges.length > 0" class="flex gap-2 flex-wrap">
+                <div v-for="(badge, index) in schoolBadges" :key="index"
+                    :class="['inline-flex items-center gap-1 px-4 py-2 rounded-lg text-sm font-medium shadow-sm', badge.class]">
+                    <span>{{ badge.icon }}</span>
+                    <span>{{ badge.text }}</span>
+                </div>
+            </div>
+
+            <!-- 详细信息卡片 -->
+            <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
+                <!-- 专业信息 -->
+                <div v-if="data.major"
+                    class="bg-gray-50 rounded-lg p-4 border border-gray-200 hover:border-blue-300 transition-colors">
+                    <div class="flex items-start gap-3">
+                        <div class="w-8 h-8 flex items-center justify-center flex-shrink-0 mt-1">
+                            <img :src="zymcIcon" alt="专业名称" class="w-8 h-8" />
+                        </div>
+                        <div class="flex-1">
+                            <div class="text-sm text-gray-600 mb-1">专业名称</div>
+                            <div class="text-base font-medium text-gray-900">{{ data.major }}</div>
+                        </div>
+                    </div>
+                </div>
+
+                <!-- 学校类型 -->
+                <div v-if="data.schoolType"
+                    class="bg-gray-50 rounded-lg p-4 border border-gray-200 hover:border-blue-300 transition-colors">
+                    <div class="flex items-start gap-3">
+                        <div class="w-8 h-8 flex items-center justify-center flex-shrink-0 mt-1">
+                            <img :src="xxlxIcon" alt="学校类型" class="w-8 h-8" />
+                        </div>
+                        <div class="flex-1">
+                            <div class="text-sm text-gray-600 mb-1">学校类型</div>
+                            <div
+                                :class="['inline-block px-3 py-1 rounded text-sm font-medium border', getSchoolTypeBadgeClass(data.schoolType)]">
+                                {{ data.schoolType }}类院校
+                            </div>
+                        </div>
+                    </div>
+                </div>
+
+                <!-- 学习形式 -->
+                <div v-if="data.educationType"
+                    class="bg-gray-50 rounded-lg p-4 border border-gray-200 hover:border-blue-300 transition-colors">
+                    <div class="flex items-start gap-3">
+                        <div class="w-8 h-8 flex items-center justify-center flex-shrink-0 mt-1">
+                            <img :src="xxxsIcon" alt="学习形式" class="w-8 h-8" />
+                        </div>
+                        <div class="flex-1">
+                            <div class="text-sm text-gray-600 mb-1">学习形式</div>
+                            <div class="text-base font-medium text-gray-900">{{ data.educationType }}</div>
+                        </div>
+                    </div>
+                </div>
+
+                <!-- 毕业时间 -->
+                <div v-if="data.graduationDate"
+                    class="bg-gray-50 rounded-lg p-4 border border-gray-200 hover:border-blue-300 transition-colors">
+                    <div class="flex items-start gap-3">
+                        <div class="w-8 h-8 flex items-center justify-center flex-shrink-0 mt-1">
+                            <img :src="bysjIcon" alt="毕业时间" class="w-8 h-8" />
+                        </div>
+                        <div class="flex-1">
+                            <div class="text-sm text-gray-600 mb-1">毕业时间</div>
+                            <div class="text-base font-medium text-gray-900">{{ formatDate(data.graduationDate) }}</div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <!-- 学历描述 -->
+            <div v-if="data.educationLevel"
+                class="mt-6 bg-gradient-to-r from-blue-50 to-indigo-50 rounded-lg p-5 border border-blue-200">
+                <div class="flex items-start gap-3">
+                    <div class="w-10 h-10 rounded-full bg-blue-500 flex items-center justify-center flex-shrink-0 mt-1">
+                        <span class="text-white text-xl">💡</span>
+                    </div>
+                    <div class="flex-1">
+                        <div class="flex items-center gap-2 mb-2">
+                            <h3 class="text-lg font-semibold text-gray-900">学历说明</h3>
+                            <span class="px-2 py-1 bg-blue-500 text-white text-xs rounded">信息</span>
+                        </div>
+                        <p class="text-gray-700 leading-relaxed">
+                            {{ getEducationLevelDesc(data.educationLevel) }}
+                        </p>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <!-- 无数据状态 -->
+    <div v-else class="card max-w-2xl mx-auto">
+        <div class="flex flex-col items-center py-12 text-center">
+            <div class="w-20 h-20 flex items-center justify-center mb-4">
+                <img :src="xlIcon" alt="学历图标" class="w-20 h-20 opacity-40" />
+            </div>
+            <h3 class="text-lg font-medium text-gray-900 mb-2">暂无学历信息</h3>
+            <p class="text-sm text-gray-500 max-w-md">
+                系统中暂无相关的学历信息记录。这可能是因为学历信息未公开或数据正在同步中。
+            </p>
+        </div>
+    </div>
+</template>
+
+<style lang="scss" scoped>
+.card {
+    padding: 1.5rem;
+    box-shadow: 0px 0px 24px 0px #3F3F3F0F;
+    border-radius: 12px;
+    background: white;
+}
+
+/* 添加一些动画效果 */
+.bg-gray-50 {
+    transition: all 0.3s ease;
+}
+
+.bg-gray-50:hover {
+    transform: translateY(-2px);
+}
+</style>
diff --git a/src/ui/CIVYZ81NC.vue b/src/ui/CIVYZ81NC.vue
index 354919c..b01f936 100644
--- a/src/ui/CIVYZ81NC.vue
+++ b/src/ui/CIVYZ81NC.vue
@@ -1,6 +1,4 @@
 <script setup>
-import LTitle from "@/components/LTitle.vue";
-
 const props = defineProps({
     data: {
         type: Object,
diff --git a/src/ui/CJRZQ0A03.vue b/src/ui/CJRZQ0A03.vue
index 316c87d..df3af36 100644
--- a/src/ui/CJRZQ0A03.vue
+++ b/src/ui/CJRZQ0A03.vue
@@ -225,6 +225,7 @@ function initChart() {
       data: item.data || [],
       barMaxWidth: 50,
       barGap: '30%',
+      barMinHeight: 3,
       label: {
         show: true,
         position: 'top',
diff --git a/src/ui/CJRZQ4AA8.vue b/src/ui/CJRZQ4AA8.vue
index 3964614..52e612b 100644
--- a/src/ui/CJRZQ4AA8.vue
+++ b/src/ui/CJRZQ4AA8.vue
@@ -306,7 +306,7 @@ onUnmounted(() => {
             <!-- 标题栏 -->
             <div class="flex items-center mb-4 p-4">
                 <div class="w-8 h-8 flex items-center justify-center mr-2">
-                    <img src="@/assets/images/report/qsgg.png" alt="还款压力分析" class="w-8 h-8 object-contain" />
+                    <img src="@/assets/images/report/hkylfx.png" alt="还款压力分析" class="w-8 h-8 object-contain" />
                 </div>
                 <span class="font-bold text-gray-800">还款压力分析</span>
             </div>
diff --git a/src/ui/CJRZQ5E9F/components/CreditScores.vue b/src/ui/CJRZQ5E9F/components/CreditScores.vue
index c594bc0..2c93225 100644
--- a/src/ui/CJRZQ5E9F/components/CreditScores.vue
+++ b/src/ui/CJRZQ5E9F/components/CreditScores.vue
@@ -4,7 +4,7 @@
       <!-- 标题栏 -->
       <div class="flex items-center mb-4 p-4">
         <div class="w-8 h-8 flex items-center justify-center mr-2">
-          <img src="@/assets/images/report/fqzpf.png" alt="信用评分" class="w-8 h-8 object-contain" />
+          <img src="@/assets/images/report/xypf2.png" alt="信用评分" class="w-8 h-8 object-contain" />
         </div>
         <span class="font-bold text-gray-800">信用评分</span>
       </div>
@@ -161,7 +161,7 @@
             <div class="flex flex-col items-center justify-center h-full w-full">
               <div class="flex flex-col items-center justify-center w-full h-full text-center">
                 <div class="text-lg text-[#999999] mt-1">金额: <span class="font-bold text-green-600 text-2xl">{{
-                  (recent5AmountRatio * 100).toFixed(0) }}</span> %</div>
+  (recent5AmountRatio * 100).toFixed(0) }}</span> %</div>
                 <div class="font-medium text-[#666666] mb-2">近5次</div>
               </div>
 
diff --git a/src/ui/CJRZQ5E9F/components/InstitutionAnalysis.vue b/src/ui/CJRZQ5E9F/components/InstitutionAnalysis.vue
index 498b5f7..0235e29 100644
--- a/src/ui/CJRZQ5E9F/components/InstitutionAnalysis.vue
+++ b/src/ui/CJRZQ5E9F/components/InstitutionAnalysis.vue
@@ -5,7 +5,7 @@
         <!-- 标题栏 -->
         <div class="flex items-center mb-4 p-4">
           <div class="w-8 h-8 flex items-center justify-center mr-2">
-            <img src="@/assets/images/report/zq.png" alt="机构分析" class="w-8 h-8 object-contain" />
+            <img src="@/assets/images/report/jgfx.png" alt="机构分析" class="w-8 h-8 object-contain" />
           </div>
           <span class="font-bold text-gray-800">机构分析</span>
         </div>
diff --git a/src/ui/CJRZQ5E9F/components/LoanBehaviorAnalysis.vue b/src/ui/CJRZQ5E9F/components/LoanBehaviorAnalysis.vue
index ad7685a..cfa3f5e 100644
--- a/src/ui/CJRZQ5E9F/components/LoanBehaviorAnalysis.vue
+++ b/src/ui/CJRZQ5E9F/components/LoanBehaviorAnalysis.vue
@@ -5,7 +5,7 @@
         <!-- 标题栏 -->
         <div class="flex items-center mb-4 p-4">
           <div class="w-8 h-8 flex items-center justify-center mr-2">
-            <img src="@/assets/images/report/zwsc.png" alt="贷款行为分析" class="w-8 h-8 object-contain" />
+            <img src="@/assets/images/report/dkxwfx.png" alt="贷款行为分析" class="w-8 h-8 object-contain" />
           </div>
           <span class="font-bold text-gray-800">贷款行为分析</span>
         </div>
@@ -167,14 +167,14 @@
                     <div class="flex justify-between items-center" v-if="currentPeriod.amounts">
                       <span class="text-sm text-gray-600">成功金额</span>
                       <span class="text-sm font-bold text-gray-800">{{ formatAmount(currentPeriod.amounts.success)
-                      }}</span>
+                        }}</span>
                     </div>
 
                     <!-- 失败金额 -->
                     <div class="flex justify-between items-center" v-if="currentPeriod.amounts">
                       <span class="text-sm text-gray-600">失败金额</span>
                       <span class="text-sm font-bold text-gray-800">{{ formatAmount(currentPeriod.amounts.failure)
-                      }}</span>
+                        }}</span>
                     </div>
                   </div>
                 </div>
diff --git a/src/ui/CJRZQ5E9F/components/RiskAdvice.vue b/src/ui/CJRZQ5E9F/components/RiskAdvice.vue
index 6be38ef..fd994cb 100644
--- a/src/ui/CJRZQ5E9F/components/RiskAdvice.vue
+++ b/src/ui/CJRZQ5E9F/components/RiskAdvice.vue
@@ -2,7 +2,10 @@
   <div class="rounded-lg border border-[#99999933] mb-4">
     <!-- 标题栏 -->
     <div class="flex items-center p-4">
-      <span class="font-bold text-gray-800 text-xl ml-8">专业建议</span>
+      <div class="w-8 h-8 flex items-center justify-center mr-2">
+        <img src="@/assets/images/report/zyjy.png" alt="专业建议" class="w-8 h-8 object-contain" />
+      </div>
+      <span class="font-bold text-gray-800">专业建议</span>
     </div>
 
     <!-- 风险评估结论 -->
diff --git a/src/ui/CJRZQ5E9F/components/RiskIndicators.vue b/src/ui/CJRZQ5E9F/components/RiskIndicators.vue
index 3bc7b41..d240fc2 100644
--- a/src/ui/CJRZQ5E9F/components/RiskIndicators.vue
+++ b/src/ui/CJRZQ5E9F/components/RiskIndicators.vue
@@ -3,7 +3,7 @@
     <!-- 标题栏 -->
     <div class="flex items-center mb-4 p-4">
       <div class="w-8 h-8 flex items-center justify-center mr-2">
-        <img src="@/assets/images/report/qsgg.png" alt="风险指标详情" class="w-8 h-8 object-contain" />
+        <img src="@/assets/images/report/fxzbxq.png" alt="风险指标详情" class="w-8 h-8 object-contain" />
       </div>
       <span class="font-bold text-gray-800">风险指标详情</span>
     </div>
@@ -52,7 +52,7 @@
             <div class="flex justify-between items-center">
               <span class="text-sm text-[#999999]">历史成功还款</span>
               <span class="text-base font-bold text-[#333333]">{{ formatMetricValue(historicalSuccessPayments)
-              }}笔</span>
+                }}笔</span>
             </div>
           </div>
         </div>
@@ -223,17 +223,17 @@
             <div class="flex justify-between items-center">
               <span class="text-sm text-[#999999]">近90天最大交易金额</span>
               <span class="text-base font-bold text-[#333333]">{{ formatAmount(parseIntervalValue(data.xyp_t01aafzzz))
-              }}</span>
+                }}</span>
             </div>
             <div class="flex justify-between items-center">
               <span class="text-sm text-[#999999]">近90天最小交易金额</span>
               <span class="text-base font-bold text-[#333333]">{{ formatAmount(parseIntervalValue(data.xyp_t01abfzzz))
-              }}</span>
+                }}</span>
             </div>
             <div class="flex justify-between items-center">
               <span class="text-sm text-[#999999]">近90天平均交易金额</span>
               <span class="text-base font-bold text-[#333333]">{{ formatAmount(parseIntervalValue(data.xyp_t01adfzzz))
-              }}</span>
+                }}</span>
             </div>
           </div>
         </div>
diff --git a/src/ui/CJRZQ5E9F/components/RiskOverview.vue b/src/ui/CJRZQ5E9F/components/RiskOverview.vue
index df2364a..1bc962e 100644
--- a/src/ui/CJRZQ5E9F/components/RiskOverview.vue
+++ b/src/ui/CJRZQ5E9F/components/RiskOverview.vue
@@ -5,7 +5,7 @@
       <!-- 标题栏 -->
       <div class="flex items-center mb-4 p-4">
         <div class="w-8 h-8 flex items-center justify-center mr-2">
-          <img src="@/assets/images/report/qsgg.png" alt="风险概览" class="w-8 h-8 object-contain" />
+          <img src="@/assets/images/report/fxgl.png" alt="风险概览" class="w-8 h-8 object-contain" />
         </div>
         <span class="font-bold text-gray-800">风险概览</span>
       </div>
diff --git a/src/ui/CJRZQ5E9F/components/TimeTrendAnalysis.vue b/src/ui/CJRZQ5E9F/components/TimeTrendAnalysis.vue
index 4a876ef..b0fce82 100644
--- a/src/ui/CJRZQ5E9F/components/TimeTrendAnalysis.vue
+++ b/src/ui/CJRZQ5E9F/components/TimeTrendAnalysis.vue
@@ -3,7 +3,7 @@
     <!-- 标题栏 -->
     <div class="flex items-center mb-4 p-4">
       <div class="w-8 h-8 flex items-center justify-center mr-2">
-        <img src="@/assets/images/report/zwsc.png" alt="贷款行为分析" class="w-8 h-8 object-contain" />
+        <img src="@/assets/images/report/sjqsfx.png" alt="贷款行为分析" class="w-8 h-8 object-contain" />
       </div>
       <span class="font-bold text-gray-800">贷款行为分析</span>
     </div>
@@ -152,7 +152,7 @@
                     <div class="flex justify-between items-center">
                       <span class="text-sm text-gray-600">新增</span>
                       <span class="text-sm font-bold text-gray-800">{{ formatAmount(currentAmountData.totalAmount)
-                      }}</span>
+                        }}</span>
                     </div>
                     <div class="h-2 rounded-full bg-gray-200">
                       <div class="h-2 rounded-full transition-all duration-500"
diff --git a/src/ui/CJRZQ8203.vue b/src/ui/CJRZQ8203.vue
index 44c5f7d..739b0c9 100644
--- a/src/ui/CJRZQ8203.vue
+++ b/src/ui/CJRZQ8203.vue
@@ -400,6 +400,7 @@ function drawBorrowChart() {
           },
         },
         barWidth: '60%',
+        barMinHeight: 3,
         showBackground: true,
         backgroundStyle: {
           color: 'rgba(180, 180, 180, 0.1)',
@@ -507,6 +508,7 @@ function drawRepayChart() {
           },
         },
         barWidth: '60%',
+        barMinHeight: 3,
         showBackground: true,
         backgroundStyle: {
           color: 'rgba(180, 180, 180, 0.1)',
diff --git a/src/ui/CQCXG9P1C.vue b/src/ui/CQCXG9P1C.vue
new file mode 100644
index 0000000..1d98682
--- /dev/null
+++ b/src/ui/CQCXG9P1C.vue
@@ -0,0 +1,130 @@
+<template>
+    <div class="bg-white rounded-lg shadow-sm border border-gray-200 p-6">
+        <!-- 车辆总数统计 -->
+        <div class="flex justify-between items-center mb-6 pb-4 border-b border-gray-100">
+            <div class="flex items-center gap-3">
+                <div>
+                    <div class="text-lg font-semibold text-gray-900">个人名下车辆</div>
+                </div>
+            </div>
+            <div class="bg-blue-50 text-blue-700 px-4 py-2 rounded-full text-sm font-medium">
+                共 {{ vehicleCount }} 辆
+            </div>
+        </div>
+
+        <!-- 车辆列表 -->
+        <div class="space-y-3" v-if="vehicleList && vehicleList.length > 0">
+            <div class="bg-gray-50 rounded-lg p-4 border border-gray-200 hover:bg-blue-50 hover:border-blue-200 transition-colors duration-200"
+                v-for="(vehicle, index) in vehicleList" :key="index">
+                <div class="space-y-3">
+                    <div class="text-xl font-bold text-gray-900 font-mono tracking-wider">
+                        {{ vehicle.plateNum }}
+                    </div>
+                    <div class="flex items-center gap-3">
+                        <div class="inline-flex items-center gap-1 px-3 py-1 rounded text-xs font-medium text-white"
+                            :class="getPlateColorClass(vehicle.plateColor)">
+                            <span>🏷️</span>
+                            <span>{{ getPlateColorText(vehicle.plateColor) }}</span>
+                        </div>
+                        <div class="text-sm text-gray-600">
+                            <span class="text-gray-500">车辆类型:</span>
+                            <span class="font-medium text-gray-900 ml-1">{{ getVehicleTypeText(vehicle.vehicleType)
+                            }}</span>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <!-- 无数据状态 -->
+        <div class="text-center py-12 text-gray-500" v-else>
+            <div class="text-4xl mb-3">🚫</div>
+            <div class="text-lg font-medium mb-1">暂无车辆信息</div>
+            <div class="text-sm">No vehicle records found</div>
+        </div>
+    </div>
+</template>
+
+<script setup>
+import { defineProps, computed } from 'vue';
+
+// 接收父组件传入的 props
+const props = defineProps({
+    data: Object,
+    params: Object,
+});
+
+// 车牌颜色映射
+const plateColorMap = {
+    0: '蓝色 - 普通燃油车',
+    1: '黄色 - 大型车/货车',
+    2: '黑色 - 外籍车辆/港澳台车',
+    3: '白色 - 警车/军车/武警车',
+    4: '渐变绿色 - 新能源汽车',
+    5: '黄绿双拼色 - 大型新能源汽车',
+    6: '蓝白渐变色 - 临时牌照',
+    7: '临时牌照 - 临时行驶车辆',
+    11: '绿色 - 新能源汽车',
+    12: '红色 - 教练车/试验车'
+};
+
+// 车辆类型映射
+const vehicleTypeMap = {
+    1: '一型客车',
+    2: '二型客车',
+    3: '三型客车',
+    4: '四型客车',
+    11: '一型货车',
+    12: '二型货车',
+    13: '三型货车',
+    14: '四型货车',
+    15: '五型货车',
+    16: '六型货车',
+    21: '一型专项作业车',
+    22: '二型专项作业车',
+    23: '三型专项作业车',
+    24: '四型专项作业车',
+    25: '五型专项作业车',
+    26: '六型专项作业车'
+};
+
+// 计算属性
+const vehicleList = computed(() => props.data?.list || []);
+const vehicleCount = computed(() => props.data?.vehicleCount || 0);
+
+// 获取车牌颜色文本
+const getPlateColorText = (plateColor) => {
+    return plateColorMap[plateColor] || '未知颜色 - 未知类型';
+};
+
+// 获取车牌颜色样式类
+const getPlateColorClass = (plateColor) => {
+    const colorClassMap = {
+        0: 'bg-blue-500',
+        1: 'bg-yellow-500',
+        2: 'bg-gray-800',
+        3: 'bg-gray-200 text-gray-800',
+        4: 'bg-green-500',
+        5: 'bg-gradient-to-r from-yellow-500 to-green-500',
+        6: 'bg-gradient-to-r from-blue-500 to-white text-blue-800',
+        7: 'bg-red-500',
+        11: 'bg-green-500',
+        12: 'bg-red-500'
+    };
+    return colorClassMap[plateColor] || 'bg-gray-500';
+};
+
+// 获取车辆类型文本
+const getVehicleTypeText = (vehicleType) => {
+    return vehicleTypeMap[vehicleType] || '未知类型';
+};
+
+onMounted(() => {
+    console.log('车辆数据:', props.data);
+});
+
+</script>
+
+<style scoped>
+/* 自定义样式 - 仅保留必要的样式 */
+</style>
\ No newline at end of file
diff --git a/src/ui/CQYGL3F8E/components/InvestHistory.vue b/src/ui/CQYGL3F8E/components/InvestHistory.vue
index 117d27c..830c1ad 100644
--- a/src/ui/CQYGL3F8E/components/InvestHistory.vue
+++ b/src/ui/CQYGL3F8E/components/InvestHistory.vue
@@ -3,7 +3,7 @@
     <div class="border border-[#EEEEEE] p-4 rounded-xl">
       <div class="flex items-center mb-3">
         <div class="w-8 h-8 flex items-center justify-center mr-2">
-          <img src="@/assets/images/report/dwtz.png" alt="对外投资历史" class="w-8 h-8 object-contain" />
+          <img src="@/assets/images/report/dwtzls.png" alt="对外投资历史" class="w-8 h-8 object-contain" />
         </div>
         <span class="font-bold text-gray-800">对外投资历史</span>
       </div>
@@ -21,7 +21,7 @@
               <div class="flex items-center justify-between pt-2">
                 <span class="text-sm text-gray-600">投资企业</span>
                 <span class="text-sm text-gray-600">投资项目: <span class="ml-1 font-medium text-[#333333]">{{
-                  group.totalInvestments }}</span></span>
+                    group.totalInvestments }}</span></span>
               </div>
             </div>
 
@@ -76,7 +76,7 @@
                       <!-- 持股比例 -->
                       <span class="text-base text-[#666666] flex-shrink-0">持股比例：</span>
                       <span class="text-base font-medium text-[#333333] break-words">{{ investment.percent || '-'
-                      }}</span>
+                        }}</span>
 
                       <!-- 投资金额 -->
                       <template v-if="investment.amount">
@@ -114,13 +114,13 @@
                       <!-- 企业状态 -->
                       <span class="text-base text-[#666666] flex-shrink-0">企业状态：</span>
                       <span class="text-base font-medium text-[#333333] break-words">{{ investment.regStatus || '-'
-                      }}</span>
+                        }}</span>
 
                       <!-- 统一社会信用代码 -->
                       <template v-if="investment.creditCode">
                         <span class="text-base text-[#666666] flex-shrink-0">统一社会信用代码：</span>
                         <span class="text-base font-medium text-[#333333] break-words">{{ investment.creditCode
-                        }}</span>
+                          }}</span>
                       </template>
 
                       <!-- 企业类型 -->
@@ -149,14 +149,14 @@
                       <template v-if="investment.legalPersonName">
                         <span class="text-base text-[#666666] flex-shrink-0">法人代表：</span>
                         <span class="text-base font-medium text-[#333333] break-words">{{ investment.legalPersonName
-                        }}</span>
+                          }}</span>
                       </template>
 
                       <!-- 经营范围 -->
                       <template v-if="investment.business_scope">
                         <span class="text-base text-[#666666] flex-shrink-0">经营范围：</span>
                         <span class="text-base font-medium text-[#333333] break-words">{{ investment.business_scope
-                        }}</span>
+                          }}</span>
                       </template>
                     </div>
                   </div>
diff --git a/src/ui/CQYGL3F8E/components/Lawsuit.vue b/src/ui/CQYGL3F8E/components/Lawsuit.vue
index 779590f..a9f92f1 100644
--- a/src/ui/CQYGL3F8E/components/Lawsuit.vue
+++ b/src/ui/CQYGL3F8E/components/Lawsuit.vue
@@ -4,7 +4,7 @@
         <div class=" border border-[#EEEEEE] p-4 rounded-xl">
             <div class="flex items-center mb-3">
                 <div class="w-8 h-8 flex items-center justify-center mr-2">
-                    <img src="@/assets/images/report/zwsc.png" alt="涉诉风险整体概览" class="w-8 h-8 object-contain" />
+                    <img src="@/assets/images/report/ssfxztgl.png" alt="涉诉风险整体概览" class="w-8 h-8 object-contain" />
                 </div>
                 <span class="font-bold text-gray-800">涉诉风险整体概览</span>
             </div>
@@ -1313,7 +1313,7 @@ const caseTypeChartOption = computed(() => {
                     return {
                         value: value,
                         itemStyle: {
-                            color: "var(--color-primary)",
+                            color: "#5d7eeb",
                             borderRadius: [0, 4, 4, 0],
                         },
                     };
diff --git a/src/ui/DWBG6A2C/components/AntiFraudInfoSection.vue b/src/ui/DWBG6A2C/components/AntiFraudInfoSection.vue
index 1c03022..914c775 100644
--- a/src/ui/DWBG6A2C/components/AntiFraudInfoSection.vue
+++ b/src/ui/DWBG6A2C/components/AntiFraudInfoSection.vue
@@ -3,7 +3,7 @@
     <div class="rounded-lg border border-gray-200 pb-4 mb-4">
       <div class="flex items-center mb-4 p-4">
         <div class="w-8 h-8 flex items-center justify-center mr-2">
-          <img :src="getTitleIcon()" alt="涉赌涉诈人员核验" class="w-8 h-8 object-contain" />
+          <img src="@/assets/images/report/sdszryhy.png" alt="涉赌涉诈人员核验" class="w-8 h-8 object-contain" />
         </div>
         <span class="font-bold text-gray-800">涉赌涉诈人员核验</span>
       </div>
diff --git a/src/ui/DWBG6A2C/components/ApplicationStatisticsSection.vue b/src/ui/DWBG6A2C/components/ApplicationStatisticsSection.vue
index 3814332..08fe280 100644
--- a/src/ui/DWBG6A2C/components/ApplicationStatisticsSection.vue
+++ b/src/ui/DWBG6A2C/components/ApplicationStatisticsSection.vue
@@ -4,7 +4,7 @@
 
       <div class="flex items-center mb-4 p-4">
         <div class="w-8 h-8 flex items-center justify-center mr-2">
-          <img src="@/assets/images/report/qsgg.png" alt="历史借贷行为" class="w-8 h-8 object-contain" />
+          <img src="@/assets/images/report/lsjdxw.png" alt="历史借贷行为" class="w-8 h-8 object-contain" />
         </div>
         <span class="font-bold text-gray-800">历史借贷行为</span>
       </div>
@@ -311,14 +311,15 @@ const barChartOption = computed(() => {
         name: '申请机构数',
         type: 'bar',
         barWidth: '25%',
+        barMinHeight: 3,
         data: data,
         itemStyle: {
-          color: '#a03434',
+          color: '#5d7eeb',
           borderRadius: [4, 4, 0, 0]
         },
         emphasis: {
           itemStyle: {
-            color: '#c04242'
+            color: '#7dd3fc'
           }
         }
       }
diff --git a/src/ui/DWBG6A2C/components/CourtRiskInfoSection.vue b/src/ui/DWBG6A2C/components/CourtRiskInfoSection.vue
index 4a087fa..4c94553 100644
--- a/src/ui/DWBG6A2C/components/CourtRiskInfoSection.vue
+++ b/src/ui/DWBG6A2C/components/CourtRiskInfoSection.vue
@@ -4,53 +4,51 @@
 
     <div class="mt-4">
       <!-- 法院风险概览 -->
-      <div class="bg-gradient-to-r from-red-50 to-pink-50 rounded-lg p-4 mb-4">
-        <h3 class="text-lg font-semibold text-gray-800 mb-3 flex items-center">
-          <span class="w-2 h-2 bg-red-500 rounded-full mr-2"></span>
+      <div class="bg-gradient-to-r from-[#F9ECEC] to-[#FCE8E8] rounded-lg p-4 mb-4">
+        <h3 class="text-lg font-semibold text-[#333333] mb-3 flex items-center">
+          <span class="w-2 h-2 bg-[#EB3C3C] rounded-full mr-2"></span>
           法院风险概览
         </h3>
         <div class="grid grid-cols-2 gap-4">
           <div class="text-center">
-            <div class="text-2xl font-bold" :class="courtRiskInfos?.length > 0 ? 'text-red-600' : 'text-green-600'">
+            <div class="text-2xl font-bold" :class="courtRiskInfos?.length > 0 ? 'text-[#EB3C3C]' : 'text-green-600'">
               {{ courtRiskInfos?.length || 0 }}
             </div>
-            <div class="text-sm text-gray-600">法院案件数</div>
+            <div class="text-sm text-[#666666]">法院案件数</div>
           </div>
           <div class="text-center">
-            <div class="text-2xl font-bold" :class="courtRiskInfos?.length > 0 ? 'text-red-600' : 'text-green-600'">
+            <div class="text-2xl font-bold" :class="courtRiskInfos?.length > 0 ? 'text-[#EB3C3C]' : 'text-green-600'">
               {{ courtRiskInfos?.length > 0 ? '有风险' : '无风险' }}
             </div>
-            <div class="text-sm text-gray-600">风险状态</div>
+            <div class="text-sm text-[#666666]">风险状态</div>
           </div>
         </div>
       </div>
 
       <!-- 案件类型统计 -->
       <div v-if="courtRiskInfos && courtRiskInfos.length > 0" class="mb-4">
-        <div class="bg-white rounded-lg border border-gray-200 p-4">
+        <div class="bg-white rounded-xl border border-[#DDDDDD] p-4">
           <div class="flex items-center justify-between mb-3">
             <div class="flex items-center">
-              <div class="w-8 h-8 bg-purple-500 rounded-full flex items-center justify-center mr-2">
-                <svg class="w-4 h-4 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                    d="M3 6l3 1m0 0l-3 9a5.002 5.002 0 006.001 0M6 7l3 9M6 7l6-2m6 2l3-1m-3 1l-3 9a5.002 5.002 0 006.001 0M18 7l3 9m-3-9l-6-2m0-2v2m0 16V5m0 16H9m3 0h3">
-                  </path>
-                </svg>
+              <div class="w-8 h-8 flex items-center justify-center mr-2">
+                <img src="@/assets/images/report/ajlxfb.png" alt="案件类型分布" class="w-8 h-8 object-contain" />
               </div>
-              <span class="font-bold text-gray-800">案件类型分布</span>
+              <span class="font-bold text-[#333333]">案件类型分布</span>
             </div>
           </div>
 
           <!-- 案件类型统计 -->
           <div class="grid grid-cols-3 md:grid-cols-6 gap-2">
             <div v-for="(typeInfo, type) in caseTypeStats" :key="type" class="text-center p-2 rounded-lg border"
-              :class="typeInfo.count > 0 ? 'bg-red-50 border-red-200' : 'bg-green-50 border-green-200'">
-              <div class="text-lg mb-1">{{ getCaseTypeIcon(type) }}</div>
-              <div class="text-base font-bold" :class="typeInfo.count > 0 ? 'text-red-600' : 'text-green-600'">
+              :class="typeInfo.count > 0 ? 'bg-[#F9ECEC] border border-[#F0CACA]' : 'bg-[#ECF9EF] border border-[#CAECD3]'">
+              <div class="flex justify-center mb-1">
+                <img :src="getCaseTypeIconPath(type)" alt="" class="w-8 h-8 object-contain" />
+              </div>
+              <div class="text-base font-bold" :class="typeInfo.count > 0 ? 'text-[#EB3C3C]' : 'text-green-600'">
                 {{ typeInfo.count }}
               </div>
-              <div class="text-xs text-gray-600 leading-tight">{{ getCaseTypeShortName(type) }}</div>
-              <div class="text-xs mt-0.5" :class="typeInfo.count > 0 ? 'text-red-600' : 'text-green-600'">
+              <div class="text-xs text-[#666666] leading-tight">{{ getCaseTypeShortName(type) }}</div>
+              <div class="text-xs mt-0.5" :class="typeInfo.count > 0 ? 'text-[#EB3C3C]' : 'text-green-600'">
                 {{ typeInfo.count > 0 ? '有风险' : '无风险' }}
               </div>
             </div>
@@ -62,13 +60,12 @@
       <div v-if="courtRiskInfos && courtRiskInfos.length > 0" class="space-y-4">
         <!-- 按案件类型分组显示 -->
         <div v-for="(cases, caseType) in groupedCases" :key="caseType" class="case-section">
-          <div class="bg-white rounded-lg border border-gray-200 p-4">
+          <div class="bg-white rounded-xl border border-[#DDDDDD] p-4">
             <div class="flex items-center mb-3">
-              <div class="w-6 h-6 rounded-full flex items-center justify-center mr-2"
-                :class="getCaseTypeHeaderStyle(caseType)">
-                <span class="text-white text-xs">{{ getCaseTypeIcon(caseType) }}</span>
+              <div class="w-8 h-8 flex items-center justify-center mr-2">
+                <img :src="getCaseTypeIconPath(caseType)" alt="" class="w-8 h-8 object-contain" />
               </div>
-              <span class="font-bold text-gray-800">{{ getCaseTypeName(caseType) }}</span>
+              <span class="font-bold text-[#333333]">{{ getCaseTypeName(caseType) }}</span>
               <span class="ml-2 px-2 py-1 rounded-full text-xs font-medium" :class="getCaseTypeBadgeStyle(caseType)">
                 {{ cases.length }}件
               </span>
@@ -115,7 +112,7 @@
                     </div>
                     <div class="detail-item" v-if="caseItem.executionAmount">
                       <span class="label">执行金额：</span>
-                      <span class="value text-red-600 font-bold">{{ caseItem.executionAmount }}</span>
+                      <span class="value text-[#EB3C3C] font-bold">{{ caseItem.executionAmount }}</span>
                     </div>
                     <div class="detail-item" v-if="caseItem.repaidAmount">
                       <span class="label">已还款金额：</span>
@@ -140,10 +137,10 @@
                   </div>
 
                   <!-- 匹配度信息 -->
-                  <div v-if="caseItem.matchScore" class="mt-3 p-3 bg-blue-50 rounded-lg">
+                  <div v-if="caseItem.matchScore" class="mt-3 p-3 bg-[#EBF5FF] rounded-lg">
                     <div class="flex items-center justify-between">
-                      <span class="text-sm text-gray-600">身份匹配度</span>
-                      <span class="text-sm font-bold text-blue-600">
+                      <span class="text-sm text-[#666666]">身份匹配度</span>
+                      <span class="text-sm font-bold text-[#2B79EE]">
                         {{ (caseItem.matchScore * 100).toFixed(1) }}%
                       </span>
                     </div>
@@ -156,7 +153,7 @@
 
                   <!-- 内容摘要 -->
                   <div v-if="caseItem.contentSummary" class="mt-3">
-                    <div class="text-sm text-gray-600 mb-2">案件摘要：</div>
+                    <div class="text-sm text-[#666666] mb-2">案件摘要：</div>
                     <div class="bg-gray-50 rounded-lg p-3 border">
                       <p class="text-sm text-gray-700 leading-relaxed">
                         {{ formatContentSummary(caseItem.contentSummary) }}
@@ -166,7 +163,7 @@
 
                   <!-- 执行公告ID -->
                   <div v-if="caseItem.executionAnnouncementId" class="mt-3">
-                    <div class="text-sm text-gray-600 mb-1">公告编号：</div>
+                    <div class="text-sm text-[#666666] mb-1">公告编号：</div>
                     <div class="bg-gray-100 rounded p-2">
                       <span class="text-xs font-mono text-gray-700">
                         {{ caseItem.executionAnnouncementId }}
@@ -181,19 +178,19 @@
       </div>
 
       <!-- 高风险警告 -->
-      <div v-if="hasHighRiskCases" class="mt-4 p-4 bg-red-100 border border-red-300 rounded-lg">
+      <div v-if="hasHighRiskCases" class="mt-4 p-4 bg-[#F9ECEC] border border-[#F0CACA] rounded-lg">
         <div class="flex items-start">
-          <div class="mr-3 mt-1">
-            <span class="text-xl">🚨</span>
+          <div class="mr-3 mt-1 flex-shrink-0">
+            <img src="@/assets/images/report/gfx.png" alt="高风险" class="w-10 h-10 object-contain" />
           </div>
           <div>
-            <h4 class="font-semibold text-red-800 mb-2">法院风险警告</h4>
-            <p class="text-red-700 text-sm">
+            <h4 class="font-semibold text-[#EB3C3C] mb-2">法院风险警告</h4>
+            <p class="text-[#666666] text-sm">
               检测到法院相关案件记录，存在司法风险，建议立即停止相关业务并进行详细核实。
             </p>
             <div class="mt-2">
-              <span class="text-red-800 font-medium">涉及案件类型：</span>
-              <span class="text-red-700">{{ getCaseTypesList.join('、') }}</span>
+              <span class="text-[#666666] font-medium">涉及案件类型：</span>
+              <span class="text-[#EB3C3C]">{{ getCaseTypesList.join('、') }}</span>
             </div>
           </div>
         </div>
@@ -201,14 +198,14 @@
 
       <!-- 无风险提示 -->
       <div v-if="!courtRiskInfos || courtRiskInfos.length === 0"
-        class="mt-4 p-4 bg-green-100 border border-green-300 rounded-lg">
+        class="mt-4 p-4 bg-[#ECF9EF] border border-[#CAECD3] rounded-lg">
         <div class="flex items-start">
           <div class="mr-3 mt-1">
-            <span class="text-xl">✅</span>
+            <img src="@/assets/images/report/zq.png" alt="正常" class="w-8 h-8 object-contain" />
           </div>
           <div>
-            <h4 class="font-semibold text-green-800 mb-2">法院风险核验通过</h4>
-            <p class="text-green-700 text-sm">
+            <h4 class="font-semibold text-green-600 mb-2">法院风险核验通过</h4>
+            <p class="text-green-600 text-sm">
               未检测到法院相关案件记录，司法风险较低。
             </p>
           </div>
@@ -216,9 +213,9 @@
       </div>
 
       <!-- 案件类型说明 -->
-      <div class="mt-4 p-4 bg-gray-50 border border-gray-200 rounded-lg">
-        <h4 class="font-semibold text-gray-800 mb-2">案件类型说明</h4>
-        <div class="text-sm text-gray-600 space-y-1">
+      <div class="mt-4 p-4 bg-gray-50 border border-[#DDDDDD] rounded-lg">
+        <h4 class="font-semibold text-[#333333] mb-2">案件类型说明</h4>
+        <div class="text-sm text-[#666666] space-y-1">
           <div><strong>民事案件：</strong>涉及财产、合同等民事纠纷</div>
           <div><strong>刑事案件：</strong>涉及刑法规定的犯罪行为</div>
           <div><strong>行政案件：</strong>涉及行政管理相关纠纷</div>
@@ -354,18 +351,19 @@ const caseTypeStats = computed(() => {
   return stats
 })
 
-// 获取案件类型图标
-const getCaseTypeIcon = (type) => {
+// 获取案件类型图标路径
+const getCaseTypeIconPath = (type) => {
   const iconMap = {
-    '民事案件': '⚖️',
-    '刑事案件': '🚨',
-    '行政案件': '🏛️',
-    '执行案件': '⚡',
-    '非诉保全审查案件': '🛡️',
-    '强制清算与破产案件': '💼',
-    'default': '📄'
+    '民事案件': () => new URL('@/assets/images/report/ms.png', import.meta.url).href,
+    '刑事案件': () => new URL('@/assets/images/report/xs.png', import.meta.url).href,
+    '行政案件': () => new URL('@/assets/images/report/xz.png', import.meta.url).href,
+    '执行案件': () => new URL('@/assets/images/report/zxaj.png', import.meta.url).href,
+    '非诉保全审查案件': () => new URL('@/assets/images/report/fsbq.png', import.meta.url).href,
+    '强制清算与破产案件': () => new URL('@/assets/images/report/qspc.png', import.meta.url).href,
+    'default': () => new URL('@/assets/images/report/zxaj.png', import.meta.url).href
   }
-  return iconMap[type] || iconMap.default
+  const getIcon = iconMap[type] || iconMap.default
+  return getIcon()
 }
 
 // 获取案件类型名称
@@ -397,27 +395,27 @@ const getCaseTypeShortName = (type) => {
 // 获取案件类型头部样式
 const getCaseTypeHeaderStyle = (caseType) => {
   const styleMap = {
-    '民事案件': 'bg-blue-500',
-    '刑事案件': 'bg-red-500',
-    '行政案件': 'bg-purple-500',
-    '执行案件': 'bg-orange-500',
+    '民事案件': 'bg-[#2B79EE]',
+    '刑事案件': 'bg-[#EB3C3C]',
+    '行政案件': 'bg-[#2B79EE]',
+    '执行案件': 'bg-[#D6943E]',
     '非诉保全审查案件': 'bg-green-500',
-    '强制清算与破产案件': 'bg-gray-500'
+    '强制清算与破产案件': 'bg-[#666666]'
   }
-  return styleMap[caseType] || 'bg-gray-500'
+  return styleMap[caseType] || 'bg-[#666666]'
 }
 
 // 获取案件类型标签样式
 const getCaseTypeBadgeStyle = (caseType) => {
   const styleMap = {
-    '民事案件': 'bg-blue-100 text-blue-700',
-    '刑事案件': 'bg-red-100 text-red-700',
-    '行政案件': 'bg-purple-100 text-purple-700',
-    '执行案件': 'bg-orange-100 text-orange-700',
-    '非诉保全审查案件': 'bg-green-100 text-green-700',
-    '强制清算与破产案件': 'bg-gray-100 text-gray-700'
+    '民事案件': 'bg-[#2B79EE1A] text-[#2B79EE]',
+    '刑事案件': 'bg-[#F9ECEC] text-[#EB3C3C]',
+    '行政案件': 'bg-[#EBF5FF] text-[#2B79EE]',
+    '执行案件': 'bg-[#FFF8E1] text-[#D6943E]',
+    '非诉保全审查案件': 'bg-[#ECF9EF] text-green-600',
+    '强制清算与破产案件': 'bg-gray-100 text-[#666666]'
   }
-  return styleMap[caseType] || 'bg-gray-100 text-gray-700'
+  return styleMap[caseType] || 'bg-gray-100 text-[#666666]'
 }
 
 // 获取案件项样式
@@ -431,32 +429,32 @@ const getCaseItemClass = (caseItem) => {
 // 获取案件状态样式
 const getCaseStatusClass = (status) => {
   if (status === '已结案') return 'text-green-600 bg-green-100'
-  if (status === '执行中') return 'text-orange-600 bg-orange-100'
-  if (status === '未执行') return 'text-red-600 bg-red-100'
-  if (status === '审理中') return 'text-blue-600 bg-blue-100'
-  if (status === '失信中') return 'text-red-600 bg-red-100'
-  if (status === '限高中') return 'text-purple-600 bg-purple-100'
-  return 'text-gray-600 bg-gray-100'
+  if (status === '执行中') return 'text-[#D6943E] bg-[#FFF8E1]'
+  if (status === '未执行') return 'text-[#EB3C3C] bg-[#F9ECEC]'
+  if (status === '审理中') return 'text-[#2B79EE] bg-[#EBF5FF]'
+  if (status === '失信中') return 'text-[#EB3C3C] bg-[#F9ECEC]'
+  if (status === '限高中') return 'text-[#2B79EE] bg-[#EBF5FF]'
+  return 'text-[#666666] bg-gray-100'
 }
 
 // 获取案件状态文字样式
 const getCaseStatusTextClass = (status) => {
   if (status === '已结案') return 'text-green-600'
-  if (status === '执行中') return 'text-orange-600'
-  if (status === '未执行') return 'text-red-600'
-  if (status === '审理中') return 'text-blue-600'
-  if (status === '失信中') return 'text-red-600'
-  if (status === '限高中') return 'text-purple-600'
-  return 'text-gray-600'
+  if (status === '执行中') return 'text-[#D6943E]'
+  if (status === '未执行') return 'text-[#EB3C3C]'
+  if (status === '审理中') return 'text-[#2B79EE]'
+  if (status === '失信中') return 'text-[#EB3C3C]'
+  if (status === '限高中') return 'text-[#2B79EE]'
+  return 'text-[#666666]'
 }
 
 // 获取匹配度进度条样式
 const getMatchScoreBarStyle = (score) => {
   if (score >= 0.9) return 'bg-green-500'
-  if (score >= 0.8) return 'bg-blue-500'
+  if (score >= 0.8) return 'bg-[#2B79EE]'
   if (score >= 0.7) return 'bg-yellow-500'
-  if (score >= 0.6) return 'bg-orange-500'
-  return 'bg-red-500'
+  if (score >= 0.6) return 'bg-[#D6943E]'
+  return 'bg-[#EB3C3C]'
 }
 
 // 格式化内容摘要
@@ -512,7 +510,7 @@ watch(() => props.data, (newData) => {
 
   .case-number {
     font-weight: 600;
-    color: #374151;
+    color: #333333;
     font-size: 14px;
   }
 
@@ -534,13 +532,13 @@ watch(() => props.data, (newData) => {
     padding: 4px 0;
 
     .label {
-      color: #6b7280;
+      color: #666666;
       font-size: 13px;
       font-weight: 500;
     }
 
     .value {
-      color: #374151;
+      color: #333333;
       font-size: 13px;
       font-weight: 400;
       text-align: right;
@@ -557,22 +555,22 @@ watch(() => props.data, (newData) => {
   overflow: hidden;
 
   &.case-item-settled {
-    border: 1px solid #d1fae5;
-    background-color: #f0fdf4;
-  }
-
-  &.case-item-executing {
-    border: 1px solid #fed7aa;
-    background-color: #fff7ed;
-  }
-
-  &.case-item-hearing {
-    border: 1px solid #dbeafe;
-    background-color: #eff6ff;
+    border: 1px solid #CAECD3;
+      background-color: #FBFDFC;
+    }
+    
+    &.case-item-executing {
+      border: 1px solid #FFE082;
+        background-color: #FFFDF9;
+      }
+      
+      &.case-item-hearing {
+        border: 1px solid #EBF5FF;
+          background-color: #FAFDFF;
   }
 
   &.case-item-default {
-    border: 1px solid #e5e7eb;
+    border: 1px solid #DDDDDD;
     background-color: #f9fafb;
   }
 }
diff --git a/src/ui/DWBG6A2C/components/CreditDetailSection.vue b/src/ui/DWBG6A2C/components/CreditDetailSection.vue
index deb9da3..a609125 100644
--- a/src/ui/DWBG6A2C/components/CreditDetailSection.vue
+++ b/src/ui/DWBG6A2C/components/CreditDetailSection.vue
@@ -4,7 +4,7 @@
 
       <div class="flex items-center mb-4 p-4">
         <div class="w-8 h-8 flex items-center justify-center mr-2">
-          <img src="@/assets/images/report/qsgg.png" alt="授信详情" class="w-8 h-8 object-contain" />
+          <img src="@/assets/images/report/sxxq.png" alt="授信详情" class="w-8 h-8 object-contain" />
         </div>
         <span class="font-bold text-gray-800">授信详情</span>
       </div>
diff --git a/src/ui/DWBG6A2C/components/LendingStatisticsSection.vue b/src/ui/DWBG6A2C/components/LendingStatisticsSection.vue
index 1eaf774..700e948 100644
--- a/src/ui/DWBG6A2C/components/LendingStatisticsSection.vue
+++ b/src/ui/DWBG6A2C/components/LendingStatisticsSection.vue
@@ -4,7 +4,7 @@
 
       <div class="flex items-center mb-4 p-4">
         <div class="w-8 h-8 flex items-center justify-center mr-2">
-          <img src="@/assets/images/report/qsgg.png" alt="近24个月放款情况" class="w-8 h-8 object-contain" />
+          <img src="@/assets/images/report/j24gyfkqk.png" alt="近24个月放款情况" class="w-8 h-8 object-contain" />
         </div>
         <span class="font-bold text-gray-800">近24个月放款情况</span>
       </div>
@@ -374,13 +374,14 @@ const timeBarChartOption = computed(() => {
         type: 'bar',
         data: data,
         barWidth: '25%',
+        barMinHeight: 3,
         itemStyle: {
-          color: '#a03434',
+          color: '#5d7eeb',
           borderRadius: [4, 4, 0, 0]
         },
         emphasis: {
           itemStyle: {
-            color: '#c04242'
+            color: '#7dd3fc'
           }
         }
       }
@@ -480,13 +481,14 @@ const amountBarChartOption = computed(() => {
         type: 'bar',
         data: amountData,
         barWidth: '25%',
+        barMinHeight: 3,
         itemStyle: {
-          color: '#a03434',
+          color: '#5d7eeb',
           borderRadius: [4, 4, 0, 0]
         },
         emphasis: {
           itemStyle: {
-            color: '#c04242'
+            color: '#7dd3fc'
           }
         }
       }
diff --git a/src/ui/DWBG6A2C/components/OverdueRecordSection.vue b/src/ui/DWBG6A2C/components/OverdueRecordSection.vue
index 30074b2..8e91936 100644
--- a/src/ui/DWBG6A2C/components/OverdueRecordSection.vue
+++ b/src/ui/DWBG6A2C/components/OverdueRecordSection.vue
@@ -4,7 +4,7 @@
 
       <div class="flex items-center mb-4 p-4">
         <div class="w-8 h-8 flex items-center justify-center mr-2">
-          <img src="@/assets/images/report/qsgg.png" alt="历史逾期记录" class="w-8 h-8 object-contain" />
+          <img src="@/assets/images/report/yqfx.png" alt="历史逾期记录" class="w-8 h-8 object-contain" />
         </div>
         <span class="font-bold text-gray-800">历史逾期记录</span>
       </div>
@@ -54,7 +54,7 @@
           <!-- 数据表格 -->
           <div class="mb-4 mt-4 border border-gray-200 rounded-lg overflow-hidden mx-4">
             <!-- 表头 -->
-            <div class="bg-[#922D2A] text-white">
+            <div class="bg-[#5d7eeb] text-white">
               <div class="grid grid-cols-4 text-sm">
                 <div class="py-3 px-4 text-left font-semibold border-r border-white whitespace-nowrap">时间段</div>
                 <div class="py-3 px-4 text-center font-semibold border-r border-white whitespace-nowrap">M0+笔数</div>
@@ -390,6 +390,7 @@ const overdueCountBarChartOption = computed(() => {
         type: 'bar',
         data: m0Data,
         barWidth: '25%',
+        barMinHeight: 3,
         itemStyle: {
           color: '#2B79EE',
           borderRadius: [4, 4, 0, 0]
@@ -405,6 +406,7 @@ const overdueCountBarChartOption = computed(() => {
         type: 'bar',
         data: m1Data,
         barWidth: '25%',
+        barMinHeight: 3,
         itemStyle: {
           color: '#61D2F4',
           borderRadius: [4, 4, 0, 0]
@@ -486,13 +488,14 @@ const overdueAmountBarChartOption = computed(() => {
         type: 'bar',
         data: amountData,
         barWidth: '25%',
+        barMinHeight: 3,
         itemStyle: {
-          color: '#a03434',
+          color: '#5d7eeb',
           borderRadius: [4, 4, 0, 0]
         },
         emphasis: {
           itemStyle: {
-            color: '#c04242'
+            color: '#7dd3fc'
           }
         }
       }
diff --git a/src/ui/DWBG6A2C/components/PerformanceStatisticsSection.vue b/src/ui/DWBG6A2C/components/PerformanceStatisticsSection.vue
index f8c0e97..da4c6b8 100644
--- a/src/ui/DWBG6A2C/components/PerformanceStatisticsSection.vue
+++ b/src/ui/DWBG6A2C/components/PerformanceStatisticsSection.vue
@@ -4,7 +4,7 @@
 
       <div class="flex items-center mb-4 p-4">
         <div class="w-8 h-8 flex items-center justify-center mr-2">
-          <img src="@/assets/images/report/qsgg.png" alt="履约情况" class="w-8 h-8 object-contain" />
+          <img src="@/assets/images/report/lyqk.png" alt="履约情况" class="w-8 h-8 object-contain" />
         </div>
         <span class="font-bold text-gray-800">履约情况</span>
       </div>
@@ -339,13 +339,14 @@ const performanceBarChartOption = computed(() => {
         type: 'bar',
         data: data,
         barWidth: '25%',
+        barMinHeight: 3,
         itemStyle: {
-          color: '#a03434',
+          color: '#5d7eeb',
           borderRadius: [4, 4, 0, 0]
         },
         emphasis: {
           itemStyle: {
-            color: '#c04242'
+            color: '#7dd3fc'
           }
         }
       }
@@ -411,13 +412,14 @@ const exceptionBarChartOption = computed(() => {
         type: 'bar',
         data: data,
         barWidth: '25%',
+        barMinHeight: 3,
         itemStyle: {
-          color: '#a03434',
+          color: '#5d7eeb',
           borderRadius: [4, 4, 0, 0]
         },
         emphasis: {
           itemStyle: {
-            color: '#c04242'
+            color: '#7dd3fc'
           }
         }
       }
diff --git a/src/ui/DWBG6A2C/components/RentalBehaviorSection.vue b/src/ui/DWBG6A2C/components/RentalBehaviorSection.vue
index f05ea54..03d1c8f 100644
--- a/src/ui/DWBG6A2C/components/RentalBehaviorSection.vue
+++ b/src/ui/DWBG6A2C/components/RentalBehaviorSection.vue
@@ -4,7 +4,7 @@
 
       <div class="flex items-center mb-4 p-4">
         <div class="w-8 h-8 flex items-center justify-center mr-2">
-          <img src="@/assets/images/report/qsgg.png" alt="租赁行为" class="w-8 h-8 object-contain" />
+          <img src="@/assets/images/report/zlxw.png" alt="租赁行为" class="w-8 h-8 object-contain" />
         </div>
         <span class="font-bold text-gray-800">租赁行为</span>
       </div>
@@ -577,6 +577,7 @@ const timeDistributionChartOption = computed(() => {
         type: 'bar',
         data: countData,
         barWidth: '25%',
+        barMinHeight: 3,
         itemStyle: {
           color: '#2B79EE',
           borderRadius: [4, 4, 0, 0]
@@ -592,6 +593,7 @@ const timeDistributionChartOption = computed(() => {
         type: 'bar',
         data: institutionData,
         barWidth: '25%',
+        barMinHeight: 3,
         itemStyle: {
           color: '#61D2F4',
           borderRadius: [4, 4, 0, 0]
@@ -691,6 +693,7 @@ const specialTimeChartOption = computed(() => {
         type: 'bar',
         data: weekendData,
         barWidth: '25%',
+        barMinHeight: 3,
         itemStyle: {
           color: '#2B79EE',
           borderRadius: [4, 4, 0, 0]
@@ -706,6 +709,7 @@ const specialTimeChartOption = computed(() => {
         type: 'bar',
         data: nightData,
         barWidth: '25%',
+        barMinHeight: 3,
         itemStyle: {
           color: '#61D2F4',
           borderRadius: [4, 4, 0, 0]
diff --git a/src/ui/DWBG6A2C/components/RiskListSection.vue b/src/ui/DWBG6A2C/components/RiskListSection.vue
index f477ba6..9f2aae6 100644
--- a/src/ui/DWBG6A2C/components/RiskListSection.vue
+++ b/src/ui/DWBG6A2C/components/RiskListSection.vue
@@ -3,7 +3,7 @@
     <div class="rounded-lg border border-gray-200 pb-4 mb-4">
       <div class="flex items-center mb-4 p-4">
         <div class="w-8 h-8 flex items-center justify-center mr-2">
-          <img :src="getTitleIcon()" alt="风险名单" class="w-8 h-8 object-contain" />
+          <img src="@/assets/images/report/fxmd.png" alt="风险名单" class="w-8 h-8 object-contain" />
         </div>
         <span class="font-bold text-gray-800">风险名单</span>
       </div>
diff --git a/src/ui/DWBG6A2C/components/RiskPointSection.vue b/src/ui/DWBG6A2C/components/RiskPointSection.vue
index b88d6e2..5e946d2 100644
--- a/src/ui/DWBG6A2C/components/RiskPointSection.vue
+++ b/src/ui/DWBG6A2C/components/RiskPointSection.vue
@@ -3,7 +3,7 @@
     <div class="rounded-lg border border-gray-200 pb-4 mb-4">
       <div class="flex items-center mb-4 p-4">
         <div class="w-8 h-8 flex items-center justify-center mr-2">
-          <img src="@/assets/images/report/qsgg.png" alt="命中风险标注" class="w-8 h-8 object-contain" />
+          <img src="@/assets/images/report/mzfxbz.png" alt="命中风险标注" class="w-8 h-8 object-contain" />
         </div>
         <span class="font-bold text-gray-800">命中风险标注</span>
       </div>
diff --git a/src/ui/DWBG6A2C/components/RiskSupervisionSection.vue b/src/ui/DWBG6A2C/components/RiskSupervisionSection.vue
index 099c670..2e5d339 100644
--- a/src/ui/DWBG6A2C/components/RiskSupervisionSection.vue
+++ b/src/ui/DWBG6A2C/components/RiskSupervisionSection.vue
@@ -4,7 +4,7 @@
 
       <div class="flex items-center mb-4 p-4">
         <div class="w-8 h-8 flex items-center justify-center mr-2">
-          <img src="@/assets/images/report/qsgg.png" alt="关联风险监督" class="w-8 h-8 object-contain" />
+          <img src="@/assets/images/report/glfxjd2.png" alt="关联风险监督" class="w-8 h-8 object-contain" />
         </div>
         <span class="font-bold text-gray-800">关联风险监督</span>
       </div>
diff --git a/src/ui/DWBG6A2C/components/SecurityInfoSection.vue b/src/ui/DWBG6A2C/components/SecurityInfoSection.vue
index 1a96815..14adb53 100644
--- a/src/ui/DWBG6A2C/components/SecurityInfoSection.vue
+++ b/src/ui/DWBG6A2C/components/SecurityInfoSection.vue
@@ -3,7 +3,7 @@
     <div class="rounded-lg border border-gray-200 pb-4 mb-4">
       <div class="flex items-center mb-4 p-4">
         <div class="w-8 h-8 flex items-center justify-center mr-2">
-          <img :src="getTitleIcon()" alt="公安重点人员核验" class="w-8 h-8 object-contain" />
+          <img src="@/assets/images/report/glzdryhy2.png" alt="公安重点人员核验" class="w-8 h-8 object-contain" />
         </div>
         <span class="font-bold text-gray-800">公安重点人员核验</span>
       </div>
diff --git a/src/ui/DWBG6A2C/components/StandLiveInfoSection.vue b/src/ui/DWBG6A2C/components/StandLiveInfoSection.vue
index 3a4e0c9..7d07e97 100644
--- a/src/ui/DWBG6A2C/components/StandLiveInfoSection.vue
+++ b/src/ui/DWBG6A2C/components/StandLiveInfoSection.vue
@@ -3,7 +3,7 @@
     <div class="rounded-lg border border-gray-200 pb-2 mb-4">
       <div class="flex items-center p-4">
         <div class="w-8 h-8 flex items-center justify-center mr-2">
-          <img src="@/assets/images/report/qsgg.png" alt="身份信息核验" class="w-8 h-8 object-contain" />
+          <img src="@/assets/images/report/sfxxhy.png" alt="身份信息核验" class="w-8 h-8 object-contain" />
         </div>
         <span class="font-bold text-gray-800">身份信息核验</span>
       </div>
diff --git a/src/ui/JRZQ09J8/index.vue b/src/ui/JRZQ09J8/index.vue
index abdff16..40779c4 100644
--- a/src/ui/JRZQ09J8/index.vue
+++ b/src/ui/JRZQ09J8/index.vue
@@ -5,7 +5,7 @@
       <!-- 标题区域 -->
       <div class="flex items-center mb-4 p-4">
         <div class="w-8 h-8 flex items-center justify-center mr-2">
-          <img src="@/assets/images/report/qsgg.png" alt="收入评估" class="w-8 h-8 object-contain" />
+          <img src="@/assets/images/report/srpg.png" alt="收入评估" class="w-8 h-8 object-contain" />
         </div>
         <span class="font-bold text-gray-800">收入评估</span>
       </div>
@@ -461,7 +461,7 @@ defineExpose({
 
 .indicator-marker {
   position: absolute;
-  top: -24px;
+  top: -26px;
   transform: translateX(-50%);
   display: flex;
   flex-direction: column;
@@ -469,7 +469,7 @@ defineExpose({
 }
 
 .marker-image {
-  width: 16px;
+  width: 24px;
   margin-bottom: 0px;
 }
 
diff --git a/src/ui/JRZQ4B6C/components/InstitutionStatusSection.vue b/src/ui/JRZQ4B6C/components/InstitutionStatusSection.vue
index 95d23db..e9d1a06 100644
--- a/src/ui/JRZQ4B6C/components/InstitutionStatusSection.vue
+++ b/src/ui/JRZQ4B6C/components/InstitutionStatusSection.vue
@@ -2,7 +2,7 @@
   <div class="institution-status-section bg-white rounded-lg border border-gray-200">
     <div class="flex items-center p-4">
       <div class="w-8 h-8 flex items-center justify-center mr-2">
-        <img src="@/assets/images/report/qsgg.png" alt="机构状态信息" class="w-8 h-8 object-contain" />
+        <img src="@/assets/images/report/jgztxx.png" alt="机构状态信息" class="w-8 h-8 object-contain" />
       </div>
       <span class="font-bold text-gray-800">机构状态信息</span>
     </div>
diff --git a/src/ui/JRZQ4B6C/components/OverdueInfoSection.vue b/src/ui/JRZQ4B6C/components/OverdueInfoSection.vue
index 79afdaf..9300b70 100644
--- a/src/ui/JRZQ4B6C/components/OverdueInfoSection.vue
+++ b/src/ui/JRZQ4B6C/components/OverdueInfoSection.vue
@@ -2,7 +2,7 @@
   <div class="probe-overview bg-white rounded-lg border border-gray-200">
     <div class="flex items-center p-4">
       <div class="w-8 h-8 flex items-center justify-center mr-2">
-        <img src="@/assets/images/report/qsgg.png" alt="逾期信息详情" class="w-8 h-8 object-contain" />
+        <img src="@/assets/images/report/yqxxxq.png" alt="逾期信息详情" class="w-8 h-8 object-contain" />
       </div>
       <span class="font-bold text-gray-800">逾期信息详情</span>
     </div>
diff --git a/src/ui/JRZQ4B6C/components/PerformanceInfoSection.vue b/src/ui/JRZQ4B6C/components/PerformanceInfoSection.vue
index 399d048..7f70578 100644
--- a/src/ui/JRZQ4B6C/components/PerformanceInfoSection.vue
+++ b/src/ui/JRZQ4B6C/components/PerformanceInfoSection.vue
@@ -2,9 +2,9 @@
   <div class="performance-info-section bg-white rounded-lg border border-gray-200">
     <div class="flex items-center p-4">
       <div class="w-8 h-8 flex items-center justify-center mr-2">
-        <img src="@/assets/images/report/qsgg.png" alt="逾期信息详情" class="w-8 h-8 object-contain" />
+        <img src="@/assets/images/report/lyxxxq.png" alt="履约信息详情" class="w-8 h-8 object-contain" />
       </div>
-      <span class="font-bold text-gray-800">逾期信息详情</span>
+      <span class="font-bold text-gray-800">履约信息详情</span>
     </div>
     <div class="">
       <div class="grid grid-cols-1 md:grid-cols-2 gap-4 p-4">
diff --git a/src/ui/JRZQ4B6C/components/ProbeOverview.vue b/src/ui/JRZQ4B6C/components/ProbeOverview.vue
index cc221a3..8f5602f 100644
--- a/src/ui/JRZQ4B6C/components/ProbeOverview.vue
+++ b/src/ui/JRZQ4B6C/components/ProbeOverview.vue
@@ -2,7 +2,7 @@
   <div class="probe-overview bg-white rounded-lg border border-gray-200">
     <div class="flex items-center p-4">
       <div class="w-8 h-8 flex items-center justify-center mr-2">
-        <img src="@/assets/images/report/qsgg.png" alt="欠税公告" class="w-8 h-8 object-contain" />
+        <img src="@/assets/images/report/gl.png" alt="概览" class="w-8 h-8 object-contain" />
       </div>
       <span class="font-bold text-gray-800">概览</span>
     </div>
diff --git a/src/views/AgentVipConfig.vue b/src/views/AgentVipConfig.vue
index a2c8d6a..0c93cc7 100644
--- a/src/views/AgentVipConfig.vue
+++ b/src/views/AgentVipConfig.vue
@@ -181,10 +181,9 @@ const reportOptions = [
     { text: "小微企业", value: "companyinfo", id: 2 },
     { text: "贷前风险", value: "preloanbackgroundcheck", id: 5 },
     { text: "个人大数据", value: "personaldata", id: 27 },
-
-    // { text: "入职风险", value: "backgroundcheck", id: 1 },
-    // { text: "家政风险", value: "homeservice", id: 3 },
-    // { text: "婚恋风险", value: "marriage", id: 4 },
+    { text: "入职风险", value: "backgroundcheck", id: 1 },
+    { text: "家政风险", value: "homeservice", id: 3 },
+    { text: "婚恋风险", value: "marriage", id: 4 },
     // { text: "租赁风险", value: "rentalrisk", id: 6 },
     // { text: "个人风险", value: "riskassessment", id: 7 },
 ];
diff --git a/src/views/Me.vue b/src/views/Me.vue
index b5ff3bf..2f90c11 100644
--- a/src/views/Me.vue
+++ b/src/views/Me.vue
@@ -22,14 +22,14 @@
                 <div class="space-y-1">
                     <h2 class="text-2xl font-bold" style="color: var(--van-text-color);">
                         {{
-                            !isLoggedIn
-                                ? "点击登录"
-                                : mobile
-                                    ? maskName(mobile)
-                                    : isWeChat
-                                        ? "微信用户"
-                                        : "未绑定手机号"
-                        }}
+                        !isLoggedIn
+                        ? "点击登录"
+                        : mobile
+                        ? maskName(mobile)
+                        : isWeChat
+                ? "微信用户"
+                : "未绑定手机号"
+}}
                     </h2>
                     <!-- 手机号绑定提示 -->
                     <template v-if="isLoggedIn && !mobile">
@@ -52,7 +52,7 @@
                             class="w-full flex items-center justify-between px-6 py-4 hover:bg-purple-50 transition-colors border-b border-gray-100"
                             @click="toVipConfig">
                             <div class="flex items-center gap-3">
-                                <img src="@/assets/images/me/dlbgpz.png" class="w-5 h-5" alt="代理报告配置" />
+                                <img src="@/assets/images/me/dlbgpz.png" class="w-6 h-6" alt="代理报告配置" />
                                 <span class="text-purple-700 font-medium">代理报告配置</span>
                             </div>
                             <img src="@/assets/images/me/right.png" class="w-4 h-4" alt="右箭头" />
@@ -61,7 +61,7 @@
                             class="w-full flex items-center justify-between px-6 py-4 hover:bg-amber-50 transition-colors border-b border-gray-100"
                             @click="toVipRenewal">
                             <div class="flex items-center gap-3">
-                                <img src="@/assets/images/me/xfhy.png" class="w-5 h-5" alt="代理会员" />
+                                <img src="@/assets/images/me/xfhy.png" class="w-6 h-6" alt="代理会员" />
                                 <div class="flex flex-col items-start">
                                     <span class="text-amber-700 font-medium">续费代理会员</span>
                                     <span class="text-xs text-gray-500">有效期至 {{ formatExpiryTime(ExpiryTime) }}</span>
@@ -74,7 +74,7 @@
                         class="w-full flex items-center justify-between px-6 py-4 hover:bg-blue-50 transition-colors border-b border-gray-100"
                         @click="toHistory">
                         <div class="flex items-center gap-3">
-                            <img src="@/assets/images/me/wdbg.png" class="w-5 h-5" alt="我的报告" />
+                            <img src="@/assets/images/me/wdbg.png" class="w-6 h-6" alt="我的报告" />
                             <span class="text-gray-700 font-medium">我的报告</span>
                         </div>
                         <img src="@/assets/images/me/right.png" class="w-4 h-4" alt="右箭头" />
@@ -83,16 +83,25 @@
                         class="w-full flex items-center justify-between px-6 py-4 hover:bg-blue-50 transition-colors border-b border-gray-100"
                         @click="toApiStore">
                         <div class="flex items-center gap-3">
-                            <img src="@/assets/images/me/yhxy.png" class="w-5 h-5" alt="API商店" />
+                            <img src="@/assets/images/me/apisd.png" class="w-6 h-6" alt="API商店" />
                             <span class="text-gray-700 font-medium">API商店</span>
                         </div>
                         <img src="@/assets/images/me/right.png" class="w-4 h-4" alt="右箭头" />
                     </button>
+                    <button
+                        class="w-full flex items-center justify-between px-6 py-4 hover:bg-blue-50 transition-colors border-b border-gray-100"
+                        @click="toBigData">
+                        <div class="flex items-center gap-3">
+                            <img src="@/assets/images/me/qyfkyj.png" class="w-6 h-6" alt="企业风控预警" />
+                            <span class="text-gray-700 font-medium">企业风控预警</span>
+                        </div>
+                        <img src="@/assets/images/me/right.png" class="w-4 h-4" alt="右箭头" />
+                    </button>
                     <button
                         class="w-full flex items-center justify-between px-6 py-4 hover:bg-blue-50 transition-colors border-b border-gray-100"
                         @click="toCooperation">
                         <div class="flex items-center gap-3">
-                            <img src="@/assets/images/me/yhxy.png" class="w-5 h-5" alt="商务合作" />
+                            <img src="@/assets/images/me/swhz.png" class="w-6 h-6" alt="商务合作" />
                             <span class="text-gray-700 font-medium">商务合作</span>
                         </div>
                         <img src="@/assets/images/me/right.png" class="w-4 h-4" alt="右箭头" />
@@ -101,7 +110,7 @@
                         class="w-full flex items-center justify-between px-6 py-4 hover:bg-blue-50 transition-colors border-b border-gray-100"
                         @click="toUserAgreement">
                         <div class="flex items-center gap-3">
-                            <img src="@/assets/images/me/yhxy.png" class="w-5 h-5" alt="用户协议" />
+                            <img src="@/assets/images/me/yhxy.png" class="w-6 h-6" alt="用户协议" />
                             <span class="text-gray-700 font-medium">用户协议</span>
                         </div>
                         <img src="@/assets/images/me/right.png" class="w-4 h-4" alt="右箭头" />
@@ -110,7 +119,7 @@
                         class="w-full flex items-center justify-between px-6 py-4 hover:bg-blue-50 transition-colors border-b border-gray-100"
                         @click="toPrivacyPolicy">
                         <div class="flex items-center gap-3">
-                            <img src="@/assets/images/me/yszc.png" class="w-5 h-5" alt="隐私政策" />
+                            <img src="@/assets/images/me/yszc.png" class="w-6 h-6" alt="隐私政策" />
                             <span class="text-gray-700 font-medium">隐私政策</span>
                         </div>
                         <img src="@/assets/images/me/right.png" class="w-4 h-4" alt="右箭头" />
@@ -119,7 +128,7 @@
                         class="w-full flex items-center justify-between px-6 py-4 hover:bg-blue-50 transition-colors"
                         @click="toService">
                         <div class="flex items-center gap-3">
-                            <img src="@/assets/images/me/lxkf.png" class="w-5 h-5" alt="联系客服" />
+                            <img src="@/assets/images/me/lxkf.png" class="w-6 h-6" alt="联系客服" />
                             <span class="text-gray-700 font-medium">联系客服</span>
                         </div>
                         <img src="@/assets/images/me/right.png" class="w-4 h-4" alt="右箭头" />
@@ -128,8 +137,8 @@
                         class="w-full flex items-center justify-between px-6 py-4 hover:bg-red-50 transition-colors"
                         @click="handleLogout">
                         <div class="flex items-center gap-3">
-                            <img src="@/assets/images/me/yhxy.png" class="w-5 h-5" alt="退出登录" />
-                            <span class="text-red-600 font-medium">退出登录</span>
+                            <img src="@/assets/images/me/tcdl.png" class="w-6 h-6" alt="退出登录" />
+                            <span class="text-gray-700 font-medium">退出登录</span>
                         </div>
                         <img src="@/assets/images/me/right.png" class="w-4 h-4" alt="右箭头" />
                     </button>
@@ -234,7 +243,9 @@ function handleLogout() {
 
     location.reload();
 }
-
+const toBigData = () => {
+    window.location.href = "https://www.tybigdata.com/";
+};
 function handleCancelAccount() {
     // 账号注销功能
     if (confirm("注销账号后，您的所有数据将被清除且无法恢复，确定要继续吗？")) {
diff --git a/src/views/Promote.vue b/src/views/Promote.vue
index 7a53f7b..6adc3d6 100644
--- a/src/views/Promote.vue
+++ b/src/views/Promote.vue
@@ -91,15 +91,11 @@ const reportTypes = [
     { text: "小微企业", value: "companyinfo", id: 2 },
     { text: "贷前风险", value: "preloanbackgroundcheck", id: 5 },
     { text: "个人大数据", value: "personaldata", id: 27 },
-
-    // { text: '入职风险', value: 'backgroundcheck', id: 1 },
-    // { text: '小微企业', value: 'companyinfo', id: 2 },
-    // { text: '家政风险', value: 'homeservice', id: 3 },
-    // { text: '婚恋风险', value: 'marriage', id: 4 },
-    // { text: '贷前风险', value: 'preloanbackgroundcheck', id: 5 },
+    { text: '入职风险', value: 'backgroundcheck', id: 1 },
+    { text: '家政风险', value: 'homeservice', id: 3 },
+    { text: '婚恋风险', value: 'marriage', id: 4 },
     // { text: '租赁风险', value: 'rentalrisk', id: 6 },
-    // { text: '个人风险', value: 'riskassessment', id: 7 },
-    // { text: "个人大数据", value: "personaldata", id: 27 },
+
 ];
 const showTypePicker = ref(false);
 const showApplyPopup = ref(false);  // 用来控制申请代理弹窗的显示
diff --git a/src/views/index.vue b/src/views/index.vue
index 4eb336c..9678765 100644
--- a/src/views/index.vue
+++ b/src/views/index.vue
@@ -5,12 +5,12 @@ import SectionTitle from "@/components/SectionTitle.vue";
 
 const agentStore = useAgentStore();
 const { isAgent } = storeToRefs(agentStore);
-import personalDataIcon from "@/assets/images/index/personal_data_bg.jpg";
-import companyIcon from "@/assets/images/index/company_bg.jpg";
-import loanCheckIcon from "@/assets/images/index/loan_check_bg.jpg";
-import marriageRiskIcon from "@/assets/images/index/marriage_risk_bg.jpg";
-import housekeepingRiskIcon from "@/assets/images/index/housekeeping_risk_bg.jpg";
-import preLoanRiskIcon from "@/assets/images/index/preloan_risk_bg.jpg";
+import personalDataIcon from "@/assets/images/index/personal_data_bg.png";
+import companyIcon from "@/assets/images/index/company_bg.png";
+import loanCheckIcon from "@/assets/images/index/loan_check_bg.png";
+import marriageRiskIcon from "@/assets/images/index/marriage_risk_bg.png";
+import housekeepingRiskIcon from "@/assets/images/index/housekeeping_risk_bg.png";
+import preLoanRiskIcon from "@/assets/images/index/preloan_risk_bg.png";
 function toInquire(name) {
     router.push(`/inquire/${name}`);
 }
@@ -40,47 +40,48 @@ const services = ref([
     {
         title: "个人大数据",
         name: "personalData",
-        subtitle: "深度检测报告",
+        subtitle: "数据洞察，规避风险",
         bg: personalDataIcon,
-        goColor: "var(--color-service-personal)",
+        goColor: "#6699ff",
     },
     {
-        title: "小微企业",
-        name: "companyinfo",
-        subtitle: "信用报告",
-        bg: companyIcon,
-        goColor: "var(--color-service-company)",
+        title: "婚恋风险",
+        name: "marriage",
+        subtitle: "深度了解，坦诚相爱",
+        bg: marriageRiskIcon,
+        goColor: "#ff99cc",
     },
     {
-        title: "贷前背调",
-        name: "preloanbackgroundcheck",
-        subtitle: "风险评估",
-        bg: loanCheckIcon,
-        goColor: "var(--color-service-loan)",
+        title: "入职背调",
+        name: "backgroundcheck",
+        subtitle: "人才甄选，用人无忧",
+        bg: preLoanRiskIcon,
+        goColor: "#7db3ff",
     },
 ]);
 
 const riskServices = ref([
     {
-        title: "婚恋风险",
-        name: "marriage",
-        subtitle: "情感安全检测",
-        bg: marriageRiskIcon,
-        goColor: "var(--color-warning)",
+        title: "小微企业",
+        name: "companyinfo",
+        subtitle: "风险监控，稳健经营",
+        bg: companyIcon,
+        goColor: "#ffaa66",
     },
     {
         title: "家政风险",
         name: "homeservice",
-        subtitle: "服务安全保障",
+        subtitle: "身份核验，守护家庭",
         bg: housekeepingRiskIcon,
-        goColor: "var(--color-info)",
+        goColor: "#66cccc",
     },
     {
-        title: "入职背调",
-        name: "backgroundcheck",
-        subtitle: "员工背景调查",
-        bg: preLoanRiskIcon,
-        goColor: "var(--color-danger)",
+        title: "贷前背调",
+        name: "preloanbackgroundcheck",
+        subtitle: "信用评估，放款无忧",
+        bg: loanCheckIcon,
+        goColor: "var(--color-service-loan)",
+
     },
 ]);
 
@@ -98,44 +99,43 @@ const toBigData = () => {
         <div class="relative p-4">
             <img class="h-full w-full rounded-xl overflow-hidden" src="@/assets/images/index/banner.png" />
         </div>
-        <div class="px-4 pb-2 mt-2">
+        <div class="px-6">
             <!-- 菜单项一行显示 -->
-            <div class="grid grid-cols-5 gap-2">
-                <div class="text-center flex flex-col justify-center items-center" @click="toInvitation">
-                    <div class="h-14 w-14">
-                        <img src="@/assets/images/index/yqhy.png" alt="邀请好友" class="h-14 w-14" />
+            <div class="grid grid-cols-4 gap-3">
+                <div class="text-center flex flex-col justify-center items-center" @click="toPromote">
+                    <div
+                        class="h-16 w-16 p-1 box-content bg-gradient-to-b from-white to-blue-100/10 rounded-full shadow-lg flex items-center justify-center">
+                        <img src="@/assets/images/index/tgbg.png" alt="推广报告" class="h-12 w-12" />
                     </div>
-                    <div class="text-center mt-2 text-sm text-gray-600">邀请好友</div>
+                    <div class="text-center mt-1 font-bold ">推广报告</div>
+                </div>
+
+                <div class="text-center flex flex-col justify-center items-center" @click="toInvitation">
+                    <div
+                        class="h-16 w-16 p-1 box-content bg-gradient-to-b from-white to-blue-100/10 rounded-full shadow-lg flex items-center justify-center">
+                        <img src="@/assets/images/index/yqhy.png" alt="邀请下级" class="h-12 w-12" />
+                    </div>
+                    <div class="text-center mt-1 font-bold ">邀请下级</div>
                 </div>
                 <div class="text-center flex flex-col justify-center items-center" @click="toHelp">
-                    <div class="h-14 w-14">
-                        <img src="@/assets/images/index/bzzx.png" alt="帮助中心" class="h-14 w-14" />
+                    <div
+                        class="h-16 w-16 p-1 box-content bg-gradient-to-b from-white to-blue-100/10 rounded-full shadow-lg flex items-center justify-center">
+                        <img src="@/assets/images/index/bzzx.png" alt="帮助中心" class="h-12 w-12" />
                     </div>
-                    <div class="text-center mt-2 text-sm text-gray-600">帮助中心</div>
+                    <div class="text-center mt-1 font-bold ">帮助中心</div>
                 </div>
                 <div class="text-center flex flex-col justify-center items-center" @click="toHistory">
-                    <div class="h-14 w-14">
-                        <img src="@/assets/images/index/wdbg.png" alt="我的报告" class="h-14 w-14" />
+                    <div
+                        class="h-16 w-16 p-1 box-content bg-gradient-to-b from-white to-blue-100/10 rounded-full shadow-lg flex items-center justify-center">
+                        <img src="@/assets/images/index/wdbg.png" alt="我的报告" class="h-12 w-12" />
                     </div>
-                    <div class="text-center mt-2 text-sm text-gray-600">我的报告</div>
-                </div>
-                <div class="text-center flex flex-col justify-center items-center" @click="toService">
-                    <div class="h-14 w-14">
-                        <img src="@/assets/images/index/lxkf.png" alt="联系客服" class="h-14 w-14" />
-                    </div>
-                    <div class="text-center mt-2 text-sm text-gray-600">联系客服</div>
-                </div>
-                <div class="text-center flex flex-col justify-center items-center" @click="toPromote">
-                    <div class="h-14 w-14">
-                        <img src="@/assets/images/index/tgbg.png" alt="推广报告" class="h-14 w-14" />
-                    </div>
-                    <div class="text-center mt-2 text-sm text-gray-600">推广报告</div>
+                    <div class="text-center mt-1 font-bold ">我的报告</div>
                 </div>
             </div>
         </div>
 
-        <div class="relative p-4 pb-4 pt-2 mt-2">
-            <SectionTitle title="查询服务" />
+        <div class="relative p-4 pt-0">
+
             <div class="grid grid-cols-2 gap-4 my-4" style="grid-template-rows: repeat(2, 1fr);">
                 <template v-for="(service, index) in services" :key="index">
                     <div class="relative flex flex-col px-4 py-2 rounded-xl min-h-24 shadow-lg"
@@ -146,9 +146,9 @@ const toBigData = () => {
                             <div class="mt-1 max-w-max text-left text-gray-600 font-bold text-md">
                                 {{ service.title }}
                             </div>
-                            <div class="max-w-max text-left text-xs text-gray-600">
+                            <!-- <div class="max-w-max text-left text-xs text-gray-600">
                                 <div>{{ service.subtitle }}</div>
-                            </div>
+                            </div> -->
                             <div class="mt-2 rounded-lg px-1  text-sm text-white shadow-xl w-max flex items-center"
                                 :style="`background-color: ${service.goColor}`">
                                 GO
@@ -161,16 +161,16 @@ const toBigData = () => {
             </div>
             <div class="grid grid-cols-3 gap-4 my-4">
                 <template v-for="(service, index) in riskServices" :key="index">
-                    <div class="relative flex flex-col px-3 py-2 rounded-xl min-h-20 shadow-lg"
+                    <div class="relative flex flex-col px-3 py-2 rounded-xl min-h-24 shadow-lg"
                         :style="`background: url(${service.bg}) no-repeat; background-size: cover; background-position: center;`"
                         @click="toInquire(service.name)">
-                        <div class="min-h-16 flex flex-col items-start px-1">
+                        <div class="min-h-18 flex flex-col items-start px-1">
                             <div class="mt-1 max-w-max text-left text-gray-600 font-bold text-sm">
                                 {{ service.title }}
                             </div>
-                            <div class="max-w-max text-left text-xs text-gray-600">
+                            <!-- <div class="max-w-max text-left text-xs text-gray-600">
                                 <div>{{ service.subtitle }}</div>
-                            </div>
+                            </div> -->
                             <div class="mt-1 rounded-lg px-1 text-xs text-white shadow-xl w-max flex items-center"
                                 :style="`background-color: ${service.goColor}`">
                                 GO
@@ -181,17 +181,17 @@ const toBigData = () => {
                     </div>
                 </template>
             </div>
-            <SectionTitle title="其他服务" class="mt-8" />
+            <SectionTitle title="商务合作" class="mt-8" />
             <div class="mt-4 rounded-xl overflow-hidden bg-white shadow-xl" @click="toCooperation">
                 <img src="@/assets/images/index_a_banner.png" class="w-full h-full" alt="大数据服务横幅" mode="widthFix" />
             </div>
-            <div class="mt-4 rounded-2xl overflow-hidden" @click="toBigData">
+            <!-- <div class="mt-4 rounded-2xl overflow-hidden shadow-xl" @click="toBigData">
                 <img src="@/assets/images/index_b_banner.png" class="w-full h-full" mode="widthFix" />
-            </div>
-            <div class="mt-4 box-border h-14 w-full flex items-center rounded-lg shadow-lg bg-white text-gray-700 pr-4"
+            </div> -->
+            <div class="mt-4 box-border h-14 w-full flex items-center rounded-lg shadow-lg bg-white text-gray-700 px-4"
                 @click="toHistory">
                 <div class="mr-4 h-full flex items-center justify-center">
-                    <img class="h-full" src="@/assets/images/index/bg_icon.png" mode="widthFix" />
+                    <img class="w-10 h-10" src="@/assets/images/bg_icon.png" mode="widthFix" />
                 </div>
                 <div class="flex-1">
                     <div class="text-gray-800">我的历史查询记录</div>