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-0"
+    <div class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-1"
       style="width: 920px; pointer-events: none; mix-blend-mode: multiply">
       <img src="@/assets/image/content/line.png" class="w-[100%]" alt="" />
     </div>

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-0"
+    <div class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-1"
       style="width: 920px; pointer-events: none; mix-blend-mode: multiply">
       <img src="@/assets/image/content/line.png" class="w-[100%]" alt="" />
     </div>

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-0"
+    <div class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-1"
       style="width: 332px; pointer-events: none; mix-blend-mode: multiply">
-      <img src="@/assets/image/content/line375.png" class="w-[100%]" alt="" />
+      <img src="@/assets/image/content/line.png" class="w-[100%]" alt="" />
     </div>
     <div class="w-[100%] h-[711PX] z-[] top-0 absolute">
       <div class="relative w-[100%] h-[100%]">

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-0"
+    <div class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-1"
       style="width: 635px; pointer-events: none; mix-blend-mode: multiply">
-      <img src="@/assets/image/content/line768.png" class="w-[100%]" alt="" />
+      <img src="@/assets/image/content/line.png" class="w-[100%]" alt="" />
     </div>
     <div class="w-[100%] h-[600PX] z-[] top-0 absolute">
       <div class="relative w-[100%] h-[100%]">

src/views/CommitteeAppointment/size1440/index.vue

@@ -8,7 +8,7 @@
       />
     </div>
     <div
-      class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-0"
+      class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-[1]"
       style="width: 900px; pointer-events: none; mix-blend-mode: multiply"
     >
       <img src="@/assets/image/content/line.png" class="w-[100%]" alt="" />

src/views/CommitteeAppointment/size1920/index.vue

@@ -8,7 +8,7 @@
       />
     </div>
     <div
-      class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-[0]"
+      class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-[1]"
       style="width: 900px; pointer-events: none; mix-blend-mode: multiply"
     >
       <img src="@/assets/image/content/line.png" class="w-[100%]" alt="" />

src/views/CommitteeAppointment/size375/index.vue

@@ -8,10 +8,10 @@
       />
     </div>
     <div
-      class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-[0]"
+      class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-[1]"
       style="width: 343px; pointer-events: none; mix-blend-mode: multiply"
     >
-      <img src="@/assets/image/content/line375.png" class="w-[100%]" alt="" />
+      <img src="@/assets/image/content/line.png" class="w-[100%]" alt="" />
       <img
         src="@/assets/image/content/bg_25.png"
         class="w-[100vw] h-[611PX] relative"

src/views/CommitteeAppointment/size768/index.vue

@@ -8,10 +8,10 @@
       />
     </div>
     <div
-      class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-[0]"
+      class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-[1]"
       style="width: 618px; pointer-events: none; mix-blend-mode: multiply"
     >
-      <img src="@/assets/image/content/line768.png" class="w-[100%]" alt="" />
+      <img src="@/assets/image/content/line.png" class="w-[100%]" alt="" />
       <img
         src="@/assets/image/content/bg_25.png"
         class="w-[100vw] h-[611PX] relative"

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/line375.png" class="w-[100%]" alt="" />
+      <img src="@/assets/image/content/line.png" class="w-[100%]" alt="" />
     </div>
     <div class="directors-page relative z-[-15]" style="width: 311px">
       <h1 class="page-title">{{ t('boarddirectors.title') }}</h1>

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/line768.png" class="w-[100%]" alt="" />
+      <img src="@/assets/image/content/line.png" class="w-[100%]" alt="" />
     </div>
     <div class="directors-page relative z-[-15]" style="width: 600px">
       <h1 class="page-title">{{ t('boarddirectors.title') }}</h1>

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-0"
+      class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-1"
       style="width: 900px; pointer-events: none; mix-blend-mode: multiply"
     >
       <img src="@/assets/image/content/line.png" class="w-[100%]" alt="" />

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-0"
+      class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-1"
       style="width: 900px; pointer-events: none; mix-blend-mode: multiply"
     >
       <img src="@/assets/image/content/line.png" class="w-[100%]" alt="" />

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-0"
+      class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-1"
       style="width: 343px; pointer-events: none; mix-blend-mode: multiply"
     >
-      <img src="@/assets/image/content/line375.png" class="w-[100%]" alt="" />
+      <img src="@/assets/image/content/line.png" class="w-[100%]" alt="" />
     </div>
     <div class="w-[100%] h-[950PX] z-[] top-0 absolute">
       <div class="relative w-[100%] h-[100%]">

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-0"
+      class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-1"
       style="width: 586px; pointer-events: none; mix-blend-mode: multiply"
     >
-      <img src="@/assets/image/content/line768.png" class="w-[100%]" alt="" />
+      <img src="@/assets/image/content/line.png" class="w-[100%]" alt="" />
     </div>
     <div class="w-[100%] h-[720PX] z-[] top-0 absolute">
       <div class="relative w-[100%] h-[100%]">

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-[0]"
+      class="fixed w-[100vw] h-[100vh] left-[50%] translate-x-[-50%] z-[1]"
       style="width: 900px; pointer-events: none; mix-blend-mode: multiply"
     >
       <img src="@/assets/image/content/line.png" class="w-[100%]" alt="" />

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-[0]"
+      class="fixed w-[100vw] h-[100vh] left-[50%] translate-x-[-50%] z-[1]"
       style="width: 900px; pointer-events: none; mix-blend-mode: multiply"
     >
       <img src="@/assets/image/content/line.png" class="w-[100%]" alt="" />

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-[0]"
+      class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-[1]"
       style="width: 318px; pointer-events: none; mix-blend-mode: multiply"
     >
-      <img src="@/assets/image/content/line375.png" class="w-[100%]" alt="" />
+      <img src="@/assets/image/content/line.png" class="w-[100%]" alt="" />
     </div>
     <div class="fixed z-[-1] top-[50%] translate-y-[-50%]">
       <img

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-[0]"
+      class="fixed w-[100vw] h-[100vh] left-[50%] translate-x-[-50%] z-[1]"
       style="width: 618px; pointer-events: none; mix-blend-mode: multiply"
     >
-      <img src="@/assets/image/content/line768.png" class="w-[100%]" alt="" />
+      <img src="@/assets/image/content/line.png" class="w-[100%]" alt="" />
     </div>
     <div class="fixed z-[-1] top-[50%] translate-y-[-50%]">
       <img

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-[0]"
+      class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-[1]"
       style="width: 900px; pointer-events: none; mix-blend-mode: multiply"
     >
       <img src="@/assets/image/content/line.png" class="w-[100%]" alt="" />

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-[0]"
+      class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-[1]"
       style="width: 900px; pointer-events: none; mix-blend-mode: multiply"
     >
       <img src="@/assets/image/content/line.png" class="w-[100%]" alt="" />

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-[0]"
+      class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-[1]"
       style="width: 311px; pointer-events: none; mix-blend-mode: multiply"
     >
-      <img src="@/assets/image/content/line375.png" class="w-[100%]" alt="" />
+      <img src="@/assets/image/content/line.png" class="w-[100%]" alt="" />
     </div>
     <div class="fixed z-[-1] top-[50%] translate-y-[-50%]">
       <img

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-[0]"
+      class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-[1]"
       style="width: 618px; pointer-events: none; mix-blend-mode: multiply"
     >
-      <img src="@/assets/image/content/line768.png" class="w-[100%]" alt="" />
+      <img src="@/assets/image/content/line.png" class="w-[100%]" alt="" />
     </div>
     <div class="fixed z-[-1] top-[50%] translate-y-[-50%]">
       <img

src/views/govern/size1440/index.vue

@@ -8,7 +8,7 @@
       />
     </div>
     <div
-      class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-[0]"
+      class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-[1]"
       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"

src/views/govern/size1920/index.vue

@@ -8,7 +8,7 @@
       />
     </div>
     <div
-      class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-[0]"
+      class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-[1]"
       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"

src/views/govern/size375/index.vue

@@ -8,10 +8,10 @@
       />
     </div>
     <div
-      class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-[0]"
+      class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-[1]"
       style="width: 327px; pointer-events: none; mix-blend-mode: multiply"
     >
-      <img src="@/assets/image/content/line375.png" class="w-[100%]" alt="" />
+      <img src="@/assets/image/content/line.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"

src/views/govern/size768/index.vue

@@ -8,10 +8,10 @@
       />
     </div>
     <div
-      class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-[0]"
+      class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-[1]"
       style="width: 618px; pointer-events: none; mix-blend-mode: multiply"
     >
-      <img src="@/assets/image/content/line768.png" class="w-[100%]" alt="" />
+      <img src="@/assets/image/content/line.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"

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-0"
+      class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-1"
       style="width: 920px; pointer-events: none; mix-blend-mode: multiply"
     >
       <img src="@/assets/image/content/line.png" class="w-[100%]" alt="" />

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-0"
+      class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-1"
       style="width: 920px; pointer-events: none; mix-blend-mode: multiply"
     >
       <img src="@/assets/image/content/line.png" class="w-[100%]" alt="" />

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-0"
+      class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-1"
       style="width: 320px; pointer-events: none; mix-blend-mode: multiply"
     >
       <img src="@/assets/image/content/line375.png" class="w-[100%]" alt="" />

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-0"
+      class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-1"
       style="width: 620px; pointer-events: none; mix-blend-mode: multiply"
     >
       <img src="@/assets/image/content/line768.png" class="w-[100%]" alt="" />

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-0"
+      class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-1"
       style="width: 920px; pointer-events: none; mix-blend-mode: multiply"
     >
       <img src="@/assets/image/content/line.png" class="w-[100%]" alt="" />
@@ -344,13 +344,14 @@
     </section>
     <!-- 新增：股票信息与活动预告双栏模块 -->
     <section
-      class="dual-column-section bg-[url('@/assets/image/content/bg_stock1940.png')] relative z-10"
+      class="dual-column-section bg-[url('@/assets/image/content/information.png')]"
       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">
@@ -458,7 +459,7 @@
       </div>
     </section>
     <section
-      class="dual-column-section relative z-10"
+      class="dual-column-section"
       style="width: 100vw; height: 643px; margin: 60px auto; padding: 0 40px"
     >
       <div class="w-[900PX] m-auto">
@@ -842,7 +843,7 @@ const handleLink = (item) => {
 .card-title {
   font-size: 2.5rem;
   padding-top: 88px;
-  color: #000;
+  color: #ffffff;
   position: relative;
   margin-bottom: 0;
 }
@@ -853,7 +854,7 @@ const handleLink = (item) => {
   left: 0;
   width: 60px;
   height: 4px;
-  background: #FF7BAC;
+  background: #ffffff;
   transform: translateY(-20px);
 }
 
@@ -888,10 +889,10 @@ const handleLink = (item) => {
   display: flex;
   /* justify-content: space-between; */
   margin: 24px 0;
-  border-left: 2px solid #FF7BAC;
+  border-left: 2px solid #00ffff;
 
   font-size: 14px;
-  color: #000;
+  color: #fff;
 }
 
 .data-label {

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-0"
+      class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-1"
       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,13 +344,14 @@
     </section>
     <!-- 新增：股票信息与活动预告双栏模块 -->
     <section
-      class="dual-column-section bg-[url('@/assets/image/content/bg_stock1940.png')] relative z-10"
+      class="dual-column-section bg-[url('@/assets/image/content/information.png')]"
       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">
@@ -458,7 +459,7 @@
       </div>
     </section>
     <section
-      class="dual-column-section relative z-10"
+      class="dual-column-section"
       style="width: 100vw; height: 643px; margin: 60px auto; padding: 0 40px"
     >
       <div class="w-[900PX] m-auto">
@@ -842,7 +843,7 @@ const handleLink = (item) => {
 .card-title {
   font-size: 2.5rem;
   padding-top: 88px;
-  color: #000;
+  color: #ffffff;
   position: relative;
   margin-bottom: 0;
 }
@@ -853,7 +854,7 @@ const handleLink = (item) => {
   left: 0;
   width: 60px;
   height: 4px;
-  background: #FF7BAC;
+  background: #ffffff;
   transform: translateY(-20px);
 }
 
@@ -888,10 +889,10 @@ const handleLink = (item) => {
   display: flex;
   /* justify-content: space-between; */
   margin: 24px 0;
-  border-left: 2px solid #FF7BAC;
+  border-left: 2px solid #00ffff;
 
   font-size: 14px;
-  color: #000;
+  color: #fff;
 }
 
 .data-label {

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-0"
+    <div class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-1"
       style="width: 343px; pointer-events: none; mix-blend-mode: multiply">
-      <img src="@/assets/image/content/line375.png" class="w-[100%]" alt="" />
+      <img src="@/assets/image/content/line.png" class="w-[100%]" alt="" />
     </div>
     <div class="w-[100%] h-[800PX] z-[] top-0 absolute">
       <div class="relative w-[100%] h-[100%]">
@@ -131,12 +131,13 @@
       </div>
     </section>
     <!-- 新增：股票信息与活动预告双栏模块 -->
-    <section class="dual-column-section bg-[url('@/assets/image/content/bg_stock375.png')] relative z-10" style="
+    <section class="dual-column-section bg-[url('@/assets/image/content/bg_16.png')]" 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">
         <!-- 股票信息卡片 -->
@@ -182,7 +183,7 @@
         </div>
       </div>
     </section>
-    <section class="dual-column-section relative z-10" style="width: 100vw; height: 300px; margin: 60px auto; padding: 0 40px">
+    <section class="dual-column-section" style="width: 100vw; height: 300px; margin: 60px auto; padding: 0 40px">
       <div class="w-[311PX] m-auto">
         <div class="">
           <h2 class="card-title1">
@@ -595,7 +596,7 @@ const handleLink = (item) => {
 .card-title {
   font-size: 2rem;
   padding-top: 88px;
-  color: #000;
+  color: #ffffff;
   position: relative;
   margin-bottom: 0;
 }
@@ -606,7 +607,7 @@ const handleLink = (item) => {
   left: 0;
   width: 60PX;
   height: 4PX;
-  background: #FF7BAC;
+  background: #ffffff;
   transform: translateY(-20px);
 }
 
@@ -641,12 +642,12 @@ const handleLink = (item) => {
   display: flex;
   /* justify-content: space-between; */
   margin: 10PX;
-  border-left: 2PX solid #FF7BAC;
+  border-left: 2PX solid #00ffff;
   transform: translateX(-10PX);
   padding-left: 10PX;
 
   font-size: 12PX;
-  color: #000;
+  color: #fff;
 }
 
 .data-label {

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-0"
+      class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-1"
       style="width: 630px; pointer-events: none; mix-blend-mode: multiply"
     >
-      <img src="@/assets/image/content/line768.png" class="w-[100%]" alt="" />
+      <img src="@/assets/image/content/line.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; margin-top: 100px;">
+    <section class="news-section relative z-99" style="width: 618px; margin: 60px auto">
       <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] ml-[20PX] cursor-pointer"
+            class="transform rotate-180 w-[38px] h-[38px] 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/bg_stock768.png')] relative z-10"
+      class="dual-column-section bg-[url('@/assets/image/content/information1.png')]"
       style="
         width: 100vw;
-        height: 1043px;
+        height: 743px;
         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 relative z-10"
+      class="dual-column-section"
       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;
+  width: 60px;
-  height: 4PX;
+  height: 4px;
   background: #ff7bac;
   transform: translateY(-20px);
 }
@@ -805,7 +805,7 @@ const handleLink = (item) => {
 .card-title {
   font-size: 2.5rem;
   padding-top: 88px;
-  color: #000;
+  color: #ffffff;
   position: relative;
   margin-bottom: 0;
 }
@@ -814,9 +814,9 @@ const handleLink = (item) => {
   content: "";
   position: absolute;
   left: 0;
-  width: 60PX;
+  width: 60px;
-  height: 4PX;
+  height: 4px;
-  background: #ff7bac;
+  background: #ffffff;
   transform: translateY(-20px);
 }
 
@@ -832,8 +832,8 @@ const handleLink = (item) => {
   content: "";
   position: absolute;
   left: 0;
-  width: 60PX;
+  width: 60px;
-  height: 4PX;
+  height: 4px;
   background: #ff7bac;
   transform: translateY(-20px);
 }
@@ -845,23 +845,22 @@ const handleLink = (item) => {
 
 .stock-data {
   margin-bottom: 25px;
-  margin-top: 100px;
 }
 
 .data-row {
   display: flex;
   /* justify-content: space-between; */
-  margin: 40px 0;
+  margin: 24px 0;
-  border-left: 2px solid #FF7BAC;
+  border-left: 2px solid #00ffff;
   transform: translateX(-10px);
   padding-left: 30px;
   font-size: 14PX;
-  color: #000;
+  color: #fff;
 }
 
 .data-label {
   // font-weight: 500;
-  min-width: 180px;
+  width: 150px;
 }
 
 .data-value {

src/views/news/size1440/index.vue

@@ -8,7 +8,7 @@
       style="width: 900px"
     >
       <div
-        class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-0"
+        class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-1"
         style="width: 920px; pointer-events: none; mix-blend-mode: multiply"
       >
         <img src="@/assets/image/content/line.png" class="w-[100%]" alt="" />

src/views/news/size1920/index.vue

@@ -8,7 +8,7 @@
       style="width: 900px"
     >
       <div
-        class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-0"
+        class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-1"
         style="width: 920px; pointer-events: none; mix-blend-mode: multiply"
       >
         <img src="@/assets/image/content/line.png" class="w-[100%]" alt="" />