partnership

assets/css/partnership.css

@@ -316,6 +316,7 @@
   grid-template-columns: 1fr;
   gap: 20px;
   width: 100%;
+
 }
 
 @media (min-width: 640px) {
@@ -331,19 +332,38 @@
 }
 
 #partnership-page .partnership-step {
-  display: flex;
+  /* display: flex; */
   flex-direction: column;
-  gap: 40px;
+  /* gap: 40px; */
   padding: 24px;
   border-radius: 20px;
-  border: 1px solid rgba(255, 255, 255, 0.16);
-  background: var(--bg-card);
+  /* border: 1px solid rgba(255, 255, 255, 0.16); */
+  /* background: var(--bg-card); */
+  position: relative;
+  background-size: 100% 100%;
+}
+
+/* 第一个步骤 - 背景1 */
+#partnership-page .partnership-step:nth-child(1) {
+  background-image: url('../images/partnership/h-1-bg.png');
+}
+
+/* 第二个和第三个步骤 - 背景2 */
+#partnership-page .partnership-step:nth-child(2),
+#partnership-page .partnership-step:nth-child(3) {
+  background-image: url('../images/partnership/h-2-bg.png');
+}
+
+/* 最后一个步骤 - 背景3 */
+#partnership-page .partnership-step:nth-child(4) {
+  background-image: url('../images/partnership/h-3-bg.png');
 }
 
 #partnership-page .partnership-step__top {
   display: flex;
   align-items: center;
   justify-content: space-between;
+  margin-bottom: 40px;
 }
 
 #partnership-page .partnership-step__num {
@@ -511,6 +531,8 @@
   }
 }
 
+
+
 #partnership-page .partnership-faq__glow {
   position: absolute;
   top: 50%;
@@ -610,3 +632,52 @@
   line-height: 22px;
   color: var(--text-secondary);
 }
+
+
+.arrow-circle {
+  width: 40px;
+  height: 40px;
+  border-radius: 50%;
+  display: flex;
+  justify-content: center;
+  flex-shrink: 0;
+  color: #fff;
+  transition: all 0.3s ease;
+  position: absolute;
+  right: -30px; 
+  top: 50%;    
+  transform: translateY(-50%); 
+  z-index: 999;
+}
+.arrow-circle svg{
+  width: 100%;
+  height: 100%;
+}
+
+@media (max-width: 1024px) { 
+  #partnership-page .partnership-step {
+    border: 1px solid rgba(255, 255, 255, 0.16);
+    background: var(--bg-card);
+
+  }
+  
+  /* 第一个步骤 - 背景1 */
+  #partnership-page .partnership-step:nth-child(1) {
+    background-image: unset;
+  }
+  
+  /* 第二个和第三个步骤 - 背景2 */
+  #partnership-page .partnership-step:nth-child(2),
+  #partnership-page .partnership-step:nth-child(3) {
+    background-image: unset;
+  }
+  
+  /* 最后一个步骤 - 背景3 */
+  #partnership-page .partnership-step:nth-child(4) {
+    background-image: unset;
+  }
+
+  .arrow-circle {
+    display: none;
+  }
+}