fix:1

src/app/[locale]/about/page.tsx

@@ -20,13 +20,16 @@ export default async function AboutPage({ params }: Props) {
           backgroundAttachment: "fixed",
         }}
       />
-      
+
       <div className="relative z-10 mx-auto max-w-[1240px] px-6 pb-20 pt-16 md:px-8 md:pt-24">
-        
         {/* 头部标题区 */}
         <section className="mb-16 text-center">
-          <p className="text-sm font-medium tracking-[0.3em] text-[#b89458] mb-3">ABOUT US</p>
-          <h1 className="font-serif text-4xl font-bold text-[#f3deae] md:text-5xl tracking-wide mb-6">关于我们</h1>
+          <p className="text-sm font-medium tracking-[0.3em] text-[#b89458] mb-3">
+            ABOUT US
+          </p>
+          <h1 className="font-serif text-4xl font-bold text-[#f3deae] md:text-5xl tracking-wide mb-6">
+            关于我们
+          </h1>
           <p className="mx-auto max-w-2xl text-base leading-relaxed text-[#a2b2c9]">
             聚焦系统化实战教育，沉淀实战经验与方法论，帮助投资者建立可复用、可执行的交易体系。
           </p>
@@ -38,38 +41,49 @@ export default async function AboutPage({ params }: Props) {
           className="rounded-[2rem] border border-[#b89458]/20 bg-[#0c1627]/60 p-8 shadow-[0_30px_60px_rgba(0,0,0,0.6)] backdrop-blur-xl md:p-12 mb-20"
         >
           <div className="flex flex-col lg:flex-row gap-12 lg:gap-16">
-            
             {/* 左侧区域：照片 + 核心头衔与书籍 */}
             <div className="lg:w-3/5 flex flex-col sm:flex-row gap-8 rounded-3xl border border-[#caa86a]/35 bg-[linear-gradient(125deg,rgba(195,152,83,0.22)_0%,rgba(71,53,29,0.38)_38%,rgba(12,22,39,0.88)_100%)] p-5 shadow-[inset_0_1px_0_rgba(243,222,174,0.18),0_18px_35px_rgba(0,0,0,0.35)]">
               {/* 人物照片 */}
               <div className="w-full sm:w-[45%] shrink-0 overflow-hidden rounded-2xl border border-[#b89458]/30 bg-[#0a1120] relative aspect-[3/4]">
                 {/* eslint-disable-next-line @next/next/no-img-element */}
-                <img src="/teacher.jpg" alt="崔家骏" className="h-full w-full object-cover object-[78%_45%]" />
+                <img
+                  src="/teacher.jpg"
+                  alt="崔宏毅
+ "
+                  className="h-full w-full object-cover object-[78%_45%]"
+                />
               </div>
-              
+
               {/* 头衔与书籍 */}
               <div className="w-full sm:w-[55%] flex flex-col justify-center">
-                <h3 className="text-3xl font-bold text-[#f3deae] mb-2">崔家骏</h3>
-                <p className="text-[#b89458] font-medium mb-8">黄金分析师 & CFA</p>
-                
+                <h3 className="text-3xl font-bold text-[#f3deae] mb-2">
+                  崔宏毅
+                </h3>
+                <p className="text-[#b89458] font-medium mb-8">
+                  黄金分析师 & CFA
+                </p>
+
                 <ul className="space-y-3 text-sm text-[#f3deae] mb-10">
                   <li className="flex items-center gap-2">
-                    <CheckCircle2 className="text-[#b89458] w-4 h-4" /> 专业的理念
+                    <CheckCircle2 className="text-[#b89458] w-4 h-4" />{" "}
+                    专业的理念
                   </li>
                   <li className="flex items-center gap-2">
-                    <CheckCircle2 className="text-[#b89458] w-4 h-4" /> 黄金分析师，深谙投资的精巧
+                    <CheckCircle2 className="text-[#b89458] w-4 h-4" />{" "}
+                    黄金分析师，深谙投资的精巧
                   </li>
                   <li className="flex items-center gap-2">
-                    <CheckCircle2 className="text-[#b89458] w-4 h-4" /> 聚粹精炼，将复杂简化为专一
+                    <CheckCircle2 className="text-[#b89458] w-4 h-4" />{" "}
+                    聚粹精炼，将复杂简化为专一
                   </li>
                 </ul>
-                
+
                 {/* 书籍展示区 */}
                 <div className="flex gap-4 w-full">
                   {[
                     { year: 2017, title: "原油投资", cover: "/book1.jpg" },
                     { year: 2018, title: "黄金白银", cover: "/book2.jpg" },
-                    { year: 2024, title: "认识黄金", cover: "/book3.jpg" }
+                    { year: 2024, title: "认识黄金", cover: "/book3.jpg" },
                   ].map((book) => (
                     <div key={book.year} className="flex-1 text-center group">
                       <div className="aspect-[2/3] w-full rounded-lg border border-[#b89458]/30 bg-[#0f1b2e] flex flex-col items-center justify-center p-2 mb-3 shadow-inner group-hover:border-[#b89458] transition-colors relative overflow-hidden">
@@ -81,7 +95,9 @@ export default async function AboutPage({ params }: Props) {
                           className="h-full w-full rounded-md object-cover"
                         />
                       </div>
-                      <span className="text-xs font-medium text-[#889abb]">{book.year}</span>
+                      <span className="text-xs font-medium text-[#889abb]">
+                        {book.year}
+                      </span>
                     </div>
                   ))}
                 </div>
@@ -90,47 +106,61 @@ export default async function AboutPage({ params }: Props) {
 
             {/* 右侧区域：详细文字介绍与时间线 */}
             <div className="lg:w-2/5 flex flex-col justify-center">
-              <h2 className="font-serif text-2xl font-semibold text-[#f3deae] mb-6">个人 IP 介绍</h2>
+              <h2 className="font-serif text-2xl font-semibold text-[#f3deae] mb-6">
+                个人 IP 介绍
+              </h2>
               <div className="space-y-4 text-sm leading-relaxed text-[#a2b2c9]">
                 <p>
-                  <span className="text-[#f3deae]">崔家骏</span>，中级黄金分析师，IPA 国际金融分析师，CFA 行为金融学分析师，中金亚洲综合外汇黄金专家，深耕黄金、白银、外汇、原油等领域多年，兼具实战交易与教研管理双重经验。
+                  <span className="text-[#f3deae]">崔宏毅</span>
+                  ，中级黄金分析师，IPA 国际金融分析师，CFA
+                  行为金融学分析师，中金亚洲综合外汇黄金专家，深耕黄金、白银、外汇、原油等领域多年，兼具实战交易与教研管理双重经验。
                 </p>
                 <p>
-                  他对宏观经济与市场动向拥有独有研判体系，深耕斐波那契波数列、行情时间窗等核心技术，秉持“<span className="text-[#f3deae]">将复杂简化为专一</span>”的投资理念，以实战视角解读市场规律。
+                  他对宏观经济与市场动向拥有独有研判体系，深耕斐波那契波数列、行情时间窗等核心技术，秉持“
+                  <span className="text-[#f3deae]">将复杂简化为专一</span>
+                  ”的投资理念，以实战视角解读市场规律。
                 </p>
               </div>
-              
+
               {/* 出版物时间线框 */}
               <div className="mt-8 rounded-xl border border-[#d9b06a]/35 bg-[linear-gradient(110deg,rgba(194,149,79,0.24)_0%,rgba(65,47,25,0.34)_42%,rgba(10,17,32,0.9)_100%)] p-6 relative overflow-hidden shadow-[inset_0_1px_0_rgba(243,222,174,0.2),0_12px_28px_rgba(0,0,0,0.28)]">
                 {/* 左侧金色装饰线 */}
                 <div className="absolute left-0 top-0 bottom-0 w-1 bg-gradient-to-b from-[#f8ddb0] via-[#d4a359] to-[#8c6b36]"></div>
-                
-                <p className="text-sm font-medium text-[#b89458] mb-4">从业以来，持续输出专业内容与实战方法论：</p>
+
+                <p className="text-sm font-medium text-[#b89458] mb-4">
+                  从业以来，持续输出专业内容与实战方法论：
+                </p>
                 <ul className="space-y-3 text-sm text-[#f3deae]">
                   <li className="flex items-baseline gap-2">
-                    <span className="text-[#b89458] text-lg leading-none">•</span>
+                    <span className="text-[#b89458] text-lg leading-none">
+                      •
+                    </span>
                     <span>2017 年出版《原油投资翻倍篇》</span>
                   </li>
                   <li className="flex items-baseline gap-2">
-                    <span className="text-[#b89458] text-lg leading-none">•</span>
+                    <span className="text-[#b89458] text-lg leading-none">
+                      •
+                    </span>
                     <span>2018 年出版《黄金白银投资交易实战》</span>
                   </li>
                   <li className="flex items-baseline gap-2">
-                    <span className="text-[#b89458] text-lg leading-none">•</span>
+                    <span className="text-[#b89458] text-lg leading-none">
+                      •
+                    </span>
                     <span>2024 年出版《重新认识黄金》</span>
                   </li>
                 </ul>
               </div>
             </div>
-
           </div>
         </section>
 
         {/* 教学理念区块 */}
         <section id="philosophy">
-          <h2 className="text-center font-serif text-2xl font-semibold text-[#f3deae] mb-10">教学理念</h2>
+          <h2 className="text-center font-serif text-2xl font-semibold text-[#f3deae] mb-10">
+            教学理念
+          </h2>
           <div className="grid gap-6 md:grid-cols-3">
-            
             {/* 卡片 1 */}
             <article className="group rounded-2xl border border-[#b89458]/20 bg-[#0c1627]/50 p-6 backdrop-blur-sm transition-all duration-300 hover:border-[#b89458]/60 hover:-translate-y-1 hover:shadow-[0_10px_30px_rgba(184,148,88,0.1)]">
               <div className="flex items-center gap-4">
@@ -138,7 +168,9 @@ export default async function AboutPage({ params }: Props) {
                   <Settings size={22} />
                 </div>
                 <div className="text-left">
-                  <h3 className="mb-2 text-lg font-semibold text-[#f3deae]">技术性强</h3>
+                  <h3 className="mb-2 text-lg font-semibold text-[#f3deae]">
+                    技术性强
+                  </h3>
                   <p className="text-sm leading-relaxed text-[#a2b2c9]">
                     金策弘论坛，聚焦系统性实战，传授可落地的交易策略，模块进行链的精微逻辑。
                   </p>
@@ -153,7 +185,9 @@ export default async function AboutPage({ params }: Props) {
                   <BookOpen size={22} />
                 </div>
                 <div className="text-left">
-                  <h3 className="mb-2 text-lg font-semibold text-[#f3deae]">系统计划</h3>
+                  <h3 className="mb-2 text-lg font-semibold text-[#f3deae]">
+                    系统计划
+                  </h3>
                   <p className="text-sm leading-relaxed text-[#a2b2c9]">
                     系统的设计与推演逻辑，形成稳定闭环，避免无效策略堆叠，建立稳定防微杜渐。
                   </p>
@@ -168,17 +202,18 @@ export default async function AboutPage({ params }: Props) {
                   <LineChart size={22} />
                 </div>
                 <div className="text-left">
-                  <h3 className="mb-2 text-lg font-semibold text-[#f3deae]">收利性能</h3>
+                  <h3 className="mb-2 text-lg font-semibold text-[#f3deae]">
+                    收利性能
+                  </h3>
                   <p className="text-sm leading-relaxed text-[#a2b2c9]">
                     顺势控仓，提升资金容错率，追求长期稳健盈利能力，提高跨入的一致性防范逻辑。
                   </p>
                 </div>
               </div>
             </article>
-
           </div>
         </section>
       </div>
     </div>
   );
-}
+}