ud

src/components/Banner.module.css

@@ -11,10 +11,9 @@
 }
 
 .heroIcon {
-  width: 10rem;
+  /* width: 10rem; */
   height: 10rem;
   object-fit: cover;
-  margin-left: -1.875rem;
   margin-bottom: -2.5rem;
 }
 

src/components/layout/ParagraphSection/index.module.css

@@ -4,7 +4,7 @@
     background: rgba(255, 255, 255, 0.8);
     background-size: cover;
     background-position: center;
-    background-repeat: repeat;
+    background-repeat: no-repeat;
 }
 
 

src/components/layout/SwiperCardSection/index.module.css

@@ -4,7 +4,7 @@
     background: #D8D8D8;
     background-size: cover;
     background-position: center;
-    background-repeat: repeat;
+    background-repeat: no-repeat;
 }
 
 .carouselWrapper {
@@ -29,6 +29,9 @@
     transform: translateY(-50%);
     left: -5.625rem;
     z-index: 99;
+    display: flex;
+    justify-content: center;
+    align-items: center;
 }
 
 .nextBtn {

src/components/layout/TopTabsSection/index.module.css

@@ -4,7 +4,7 @@
     min-height: calc(100vh / var(--zoom-compensation, 1));
     background-size: cover;
     background-position: center;
-    background-repeat: repeat;
+    background-repeat: no-repeat;
 }
 
 .topTabsTabs {

src/pages/About/Founder.module.css

@@ -110,6 +110,9 @@
 .sectionFounder {
   padding: 6.25rem 0 9.375rem;
   min-height: calc(100vh / var(--zoom-compensation, 1));
+  background-size: cover;
+  background-position: center;
+  background-repeat: no-repeat;
 }
 
 .founderIntroduction h2 {

src/pages/About/History.module.css

@@ -13,6 +13,9 @@
   padding-bottom: 9.375rem;
   display: flex;
   flex-direction: column;
+  background-size: cover;
+  background-position: center;
+  background-repeat: no-repeat;
 }
 
 .sectionInner {

src/pages/About/History.tsx

@@ -14,6 +14,7 @@ export default function AboutHistory() {
 
     const history = appConfig?.about?.history;
     const banner = history?.banner;
+    const section1Data = history?.section1Data;
     const [year, setYear] = useState<number | null>(null);
     const handleYearChange = (year: number | null) => {
         setYear(year);
@@ -57,7 +58,7 @@ export default function AboutHistory() {
                 backgroundImage={banner?.backgroundImage ?? "/images/bg-overview.png"}
             />
 
-            <section className={styles.section}>
+            <section className={styles.section} style={{backgroundImage: `url(${section1Data?.backgroundImage})`}}>
                 <div className={styles.sectionInner}>
                 <div className={styles.headRow}>
                     <YearPicker placeholder="年份" value={year} onChange={handleYearChange} />

src/pages/Business/InvestGroup.module.css

@@ -5,7 +5,7 @@
     background: rgba(0, 39, 83, 0.7);
     background-size: cover;
     background-position: center;
-    background-repeat: repeat;
+    background-repeat: no-repeat;
 
     .investGroupInner {
         margin: 0 auto;
@@ -80,7 +80,7 @@
     background: rgba(255, 255, 255, 0.6);
     background-size: cover;
     background-position: center;
-    background-repeat: repeat;
+    background-repeat: no-repeat;
 
     .equityInvestmentItems {
         /* 5列布局 */

src/pages/Home/Home.module.css

@@ -251,7 +251,7 @@
   }
 
   .cardTitle {
-    font-size: 1.25rem;
+    font-size: 2.5rem;
   }
 
   .newsItemSnippet {
@@ -285,18 +285,18 @@
 .cardContent {
   position: relative;
   z-index: 1;
-  padding: 2rem;
+  padding: 0 5rem 4.25rem 5rem;
   color: #fff;
 }
 
 .cardTitle {
-  font-size: 1.5rem;
+  font-size: 2.5rem;
   font-weight: 600;
   margin: 0 0 0.75rem;
 }
 
 .cardDesc {
-  font-size: 0.875rem;
+  font-size: 1.25rem;
   line-height: 1.7;
   margin: 0;
   opacity: 0.95;

src/pages/Join/Culture.tsx

@@ -53,7 +53,7 @@ export default function Culture() {
                 <Section
                     title={section2Data.title}
                     background={section2Data.backgroundImage ?? ""}
-                    maskBackground="rgba(216,216,216,0.6)"
+                    maskBackground="transparent"
                 >
                     <div className={`${styles.valuesItems}`} style={{ margin: "0 auto", width: "60%" }}>
                         {section2Data.items?.map((item: { title: string; content?: string; icon?: string }, index: number) => (

src/pages/PropertyService/index.tsx

@@ -18,15 +18,6 @@ export default function PropertyService() {
     const section4Data = data.section4Data;
 
     const swiperCardData = section2Data
-        ? {
-              title: section2Data.title,
-              cardItems: section2Data.cardItems?.map((c: { title: string; content: string; backgroundImage?: string }) => ({
-                  title: c.title,
-                  content: c.content,
-                  backgroundImage: c.backgroundImage,
-              })) ?? [],
-          }
-        : null;
 
     const rowAccordionData = section3Data
         ? {