fix: 调整解决方案页面的样式和布局，优化网格结构和内边距

public/themes/dist_static/static/css/solution.css

@@ -243,7 +243,7 @@
 }
 .sl-cases__body {
   display: grid;
-  grid-template-columns: minmax(0, 57.375rem) minmax(0, 40.625rem);
+  grid-template-columns: minmax(0, 40.625rem) minmax(0, 57.375rem);
   gap: 0;
   align-items: stretch;
 }
@@ -253,8 +253,7 @@
   justify-content: space-between;
   min-width: 0;
   min-height: 31.6875rem;
-  padding: 0 5rem;
-  border-left: 1px solid rgb(223, 224, 226);
+  padding: 1.5rem 0 1.5rem 5rem;
 }
 .sl-cases__content-swiper {
   flex: 1;
@@ -332,7 +331,7 @@
 .sl-cases__stage {
   position: relative;
   align-self: center;
-  margin-left: -2.5rem;
+  margin-right: -2.5rem;
   overflow: visible;
   min-width: 0;
 }
@@ -425,10 +424,10 @@
   }
   .sl-cases__copy {
     min-height: 0;
-    padding: 0 0 0 24Px;
+    padding: 24Px 0;
   }
   .sl-cases__stage {
-    margin-left: 0;
+    margin-right: 0;
     width: 100%;
     justify-self: center;
   }
@@ -476,15 +475,13 @@
     height: 100Px;
   }
   .sl-cases__copy {
-    padding-left: 0;
-    border-left: none;
+    padding: 24Px 0;
   }
   .sl-cases__body {
     grid-template-columns: 1fr;
   }
   .sl-cases__stage {
-    order: -1;
-    margin-left: 0;
+    margin-right: 0;
   }
   .sl-cases__logo {
     width: 160Px;

public/themes/website/1/zh/demo/solution.html

@@ -168,6 +168,20 @@
     <section class="sl-cases section__wrap" id="cases" data-header-dark>
       <h2 class="sl-cases__title">{$sub_cates[5]['title'] ?? ''}</h2>
       <div class="sl-cases__body">
+        <div class="sl-cases__stage" aria-hidden="true">
+          <div class="sl-cases__media-swiper swiper">
+            <div class="swiper-wrapper">
+              {php}
+              $contents = getContentByCategory($sub_cates[5]['id'], $seller_id, 6, 'sort asc', ['thumbnail', 'category']);
+              {/php}
+              {volist name="contents" id="vo"}
+              <div class="swiper-slide sl-cases__card">
+                <img src="{$vo['thumbnail']['url'] ?? ''}" alt="" width="650" height="457" />
+              </div>
+              {/volist}
+            </div>
+          </div>
+        </div>
         <div class="sl-cases__copy">
           <div class="sl-cases__content-swiper swiper">
             <div class="swiper-wrapper">
@@ -213,20 +227,6 @@
             </div>
           </div>
         </div>
-        <div class="sl-cases__stage" aria-hidden="true">
-          <div class="sl-cases__media-swiper swiper">
-            <div class="swiper-wrapper">
-              {php}
-              $contents = getContentByCategory($sub_cates[5]['id'], $seller_id, 6, 'sort asc', ['thumbnail', 'category']);
-              {/php}
-              {volist name="contents" id="vo"}
-              <div class="swiper-slide sl-cases__card">
-                <img src="{$vo['thumbnail']['url'] ?? ''}" alt="" width="650" height="457" />
-              </div>
-              {/volist}
-            </div>
-          </div>
-        </div>
       </div>
     </section>
     {/if}