统一宽度

src/components/About.tsx

@@ -18,7 +18,7 @@ export const About = () => {
           "inset-x-0 inset-y-[-30%] h-[200%] skew-y-12"
         )}
       />
-      <div className="bg-muted/50 border rounded-lg py-12 relative z-10">
+      <div className="bg-muted/50 border rounded-lg py-12 relative z-10 max-w-5xl mx-auto">
         <div className="px-6 flex flex-col-reverse md:flex-row gap-8 md:gap-12">
 
           <div className="flex flex-col justify-between">

src/components/FAQ.tsx

@@ -57,40 +57,42 @@ export const FAQ = () => {
           "inset-x-0 inset-y-[-30%] h-[200%] skew-y-12"
         )}
       />
-      <div className="relative z-10">
-        <h2 className="text-3xl md:text-4xl font-bold mb-4">
-          常见问题 <span className="bg-gradient-to-b from-primary/60 to-primary text-transparent bg-clip-text">FAQ</span>
-        </h2>
+      <div className="bg-muted/50 border rounded-lg py-12 relative z-10 max-w-5xl mx-auto">
+        <div className="px-6 text-center">
+          <h2 className="text-3xl md:text-4xl font-bold mb-4">
+            常见问题 <span className="bg-gradient-to-b from-primary/60 to-primary text-transparent bg-clip-text">FAQ</span>
+          </h2>
 
-        <Accordion
-          type="single"
-          collapsible
-          className="w-full AccordionRoot"
-        >
-          {FAQList.map(({ question, answer, value }: FAQProps) => (
-            <AccordionItem
-              key={value}
-              value={value}
-            >
-              <AccordionTrigger className="text-left">
-                {question}
-              </AccordionTrigger>
-
-              <AccordionContent>{answer}</AccordionContent>
-            </AccordionItem>
-          ))}
-        </Accordion>
-
-        <h3 className="font-medium mt-4">
-          还有其他疑问？
-          <a
-            rel="noreferrer noopener"
-            href="#"
-            className="text-primary transition-all border-primary hover:border-b-2"
+          <Accordion
+            type="single"
+            collapsible
+            className="w-full AccordionRoot"
           >
-            联系我们
-          </a>
-        </h3>
+            {FAQList.map(({ question, answer, value }: FAQProps) => (
+              <AccordionItem
+                key={value}
+                value={value}
+              >
+                <AccordionTrigger className="text-center">
+                  {question}
+                </AccordionTrigger>
+
+                <AccordionContent>{answer}</AccordionContent>
+              </AccordionItem>
+            ))}
+          </Accordion>
+
+          <h3 className="font-medium mt-4">
+            还有其他疑问？
+            <a
+              rel="noreferrer noopener"
+              href="#"
+              className="text-primary transition-all border-primary hover:border-b-2"
+            >
+              联系我们
+            </a>
+          </h3>
+        </div>
       </div>
     </section>
   );

src/components/Testimonials.tsx

@@ -101,7 +101,7 @@ export const Testimonials = () => {
       </div>
 
       {/* 服务对比图 */}
-      <div className="relative max-w-6xl mx-auto">
+      <div className="relative max-w-5xl mx-auto">
         <div className="grid md:grid-cols-3 gap-6 lg:gap-8">
           {serviceComparisons.map((service, index) => (
             <div key={service.title} className="relative">