官网开发 0810-v2

www/app/pages/about.vue

@@ -63,10 +63,10 @@ const hasS3 = computed(() => Boolean(s3Title.value || s3Cta.value));
     </div>
 
     <div v-else>
-      <!-- S1：图文介绍 -->
+      <!-- S1：图文介绍（上文下图） -->
       <section v-if="hasS1" class="section-container py-64px md:py-96px">
-        <div class="grid md:grid-cols-2 gap-40px md:gap-64px items-center">
-          <div class="flex flex-col gap-20px order-2 md:order-1">
+        <div class="flex flex-col gap-40px md:gap-48px">
+          <div class="mx-auto max-w-800px flex flex-col gap-20px">
             <h2 v-if="s1Title" class="text-2xl md:text-3xl font-bold text-gray-900 dark:text-white">{{ s1Title }}</h2>
             <!-- 富文本（dashboard 端为 HTML 内容） -->
             <div v-if="s1Content" class="text-base md:text-lg text-gray-600 dark:text-gray-300 leading-relaxed" v-html="s1Content" />
@@ -79,11 +79,11 @@ const hasS3 = computed(() => Boolean(s3Title.value || s3Cta.value));
               </NuxtLink>
             </div>
           </div>
-          <div v-if="config?.s1_image_url" class="order-1 md:order-2">
+          <div v-if="config?.s1_image_url">
             <img
               :src="config.s1_image_url"
               :alt="s1Title"
-              class="w-full rounded-16px shadow-lg object-cover aspect-[4/3]"
+              class="w-full rounded-16px shadow-lg object-cover aspect-[16/9]"
             />
           </div>
         </div>