From ebcddf99c2c017a9760354d80ce842017374b185 Mon Sep 17 00:00:00 2001
From: peijunlei <pjl@suq.cn>
Date: Wed, 2 Sep 2026 11:08:21 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E8=B0=83=E6=95=B4=E8=A7=A3=E5=86=B3?=
 =?UTF-8?q?=E6=96=B9=E6=A1=88=E9=A1=B5=E9=9D=A2=E7=9A=84=E6=A0=B7=E5=BC=8F?=
 =?UTF-8?q?=E5=92=8C=E5=B8=83=E5=B1=80=EF=BC=8C=E4=BC=98=E5=8C=96=E7=BD=91?=
 =?UTF-8?q?=E6=A0=BC=E7=BB=93=E6=9E=84=E5=92=8C=E5=86=85=E8=BE=B9=E8=B7=9D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/themes/dist_static/static/css/solution.css | 17 ++++++--------
 public/themes/website/1/zh/demo/solution.html     | 28 +++++++++++------------
 2 files changed, 21 insertions(+), 24 deletions(-)

diff --git a/public/themes/dist_static/static/css/solution.css b/public/themes/dist_static/static/css/solution.css
index b49c0a0..c1f62fc 100644
--- a/public/themes/dist_static/static/css/solution.css
+++ b/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;
diff --git a/public/themes/website/1/zh/demo/solution.html b/public/themes/website/1/zh/demo/solution.html
index d27633a..4fa9691 100644
--- a/public/themes/website/1/zh/demo/solution.html
+++ b/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}