diff --git a/src/assets/image/content/bg_stock1940.png b/src/assets/image/content/bg_stock1940.png
new file mode 100644
index 0000000..d878855
Binary files /dev/null and b/src/assets/image/content/bg_stock1940.png differ
diff --git a/src/assets/image/content/bg_stock375.png b/src/assets/image/content/bg_stock375.png
new file mode 100644
index 0000000..c25359f
Binary files /dev/null and b/src/assets/image/content/bg_stock375.png differ
diff --git a/src/assets/image/content/bg_stock768.png b/src/assets/image/content/bg_stock768.png
new file mode 100644
index 0000000..1281182
Binary files /dev/null and b/src/assets/image/content/bg_stock768.png differ
diff --git a/src/views/BusinessServices/size1440/index.vue b/src/views/BusinessServices/size1440/index.vue
index 431929b..a71983d 100644
--- a/src/views/BusinessServices/size1440/index.vue
+++ b/src/views/BusinessServices/size1440/index.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="home-page relative bg-[#ffffff]">
-    <div class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-1"
+    <div class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-0"
       style="width: 920px; pointer-events: none; mix-blend-mode: multiply">
       <img src="@/assets/image/content/line.png" class="w-[100%]" alt="" />
     </div>
diff --git a/src/views/BusinessServices/size1920/index.vue b/src/views/BusinessServices/size1920/index.vue
index e25ba04..fbfb30d 100644
--- a/src/views/BusinessServices/size1920/index.vue
+++ b/src/views/BusinessServices/size1920/index.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="home-page relative bg-[#ffffff]">
-    <div class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-1"
+    <div class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-0"
       style="width: 920px; pointer-events: none; mix-blend-mode: multiply">
       <img src="@/assets/image/content/line.png" class="w-[100%]" alt="" />
     </div>
diff --git a/src/views/BusinessServices/size375/index.vue b/src/views/BusinessServices/size375/index.vue
index ac34da3..d77c775 100644
--- a/src/views/BusinessServices/size375/index.vue
+++ b/src/views/BusinessServices/size375/index.vue
@@ -1,8 +1,8 @@
 <template>
   <div class="home-page relative bg-[#ffffff]">
-    <div class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-1"
+    <div class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-0"
       style="width: 332px; pointer-events: none; mix-blend-mode: multiply">
-      <img src="@/assets/image/content/line.png" class="w-[100%]" alt="" />
+      <img src="@/assets/image/content/line375.png" class="w-[100%]" alt="" />
     </div>
     <div class="w-[100%] h-[711PX] z-[] top-0 absolute">
       <div class="relative w-[100%] h-[100%]">
diff --git a/src/views/BusinessServices/size768/index.vue b/src/views/BusinessServices/size768/index.vue
index a561cc2..97ccf8f 100644
--- a/src/views/BusinessServices/size768/index.vue
+++ b/src/views/BusinessServices/size768/index.vue
@@ -1,8 +1,8 @@
 <template>
   <div class="home-page relative bg-[#ffffff]">
-    <div class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-1"
+    <div class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-0"
       style="width: 635px; pointer-events: none; mix-blend-mode: multiply">
-      <img src="@/assets/image/content/line.png" class="w-[100%]" alt="" />
+      <img src="@/assets/image/content/line768.png" class="w-[100%]" alt="" />
     </div>
     <div class="w-[100%] h-[600PX] z-[] top-0 absolute">
       <div class="relative w-[100%] h-[100%]">
diff --git a/src/views/CommitteeAppointment/size1440/index.vue b/src/views/CommitteeAppointment/size1440/index.vue
index e4f379c..52c0a97 100644
--- a/src/views/CommitteeAppointment/size1440/index.vue
+++ b/src/views/CommitteeAppointment/size1440/index.vue
@@ -8,7 +8,7 @@
       />
     </div>
     <div
-      class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-[1]"
+      class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-0"
       style="width: 900px; pointer-events: none; mix-blend-mode: multiply"
     >
       <img src="@/assets/image/content/line.png" class="w-[100%]" alt="" />
diff --git a/src/views/CommitteeAppointment/size1920/index.vue b/src/views/CommitteeAppointment/size1920/index.vue
index e4f379c..9c6e8c8 100644
--- a/src/views/CommitteeAppointment/size1920/index.vue
+++ b/src/views/CommitteeAppointment/size1920/index.vue
@@ -8,7 +8,7 @@
       />
     </div>
     <div
-      class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-[1]"
+      class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-[0]"
       style="width: 900px; pointer-events: none; mix-blend-mode: multiply"
     >
       <img src="@/assets/image/content/line.png" class="w-[100%]" alt="" />
diff --git a/src/views/CommitteeAppointment/size375/index.vue b/src/views/CommitteeAppointment/size375/index.vue
index 6735d9c..a4948e0 100644
--- a/src/views/CommitteeAppointment/size375/index.vue
+++ b/src/views/CommitteeAppointment/size375/index.vue
@@ -8,10 +8,10 @@
       />
     </div>
     <div
-      class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-[1]"
+      class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-[0]"
       style="width: 343px; pointer-events: none; mix-blend-mode: multiply"
     >
-      <img src="@/assets/image/content/line.png" class="w-[100%]" alt="" />
+      <img src="@/assets/image/content/line375.png" class="w-[100%]" alt="" />
       <img
         src="@/assets/image/content/bg_25.png"
         class="w-[100vw] h-[611PX] relative"
diff --git a/src/views/CommitteeAppointment/size768/index.vue b/src/views/CommitteeAppointment/size768/index.vue
index c6cef30..c6b9169 100644
--- a/src/views/CommitteeAppointment/size768/index.vue
+++ b/src/views/CommitteeAppointment/size768/index.vue
@@ -8,10 +8,10 @@
       />
     </div>
     <div
-      class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-[1]"
+      class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-[0]"
       style="width: 618px; pointer-events: none; mix-blend-mode: multiply"
     >
-      <img src="@/assets/image/content/line.png" class="w-[100%]" alt="" />
+      <img src="@/assets/image/content/line768.png" class="w-[100%]" alt="" />
       <img
         src="@/assets/image/content/bg_25.png"
         class="w-[100vw] h-[611PX] relative"
diff --git a/src/views/boarddirectors/size375/index.vue b/src/views/boarddirectors/size375/index.vue
index a381263..9b8e7a1 100644
--- a/src/views/boarddirectors/size375/index.vue
+++ b/src/views/boarddirectors/size375/index.vue
@@ -12,7 +12,7 @@
       class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-[-12]"
       style="width: 331px; pointer-events: none; mix-blend-mode: multiply"
     >
-      <img src="@/assets/image/content/line.png" class="w-[100%]" alt="" />
+      <img src="@/assets/image/content/line375.png" class="w-[100%]" alt="" />
     </div>
     <div class="directors-page relative z-[-15]" style="width: 311px">
       <h1 class="page-title">{{ t('boarddirectors.title') }}</h1>
diff --git a/src/views/boarddirectors/size768/index.vue b/src/views/boarddirectors/size768/index.vue
index 642b3ca..c86672b 100644
--- a/src/views/boarddirectors/size768/index.vue
+++ b/src/views/boarddirectors/size768/index.vue
@@ -12,7 +12,7 @@
       class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-[-12]"
       style="width: 620px; pointer-events: none; mix-blend-mode: multiply"
     >
-      <img src="@/assets/image/content/line.png" class="w-[100%]" alt="" />
+      <img src="@/assets/image/content/line768.png" class="w-[100%]" alt="" />
     </div>
     <div class="directors-page relative z-[-15]" style="width: 600px">
       <h1 class="page-title">{{ t('boarddirectors.title') }}</h1>
diff --git a/src/views/companyoverview/size1440/index.vue b/src/views/companyoverview/size1440/index.vue
index 43bd32c..54c3c5f 100644
--- a/src/views/companyoverview/size1440/index.vue
+++ b/src/views/companyoverview/size1440/index.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="home-page relative overflow-hidden z-99 bg-[#ffffff]">
     <div
-      class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-1"
+      class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-0"
       style="width: 900px; pointer-events: none; mix-blend-mode: multiply"
     >
       <img src="@/assets/image/content/line.png" class="w-[100%]" alt="" />
diff --git a/src/views/companyoverview/size1920/index.vue b/src/views/companyoverview/size1920/index.vue
index 43bd32c..54c3c5f 100644
--- a/src/views/companyoverview/size1920/index.vue
+++ b/src/views/companyoverview/size1920/index.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="home-page relative overflow-hidden z-99 bg-[#ffffff]">
     <div
-      class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-1"
+      class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-0"
       style="width: 900px; pointer-events: none; mix-blend-mode: multiply"
     >
       <img src="@/assets/image/content/line.png" class="w-[100%]" alt="" />
diff --git a/src/views/companyoverview/size375/index.vue b/src/views/companyoverview/size375/index.vue
index 1929860..fd2721b 100644
--- a/src/views/companyoverview/size375/index.vue
+++ b/src/views/companyoverview/size375/index.vue
@@ -1,10 +1,10 @@
 <template>
   <div class="home-page relative overflow-hidden z-99 bg-[#ffffff]">
     <div
-      class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-1"
+      class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-0"
       style="width: 343px; pointer-events: none; mix-blend-mode: multiply"
     >
-      <img src="@/assets/image/content/line.png" class="w-[100%]" alt="" />
+      <img src="@/assets/image/content/line375.png" class="w-[100%]" alt="" />
     </div>
     <div class="w-[100%] h-[950PX] z-[] top-0 absolute">
       <div class="relative w-[100%] h-[100%]">
diff --git a/src/views/companyoverview/size768/index.vue b/src/views/companyoverview/size768/index.vue
index 913fe37..d0d8111 100644
--- a/src/views/companyoverview/size768/index.vue
+++ b/src/views/companyoverview/size768/index.vue
@@ -1,10 +1,10 @@
 <template>
   <div class="home-page relative overflow-hidden z-99 bg-[#ffffff]">
     <div
-      class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-1"
+      class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-0"
       style="width: 586px; pointer-events: none; mix-blend-mode: multiply"
     >
-      <img src="@/assets/image/content/line.png" class="w-[100%]" alt="" />
+      <img src="@/assets/image/content/line768.png" class="w-[100%]" alt="" />
     </div>
     <div class="w-[100%] h-[720PX] z-[] top-0 absolute">
       <div class="relative w-[100%] h-[100%]">
diff --git a/src/views/financialinformation/annualreports/size1440/index.vue b/src/views/financialinformation/annualreports/size1440/index.vue
index de2c44e..729db5d 100644
--- a/src/views/financialinformation/annualreports/size1440/index.vue
+++ b/src/views/financialinformation/annualreports/size1440/index.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="page-container min-h-[100vh] relative overflow-hidden z-[11] bg-[#ffffff]">
     <div
-      class="fixed w-[100vw] h-[100vh] left-[50%] translate-x-[-50%] z-[1]"
+      class="fixed w-[100vw] h-[100vh] left-[50%] translate-x-[-50%] z-[0]"
       style="width: 900px; pointer-events: none; mix-blend-mode: multiply"
     >
       <img src="@/assets/image/content/line.png" class="w-[100%]" alt="" />
diff --git a/src/views/financialinformation/annualreports/size1920/index.vue b/src/views/financialinformation/annualreports/size1920/index.vue
index de2c44e..729db5d 100644
--- a/src/views/financialinformation/annualreports/size1920/index.vue
+++ b/src/views/financialinformation/annualreports/size1920/index.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="page-container min-h-[100vh] relative overflow-hidden z-[11] bg-[#ffffff]">
     <div
-      class="fixed w-[100vw] h-[100vh] left-[50%] translate-x-[-50%] z-[1]"
+      class="fixed w-[100vw] h-[100vh] left-[50%] translate-x-[-50%] z-[0]"
       style="width: 900px; pointer-events: none; mix-blend-mode: multiply"
     >
       <img src="@/assets/image/content/line.png" class="w-[100%]" alt="" />
diff --git a/src/views/financialinformation/annualreports/size375/index.vue b/src/views/financialinformation/annualreports/size375/index.vue
index 0341fec..656d529 100644
--- a/src/views/financialinformation/annualreports/size375/index.vue
+++ b/src/views/financialinformation/annualreports/size375/index.vue
@@ -1,10 +1,10 @@
 <template>
   <div class="page-container relative overflow-hidden z-[11] bg-[#ffffff]">
     <div
-      class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-[1]"
+      class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-[0]"
       style="width: 318px; pointer-events: none; mix-blend-mode: multiply"
     >
-      <img src="@/assets/image/content/line.png" class="w-[100%]" alt="" />
+      <img src="@/assets/image/content/line375.png" class="w-[100%]" alt="" />
     </div>
     <div class="fixed z-[-1] top-[50%] translate-y-[-50%]">
       <img
diff --git a/src/views/financialinformation/annualreports/size768/index.vue b/src/views/financialinformation/annualreports/size768/index.vue
index a1a7038..01ce778 100644
--- a/src/views/financialinformation/annualreports/size768/index.vue
+++ b/src/views/financialinformation/annualreports/size768/index.vue
@@ -1,10 +1,10 @@
 <template>
   <div class="page-container min-h-[100vh] relative overflow-hidden z-[11] bg-[#ffffff]">
     <div
-      class="fixed w-[100vw] h-[100vh] left-[50%] translate-x-[-50%] z-[1]"
+      class="fixed w-[100vw] h-[100vh] left-[50%] translate-x-[-50%] z-[0]"
       style="width: 618px; pointer-events: none; mix-blend-mode: multiply"
     >
-      <img src="@/assets/image/content/line.png" class="w-[100%]" alt="" />
+      <img src="@/assets/image/content/line768.png" class="w-[100%]" alt="" />
     </div>
     <div class="fixed z-[-1] top-[50%] translate-y-[-50%]">
       <img
diff --git a/src/views/financialinformation/secfilings/size1440/index.vue b/src/views/financialinformation/secfilings/size1440/index.vue
index 14dc4b4..9e4693d 100644
--- a/src/views/financialinformation/secfilings/size1440/index.vue
+++ b/src/views/financialinformation/secfilings/size1440/index.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="page-container relative overflow-hidden z-[11] bg-[#ffffff]">
     <div
-      class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-[1]"
+      class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-[0]"
       style="width: 900px; pointer-events: none; mix-blend-mode: multiply"
     >
       <img src="@/assets/image/content/line.png" class="w-[100%]" alt="" />
diff --git a/src/views/financialinformation/secfilings/size1920/index.vue b/src/views/financialinformation/secfilings/size1920/index.vue
index 14dc4b4..9e4693d 100644
--- a/src/views/financialinformation/secfilings/size1920/index.vue
+++ b/src/views/financialinformation/secfilings/size1920/index.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="page-container relative overflow-hidden z-[11] bg-[#ffffff]">
     <div
-      class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-[1]"
+      class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-[0]"
       style="width: 900px; pointer-events: none; mix-blend-mode: multiply"
     >
       <img src="@/assets/image/content/line.png" class="w-[100%]" alt="" />
diff --git a/src/views/financialinformation/secfilings/size375/index.vue b/src/views/financialinformation/secfilings/size375/index.vue
index c563af6..cfaa696 100644
--- a/src/views/financialinformation/secfilings/size375/index.vue
+++ b/src/views/financialinformation/secfilings/size375/index.vue
@@ -1,10 +1,10 @@
 <template>
   <div class="page-container relative overflow-hidden z-[11] bg-[#ffffff]">
     <div
-      class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-[1]"
+      class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-[0]"
       style="width: 311px; pointer-events: none; mix-blend-mode: multiply"
     >
-      <img src="@/assets/image/content/line.png" class="w-[100%]" alt="" />
+      <img src="@/assets/image/content/line375.png" class="w-[100%]" alt="" />
     </div>
     <div class="fixed z-[-1] top-[50%] translate-y-[-50%]">
       <img
diff --git a/src/views/financialinformation/secfilings/size768/index.vue b/src/views/financialinformation/secfilings/size768/index.vue
index 671ed6b..025fb48 100644
--- a/src/views/financialinformation/secfilings/size768/index.vue
+++ b/src/views/financialinformation/secfilings/size768/index.vue
@@ -1,10 +1,10 @@
 <template>
   <div class="page-container relative overflow-hidden z-[11] bg-[#ffffff]">
     <div
-      class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-[1]"
+      class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-[0]"
       style="width: 618px; pointer-events: none; mix-blend-mode: multiply"
     >
-      <img src="@/assets/image/content/line.png" class="w-[100%]" alt="" />
+      <img src="@/assets/image/content/line768.png" class="w-[100%]" alt="" />
     </div>
     <div class="fixed z-[-1] top-[50%] translate-y-[-50%]">
       <img
diff --git a/src/views/govern/size1440/index.vue b/src/views/govern/size1440/index.vue
index 1f7e9c3..266c9c2 100644
--- a/src/views/govern/size1440/index.vue
+++ b/src/views/govern/size1440/index.vue
@@ -8,7 +8,7 @@
       />
     </div>
     <div
-      class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-[1]"
+      class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-[0]"
       style="width: 900px; pointer-events: none; mix-blend-mode: multiply"
     >
       <img src="@/assets/image/content/line.png" class="w-[100%]" alt="" />
@@ -20,7 +20,7 @@
     </div>
     <div class="w-[900PX] mx-auto relative z-11">
       <div class="title mb-[50px] text-center text-left">
-        <h1 style="font-size: 40px; margin-top: 60px">{{ $t("GOVERNANCE.TITLE") }}</h1>
+        <h1 style="font-size: 40px; margin-top: 60px">{{ $t("Governance.TITLE") }}</h1>
       </div>
       <div
         v-for="(item, index) in state.list"
diff --git a/src/views/govern/size1920/index.vue b/src/views/govern/size1920/index.vue
index 3b4a25b..706e280 100644
--- a/src/views/govern/size1920/index.vue
+++ b/src/views/govern/size1920/index.vue
@@ -8,7 +8,7 @@
       />
     </div>
     <div
-      class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-[1]"
+      class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-[0]"
       style="width: 900px; pointer-events: none; mix-blend-mode: multiply"
     >
       <img src="@/assets/image/content/line.png" class="w-[100%]" alt="" />
@@ -20,7 +20,7 @@
     </div>
     <div class="w-[900PX] mx-auto relative z-11">
       <div class="title mb-[50px] text-center text-left">
-        <h1 style="font-size: 40px; margin-top: 60px">{{ $t("GOVERNANCE.TITLE") }}</h1>
+        <h1 style="font-size: 40px; margin-top: 60px">{{ $t("Governance.TITLE") }}</h1>
       </div>
       <div
         v-for="(item, index) in state.list"
diff --git a/src/views/govern/size375/index.vue b/src/views/govern/size375/index.vue
index 1169eac..809e99a 100644
--- a/src/views/govern/size375/index.vue
+++ b/src/views/govern/size375/index.vue
@@ -8,10 +8,10 @@
       />
     </div>
     <div
-      class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-[1]"
+      class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-[0]"
       style="width: 327px; pointer-events: none; mix-blend-mode: multiply"
     >
-      <img src="@/assets/image/content/line.png" class="w-[100%]" alt="" />
+      <img src="@/assets/image/content/line375.png" class="w-[100%]" alt="" />
       <img
         src="@/assets/image/content/bg_25.png"
         class="w-[100vw] h-[611PX] relative"
@@ -20,7 +20,7 @@
     </div>
     <div class="w-[327PX] mx-auto relative z-11">
       <div class="title mb-[50px] text-center text-left">
-        <h1 style="font-size: 24px; margin-top: 60px">{{ $t("GOVERNANCE.TITLE") }}</h1>
+        <h1 style="font-size: 24px; margin-top: 60px">{{ $t("Governance.TITLE") }}</h1>
       </div>
       <div
         v-for="(item, index) in state.list"
diff --git a/src/views/govern/size768/index.vue b/src/views/govern/size768/index.vue
index 858eacf..dd144e4 100644
--- a/src/views/govern/size768/index.vue
+++ b/src/views/govern/size768/index.vue
@@ -8,10 +8,10 @@
       />
     </div>
     <div
-      class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-[1]"
+      class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-[0]"
       style="width: 618px; pointer-events: none; mix-blend-mode: multiply"
     >
-      <img src="@/assets/image/content/line.png" class="w-[100%]" alt="" />
+      <img src="@/assets/image/content/line768.png" class="w-[100%]" alt="" />
       <img
         src="@/assets/image/content/bg_25.png"
         class="w-[100vw] h-[611PX] relative"
@@ -20,7 +20,7 @@
     </div>
     <div class="w-[618PX] mx-auto relative z-11">
       <div class="title mb-[50px] text-center text-left">
-        <h1 style="font-size: 40px; margin-top: 60px">{{ $t("GOVERNANCE.TITLE") }}</h1>
+        <h1 style="font-size: 40px; margin-top: 60px">{{ $t("Governance.TITLE") }}</h1>
       </div>
       <div
         v-for="(item, index) in state.list"
diff --git a/src/views/manage/size1440/index.vue b/src/views/manage/size1440/index.vue
index feb30a7..7adcd6f 100644
--- a/src/views/manage/size1440/index.vue
+++ b/src/views/manage/size1440/index.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="home-page relative overflow-hidden z-10 bg-[#ffffff]">
     <div
-      class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-1"
+      class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-0"
       style="width: 920px; pointer-events: none; mix-blend-mode: multiply"
     >
       <img src="@/assets/image/content/line.png" class="w-[100%]" alt="" />
diff --git a/src/views/manage/size1920/index.vue b/src/views/manage/size1920/index.vue
index feb30a7..7adcd6f 100644
--- a/src/views/manage/size1920/index.vue
+++ b/src/views/manage/size1920/index.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="home-page relative overflow-hidden z-10 bg-[#ffffff]">
     <div
-      class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-1"
+      class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-0"
       style="width: 920px; pointer-events: none; mix-blend-mode: multiply"
     >
       <img src="@/assets/image/content/line.png" class="w-[100%]" alt="" />
diff --git a/src/views/manage/size375/index.vue b/src/views/manage/size375/index.vue
index be8bcdb..cec274d 100644
--- a/src/views/manage/size375/index.vue
+++ b/src/views/manage/size375/index.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="home-page relative overflow-hidden z-10 bg-[#ffffff]">
     <div
-      class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-1"
+      class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-0"
       style="width: 320px; pointer-events: none; mix-blend-mode: multiply"
     >
       <img src="@/assets/image/content/line375.png" class="w-[100%]" alt="" />
diff --git a/src/views/manage/size768/index.vue b/src/views/manage/size768/index.vue
index 14e06ac..8246d4a 100644
--- a/src/views/manage/size768/index.vue
+++ b/src/views/manage/size768/index.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="home-page relative overflow-hidden z-10 bg-[#ffffff]">
     <div
-      class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-1"
+      class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-0"
       style="width: 620px; pointer-events: none; mix-blend-mode: multiply"
     >
       <img src="@/assets/image/content/line768.png" class="w-[100%]" alt="" />
diff --git a/src/views/myHome/size1440/index.vue b/src/views/myHome/size1440/index.vue
index ea35e46..b52c90c 100644
--- a/src/views/myHome/size1440/index.vue
+++ b/src/views/myHome/size1440/index.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="home-page relative overflow-hidden z-10 bg-[#ffffff]">
     <div
-      class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-1"
+      class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-0"
       style="width: 920px; pointer-events: none; mix-blend-mode: multiply"
     >
       <img src="@/assets/image/content/line.png" class="w-[100%]" alt="" />
@@ -344,14 +344,13 @@
     </section>
     <!-- 新增：股票信息与活动预告双栏模块 -->
     <section
-      class="dual-column-section bg-[url('@/assets/image/content/information.png')]"
+      class="dual-column-section bg-[url('@/assets/image/content/bg_stock1940.png')] relative z-10"
       style="
         width: 100vw;
         height: 643px;
         margin: 60px auto;
         padding: 0 40px;
         background-size: 100% 100%;
-        background-color: #e7407e;
       "
     >
       <div style="width: 900px" class="w-[900px] m-auto">
@@ -459,7 +458,7 @@
       </div>
     </section>
     <section
-      class="dual-column-section"
+      class="dual-column-section relative z-10"
       style="width: 100vw; height: 643px; margin: 60px auto; padding: 0 40px"
     >
       <div class="w-[900PX] m-auto">
@@ -843,7 +842,7 @@ const handleLink = (item) => {
 .card-title {
   font-size: 2.5rem;
   padding-top: 88px;
-  color: #ffffff;
+  color: #000;
   position: relative;
   margin-bottom: 0;
 }
@@ -854,7 +853,7 @@ const handleLink = (item) => {
   left: 0;
   width: 60px;
   height: 4px;
-  background: #ffffff;
+  background: #FF7BAC;
   transform: translateY(-20px);
 }
 
@@ -889,10 +888,10 @@ const handleLink = (item) => {
   display: flex;
   /* justify-content: space-between; */
   margin: 24px 0;
-  border-left: 2px solid #00ffff;
+  border-left: 2px solid #FF7BAC;
 
   font-size: 14px;
-  color: #fff;
+  color: #000;
 }
 
 .data-label {
diff --git a/src/views/myHome/size1920/index.vue b/src/views/myHome/size1920/index.vue
index 1ead5c5..be9ad64 100644
--- a/src/views/myHome/size1920/index.vue
+++ b/src/views/myHome/size1920/index.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="home-page relative overflow-hidden z-10 bg-[#ffffff]">
     <div
-      class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-1"
+      class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-0"
       style="width: 920px; pointer-events: none; mix-blend-mode: multiply"
     >
       <img src="@/assets/image/content/line.png" class="w-[100%]" alt="" />
@@ -21,7 +21,7 @@
       </div>
     </div>
     <section
-      class="company-overview h-[916px]"
+      class="company-overview h-[916PX]"
       style="width: 900px; margin: 0 auto; padding: 0; padding-top: 300px"
     >
       <div class="hero-section">
@@ -344,14 +344,13 @@
     </section>
     <!-- 新增：股票信息与活动预告双栏模块 -->
     <section
-      class="dual-column-section bg-[url('@/assets/image/content/information.png')]"
+      class="dual-column-section bg-[url('@/assets/image/content/bg_stock1940.png')] relative z-10"
       style="
         width: 100vw;
         height: 643px;
         margin: 60px auto;
         padding: 0 40px;
         background-size: 100% 100%;
-        background-color: #e7407e;
       "
     >
       <div style="width: 900px" class="w-[900px] m-auto">
@@ -459,7 +458,7 @@
       </div>
     </section>
     <section
-      class="dual-column-section"
+      class="dual-column-section relative z-10"
       style="width: 100vw; height: 643px; margin: 60px auto; padding: 0 40px"
     >
       <div class="w-[900PX] m-auto">
@@ -843,7 +842,7 @@ const handleLink = (item) => {
 .card-title {
   font-size: 2.5rem;
   padding-top: 88px;
-  color: #ffffff;
+  color: #000;
   position: relative;
   margin-bottom: 0;
 }
@@ -854,7 +853,7 @@ const handleLink = (item) => {
   left: 0;
   width: 60px;
   height: 4px;
-  background: #ffffff;
+  background: #FF7BAC;
   transform: translateY(-20px);
 }
 
@@ -889,10 +888,10 @@ const handleLink = (item) => {
   display: flex;
   /* justify-content: space-between; */
   margin: 24px 0;
-  border-left: 2px solid #00ffff;
+  border-left: 2px solid #FF7BAC;
 
   font-size: 14px;
-  color: #fff;
+  color: #000;
 }
 
 .data-label {
diff --git a/src/views/myHome/size375/index.vue b/src/views/myHome/size375/index.vue
index c1846c0..3a99642 100644
--- a/src/views/myHome/size375/index.vue
+++ b/src/views/myHome/size375/index.vue
@@ -1,8 +1,8 @@
 <template>
   <div class="home-page relative overflow-hidden z-10 bg-[#ffffff]">
-    <div class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-1"
+    <div class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-0"
       style="width: 343px; pointer-events: none; mix-blend-mode: multiply">
-      <img src="@/assets/image/content/line.png" class="w-[100%]" alt="" />
+      <img src="@/assets/image/content/line375.png" class="w-[100%]" alt="" />
     </div>
     <div class="w-[100%] h-[800PX] z-[] top-0 absolute">
       <div class="relative w-[100%] h-[100%]">
@@ -131,13 +131,12 @@
       </div>
     </section>
     <!-- 新增：股票信息与活动预告双栏模块 -->
-    <section class="dual-column-section bg-[url('@/assets/image/content/bg_16.png')]" style="
+    <section class="dual-column-section bg-[url('@/assets/image/content/bg_stock375.png')] relative z-10" style="
         width: 100vw;
         height: 570px;
         margin: 60px auto;
         background-size: 100% 100%;
         border-radius: 15PX 15PX 0 0;
-        background-color: #e7407e;
       ">
       <div style="width: 343px" class="m-auto">
         <!-- 股票信息卡片 -->
@@ -183,7 +182,7 @@
         </div>
       </div>
     </section>
-    <section class="dual-column-section" style="width: 100vw; height: 300px; margin: 60px auto; padding: 0 40px">
+    <section class="dual-column-section relative z-10" style="width: 100vw; height: 300px; margin: 60px auto; padding: 0 40px">
       <div class="w-[311PX] m-auto">
         <div class="">
           <h2 class="card-title1">
@@ -596,7 +595,7 @@ const handleLink = (item) => {
 .card-title {
   font-size: 2rem;
   padding-top: 88px;
-  color: #ffffff;
+  color: #000;
   position: relative;
   margin-bottom: 0;
 }
@@ -607,7 +606,7 @@ const handleLink = (item) => {
   left: 0;
   width: 60PX;
   height: 4PX;
-  background: #ffffff;
+  background: #FF7BAC;
   transform: translateY(-20px);
 }
 
@@ -642,12 +641,12 @@ const handleLink = (item) => {
   display: flex;
   /* justify-content: space-between; */
   margin: 10PX;
-  border-left: 2PX solid #00ffff;
+  border-left: 2PX solid #FF7BAC;
   transform: translateX(-10PX);
   padding-left: 10PX;
 
   font-size: 12PX;
-  color: #fff;
+  color: #000;
 }
 
 .data-label {
diff --git a/src/views/myHome/size768/index.vue b/src/views/myHome/size768/index.vue
index f5e1c0e..19dfcc0 100644
--- a/src/views/myHome/size768/index.vue
+++ b/src/views/myHome/size768/index.vue
@@ -1,10 +1,10 @@
 <template>
   <div class="home-page relative overflow-hidden z-10 bg-[#ffffff]">
     <div
-      class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-1"
+      class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-0"
       style="width: 630px; pointer-events: none; mix-blend-mode: multiply"
     >
-      <img src="@/assets/image/content/line.png" class="w-[100%]" alt="" />
+      <img src="@/assets/image/content/line768.png" class="w-[100%]" alt="" />
     </div>
     <div class="w-[100%] h-[813PX] z-[] top-0 absolute">
       <div class="relative w-[100%] h-[100%]">
@@ -118,7 +118,7 @@
       </div>
     </section>
     <!-- 新闻模块 -->
-    <section class="news-section relative z-99" style="width: 618px; margin: 60px auto">
+    <section class="news-section relative z-99" style="width: 618px; margin: 60px auto; margin-top: 100px;">
       <div class="flex justify-between">
         <h2 class="section-titles section-titles1">
           {{ $t("HOME.CONTAINY.NEWS.TITLE") }}
@@ -128,7 +128,7 @@
           <img
             v-if="currentPage === 0"
             disabled
-            class="w-[38px] h-[38px]"
+            class="w-[38PX] h-[38PX]"
             src="@/assets/image/content/switch_right.png"
             alt=""
           />
@@ -136,13 +136,13 @@
             v-else
             @click="prevPage"
             src="@/assets/image/content/switch_left.png"
-            class="transform rotate-180 w-[38px] h-[38px] cursor-pointer"
+            class="transform rotate-180 w-[38PX] h-[38PX] ml-[20PX] cursor-pointer"
             alt=""
           />
 
           <img
             v-if="currentPage >= totalPages - 1"
-            class="transform rotate-180 w-[38px] h-[38px] ml-[20px]"
+            class="transform rotate-180 w-[38PX] h-[38PX] ml-[20px]"
             disabled
             src="@/assets/image/content/switch_right.png"
             alt=""
@@ -150,7 +150,7 @@
           <img
             v-else
             @click="nextPage"
-            class="w-[38px] h-[38px] ml-[20px] cursor-pointer"
+            class="w-[38PX] h-[38PX] ml-[20px] cursor-pointer"
             src="@/assets/image/content/switch_left.png"
             alt=""
           />
@@ -324,14 +324,14 @@
     </section>
     <!-- 新增：股票信息与活动预告双栏模块 -->
     <section
-      class="dual-column-section bg-[url('@/assets/image/content/information1.png')]"
+      class="dual-column-section bg-[url('@/assets/image/content/bg_stock768.png')] relative z-10"
       style="
         width: 100vw;
-        height: 743px;
+        height: 1043px;
         margin: 60px auto;
         padding: 0 40px;
+        padding-top: 50px;
         background-size: 100% 100%;
-        background-color: #e7407e;
       "
     >
       <div style="width: 618px" class="m-auto">
@@ -421,7 +421,7 @@
       </div>
     </section>
     <section
-      class="dual-column-section"
+      class="dual-column-section relative z-10"
       style="width: 100vw; height: 643px; margin: 60px auto; padding: 0 40px"
     >
       <div class="w-[618PX] m-auto">
@@ -719,8 +719,8 @@ const handleLink = (item) => {
   content: "";
   position: absolute;
   left: 0;
-  width: 60px;
-  height: 4px;
+  width: 60PX;
+  height: 4PX;
   background: #ff7bac;
   transform: translateY(-20px);
 }
@@ -805,7 +805,7 @@ const handleLink = (item) => {
 .card-title {
   font-size: 2.5rem;
   padding-top: 88px;
-  color: #ffffff;
+  color: #000;
   position: relative;
   margin-bottom: 0;
 }
@@ -814,9 +814,9 @@ const handleLink = (item) => {
   content: "";
   position: absolute;
   left: 0;
-  width: 60px;
-  height: 4px;
-  background: #ffffff;
+  width: 60PX;
+  height: 4PX;
+  background: #ff7bac;
   transform: translateY(-20px);
 }
 
@@ -832,8 +832,8 @@ const handleLink = (item) => {
   content: "";
   position: absolute;
   left: 0;
-  width: 60px;
-  height: 4px;
+  width: 60PX;
+  height: 4PX;
   background: #ff7bac;
   transform: translateY(-20px);
 }
@@ -845,22 +845,23 @@ const handleLink = (item) => {
 
 .stock-data {
   margin-bottom: 25px;
+  margin-top: 100px;
 }
 
 .data-row {
   display: flex;
   /* justify-content: space-between; */
-  margin: 24px 0;
-  border-left: 2px solid #00ffff;
+  margin: 40px 0;
+  border-left: 2px solid #FF7BAC;
   transform: translateX(-10px);
   padding-left: 30px;
   font-size: 14PX;
-  color: #fff;
+  color: #000;
 }
 
 .data-label {
   // font-weight: 500;
-  width: 150px;
+  min-width: 180px;
 }
 
 .data-value {
diff --git a/src/views/news/size1440/index.vue b/src/views/news/size1440/index.vue
index 0ff2f98..8d8a21a 100644
--- a/src/views/news/size1440/index.vue
+++ b/src/views/news/size1440/index.vue
@@ -8,7 +8,7 @@
       style="width: 900px"
     >
       <div
-        class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-1"
+        class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-0"
         style="width: 920px; pointer-events: none; mix-blend-mode: multiply"
       >
         <img src="@/assets/image/content/line.png" class="w-[100%]" alt="" />
diff --git a/src/views/news/size1920/index.vue b/src/views/news/size1920/index.vue
index 4cd9368..da20bba 100644
--- a/src/views/news/size1920/index.vue
+++ b/src/views/news/size1920/index.vue
@@ -8,7 +8,7 @@
       style="width: 900px"
     >
       <div
-        class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-1"
+        class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-0"
         style="width: 920px; pointer-events: none; mix-blend-mode: multiply"
       >
         <img src="@/assets/image/content/line.png" class="w-[100%]" alt="" />