ai-course/node_modules/.cache/babel-loader/e04c2826f4ec5b413d6dc249db535624827cfaf3aa7faf3bbee163a04633de3f.json

{"ast":null,"code":"import React,{useState,useEffect}from'react';import{motion,AnimatePresence}from'framer-motion';import{useSectionScroll}from'../hooks/useSectionScroll';import{BookOpen,Brain,Rocket,Award,TrendingUp,Users,Target,Zap,Settings,Lightbulb,CheckCircle,Package,Database,Code,BarChart}from'../components/Icons';import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";const CoursePage=()=>{// 图片查看器状态\nconst[viewingImage,setViewingImage]=useState(null);// 轮播图状态\nconst[currentSlide,setCurrentSlide]=useState(0);const carouselImages=['/images/课程页面/第一阶段轮播图/七、我们的课程设置_AI工具logo轮播图.png','/images/课程页面/第一阶段轮播图/七、构建属于自己的AI工作流系统.png','/images/课程页面/第一阶段轮播图/七、网页作品集-1.png','/images/课程页面/第一阶段轮播图/七、网页作品集-2.png'];// 使用section滚动Hook\nconst{registerSection,scrollToSection,currentSection}=useSectionScroll({duration:1000,// 1秒动画\neasing:'cubic-bezier(0.4, 0, 0.2, 1)'// Apple风格缓动\n});// 目录数据\nconst sections=[{id:0,title:'课程概览'},{id:1,title:'课程价值'},{id:2,title:'AI基础课'},{id:3,title:'复合技能课'},{id:4,title:'垂直技能课'}];// 自动轮播\nuseEffect(()=>{const timer=setInterval(()=>{setCurrentSlide(prev=>(prev+1)%carouselImages.length);},4000);return()=>clearInterval(timer);},[]);// 动画配置\nconst fadeInUp={hidden:{opacity:0,y:60},visible:{opacity:1,y:0}};const staggerContainer={hidden:{opacity:0},visible:{opacity:1,transition:{staggerChildren:0.2,delayChildren:0.1}}};return/*#__PURE__*/_jsxs(\"div\",{className:\"section-scroll-container\",children:[/*#__PURE__*/_jsx(\"nav\",{className:\"fixed right-8 top-1/2 transform -translate-y-1/2 z-50 hidden lg:block\",children:/*#__PURE__*/_jsx(\"div\",{className:\"cyber-card p-4 rounded-xl\",children:/*#__PURE__*/_jsx(\"div\",{className:\"space-y-3\",children:sections.map(section=>/*#__PURE__*/_jsx(\"button\",{onClick:()=>scrollToSection(section.id),className:\"\\n                  block w-full text-left px-4 py-2 rounded-lg transition-all duration-300\\n                  \".concat(currentSection===section.id?'bg-cyber-pink-500/20 border-l-4 border-cyber-pink-500 text-cyber-pink-400 font-bold':'text-cyber-dark-200 hover:bg-cyber-dark-800 hover:text-neon-cyan-400',\"\\n                \"),children:/*#__PURE__*/_jsx(\"span\",{className:\"text-sm\",children:section.title})},section.id))})})}),/*#__PURE__*/_jsx(\"section\",{ref:el=>registerSection(el,0),className:\"section-scroll-item relative flex items-center justify-center px-4 py-32\",children:/*#__PURE__*/_jsxs(motion.div,{initial:\"hidden\",animate:\"visible\",variants:staggerContainer,className:\"relative z-10 text-center max-w-5xl mx-auto\",children:[/*#__PURE__*/_jsx(motion.h1,{variants:fadeInUp,className:\"text-6xl md:text-7xl lg:text-8xl font-black mb-6 glitch-text gradient-text-reverse\",\"data-text\":\"\\u6211\\u4EEC\\u7684\\u8BFE\\u7A0B\\u8BBE\\u7F6E\",children:\"\\u6211\\u4EEC\\u7684\\u8BFE\\u7A0B\\u8BBE\\u7F6E\"}),/*#__PURE__*/_jsx(motion.p,{variants:fadeInUp,className:\"text-3xl md:text-4xl font-bold neon-text-cyan\",children:\"\\u4ECE\\u5165\\u95E8\\u5230\\u5B9E\\u6218\\uFF0C\\u6253\\u9020\\u4F60\\u7684AI\\u804C\\u4E1A\\u8FDB\\u9636\\u8DEF\\u7EBF\\u56FE\"})]})}),/*#__PURE__*/_jsx(\"section\",{ref:el=>registerSection(el,1),className:\"section-scroll-item flex items-center justify-center px-4\",children:/*#__PURE__*/_jsxs(motion.div,{initial:\"hidden\",whileInView:\"visible\",viewport:{once:true,margin:\"-100px\"},variants:staggerContainer,className:\"max-w-7xl mx-auto\",children:[/*#__PURE__*/_jsxs(\"div\",{className:\"grid md:grid-cols-2 gap-12 items-center\",children:[/*#__PURE__*/_jsxs(\"div\",{className:\"space-y-6\",children:[/*#__PURE__*/_jsx(motion.div,{variants:fadeInUp,whileHover:{x:10},className:\"cyber-card p-6 rounded-2xl\",children:/*#__PURE__*/_jsxs(\"div\",{className:\"flex items-start gap-4\",children:[/*#__PURE__*/_jsx(\"div\",{className:\"flex-shrink-0\",children:/*#__PURE__*/_jsx(\"div\",{className:\"w-16 h-16 bg-gradient-to-br from-neon-cyan-500/20 to-transparent rounded-xl flex items-center justify-center border border-neon-cyan-500/30\",children:/*#__PURE__*/_jsx(Brain,{className:\"text-neon-cyan-500 neon-glow-cyan\",size:32})})}),/*#__PURE__*/_jsxs(\"div\",{className:\"flex-1\",children:[/*#__PURE__*/_jsx(\"h3\",{className:\"text-xl font-bold text-neon-cyan-400 mb-2\",children:\"\\u5404\\u5F0F\\u5404\\u6837AI\\u5DE5\\u5177\\u7684\\u4F7F\\u7528\\u65B9\\u6CD5\"}),/*#__PURE__*/_jsx(\"p\",{className:\"text-base text-cyber-dark-200\",children:\"\\u4ECEChatGPT\\u5230Midjourney\\uFF0C\\u4ECE\\u6587\\u672C\\u5230\\u89C6\\u9891\\uFF0C\\u5168\\u9762\\u638C\\u63E1\\u4E3B\\u6D41AI\\u5DE5\\u5177\"})]})]})}),/*#__PURE__*/_jsx(motion.div,{variants:fadeInUp,whileHover:{x:10},className:\"cyber-card p-6 rounded-2xl\",children:/*#__PURE__*/_jsxs(\"div\",{className:\"flex items-start gap-4\",children:[/*#__PURE__*/_jsx(\"div\",{className:\"flex-shrink-0\",children:/*#__PURE__*/_jsx(\"div\",{className:\"w-16 h-16 bg-gradient-to-br from-neon-purple-500/20 to-transparent rounded-xl flex items-center justify-center border border-neon-purple-500/30\",children:/*#__PURE__*/_jsx(Settings,{className:\"text-neon-purple-500 neon-glow-purple\",size:32})})}),/*#__PURE__*/_jsxs(\"div\",{className:\"flex-1\",children:[/*#__PURE__*/_jsx(\"h3\",{className:\"text-xl font-bold text-neon-purple-400 mb-2\",children:\"\\u6784\\u5EFA\\u5C5E\\u4E8E\\u81EA\\u5DF1\\u7684AI\\u5DE5\\u4F5C\\u6D41\\u7CFB\\u7EDF\"}),/*#__PURE__*/_jsx(\"p\",{className:\"text-base text-cyber-dark-200\",children:\"\\u5B66\\u4F1A\\u81EA\\u52A8\\u5316\\u5DE5\\u4F5C\\u6D41\\uFF0C\\u8BA9AI\\u6210\\u4E3A\\u4F60\\u7684\\u667A\\u80FD\\u52A9\\u7406\"})]})]})}),/*#__PURE__*/_jsx(motion.div,{variants:fadeInUp,whileHover:{x:10},className:\"cyber-card p-6 rounded-2xl\",children:/*#__PURE__*/_jsxs(\"div\",{className:\"flex items-start gap-4\",children:[/*#__PURE__*/_jsx(\"div\",{className:\"flex-shrink-0\",children:/*#__PURE__*/_jsx(\"div\",{className:\"w-16 h-16 bg-gradient-to-br from-cyber-pink-500/20 to-transparent rounded-xl flex items-center justify-center border border-cyber-pink-500/30\",children:/*#__PURE__*/_jsx(Award,{className:\"text-cyber-pink-500 neon-glow-pink\",size:32})})}),/*#__PURE__*/_jsxs(\"div\",{className:\"flex-1\",children:[/*#__PURE__*/_jsx(\"h3\",{className:\"text-xl font-bold text-cyber-pink-400 mb-2\",children:\"\\u5728\\u5C31\\u4E1A\\u5E02\\u573A\\u4E2D\\u8131\\u9896\\u800C\\u51FA\"}),/*#__PURE__*/_jsx(\"p\",{className:\"text-base text-cyber-dark-200\",children:\"\\u62E5\\u6709AI\\u6280\\u80FD\\uFF0C\\u8BA9\\u4F60\\u7684\\u7B80\\u5386\\u5728HR\\u773C\\u4E2D\\u95EA\\u95EA\\u53D1\\u5149\"})]})]})})]}),/*#__PURE__*/_jsx(motion.div,{variants:fadeInUp,className:\"relative\",children:/*#__PURE__*/_jsxs(\"div\",{className:\"relative overflow-hidden rounded-2xl border-2 border-neon-cyan-500/30 shadow-neon-cyan bg-cyber-dark-900/50\",children:[/*#__PURE__*/_jsx(\"div\",{className:\"relative aspect-video\",children:carouselImages.map((image,index)=>/*#__PURE__*/_jsx(motion.img,{src:image,alt:\"\\u8F6E\\u64AD\\u56FE \".concat(index+1),className:\"absolute inset-0 w-full h-full object-cover\",initial:{opacity:0},animate:{opacity:currentSlide===index?1:0,scale:currentSlide===index?1:1.1},transition:{duration:0.7}},index))}),/*#__PURE__*/_jsx(\"div\",{className:\"absolute bottom-4 left-1/2 transform -translate-x-1/2 flex gap-2\",children:carouselImages.map((_,index)=>/*#__PURE__*/_jsx(\"button\",{onClick:()=>setCurrentSlide(index),className:\"w-2 h-2 rounded-full transition-all duration-300 \".concat(currentSlide===index?'bg-neon-cyan-500 w-8 shadow-neon-cyan':'bg-cyber-dark-300 hover:bg-cyber-dark-100')},index))})]})})]}),/*#__PURE__*/_jsx(motion.div,{variants:fadeInUp,className:\"mt-16 text-center cyber-card p-8 rounded-2xl\",children:/*#__PURE__*/_jsxs(\"p\",{className:\"text-3xl md:text-4xl font-black gradient-text\",children:[\"\\u6BCF\\u4E2A\\u5C97\\u4F4D\\u90FD\\u6709\\u72EC\\u7279\\u7684AI\\u63D0\\u793A\\u8BCD\\u4E0E\\u5DE5\\u5177\\uFF0C\",/*#__PURE__*/_jsx(\"br\",{}),\"\\u6211\\u4EEC\\u8981\\u5B66\\u7684\\u4E0D\\u53EA\\u662F\\\"\\u7528AI\\\"\\uFF0C\\u800C\\u662F\\u8BA9AI\\u9AD8\\u6548\\u5730\\u4E3A\\u6211\\u4EEC\\u5DE5\\u4F5C\"]})})]})}),/*#__PURE__*/_jsx(\"section\",{ref:el=>registerSection(el,2),className:\"section-scroll-item py-16 px-4\",children:/*#__PURE__*/_jsxs(motion.div,{initial:\"hidden\",whileInView:\"visible\",viewport:{once:true,margin:\"-100px\"},variants:staggerContainer,className:\"max-w-7xl mx-auto\",children:[/*#__PURE__*/_jsxs(motion.div,{variants:fadeInUp,className:\"text-center mb-16\",children:[/*#__PURE__*/_jsx(\"h2\",{className:\"text-5xl md:text-6xl font-black mb-6 gradient-text\",children:\"\\u7B2C\\u4E00\\u9636\\u6BB5\\uFF1AAI\\u57FA\\u7840\\u8BFE\"}),/*#__PURE__*/_jsx(\"p\",{className:\"text-3xl font-bold text-neon-cyan-400\",children:\"\\u4F60\\u7684\\u7EC8\\u8EAB\\u5B66\\u4E60\\u7CFB\\u7EDF\"}),/*#__PURE__*/_jsx(\"p\",{className:\"text-xl text-cyber-dark-200 mt-4\",children:\"\\u5B66\\u4E60\\u76EE\\u6807\\uFF1A\\u4ECE\\u96F6\\u638C\\u63E1AI\\u6838\\u5FC3\\u539F\\u7406\\u4E0E\\u5DE5\\u5177\\u4F7F\\u7528\\uFF0C\\u5EFA\\u7ACB\\u4E2A\\u4EBAAI\\u5DE5\\u4F5C\\u6D41\"})]}),/*#__PURE__*/_jsxs(motion.div,{variants:fadeInUp,className:\"cyber-card p-8 rounded-2xl mb-8\",children:[/*#__PURE__*/_jsxs(\"h3\",{className:\"text-3xl font-bold text-neon-purple-400 mb-6 flex items-center gap-4\",children:[/*#__PURE__*/_jsx(BookOpen,{className:\"neon-glow-purple\",size:40}),\"\\u6838\\u5FC3\\u5185\\u5BB9\"]}),/*#__PURE__*/_jsxs(\"div\",{className:\"grid md:grid-cols-2 gap-6\",children:[/*#__PURE__*/_jsxs(\"div\",{className:\"p-6 bg-cyber-dark-900/50 rounded-xl border border-neon-purple-500/20\",children:[/*#__PURE__*/_jsxs(\"div\",{className:\"flex items-center gap-3 mb-3\",children:[/*#__PURE__*/_jsx(Lightbulb,{className:\"text-neon-yellow-500\",size:32}),/*#__PURE__*/_jsx(\"h4\",{className:\"text-2xl font-bold text-neon-yellow-400\",children:\"\\u63D0\\u793A\\u8BCD\\u5DE5\\u7A0B\"})]}),/*#__PURE__*/_jsx(\"p\",{className:\"text-lg text-cyber-dark-200 mb-4\",children:\"\\u638C\\u63E1Prompt\\u8BBE\\u8BA1\\u6280\\u5DE7\\uFF0C\\u8BA9AI\\u7CBE\\u51C6\\u7406\\u89E3\\u4F60\\u7684\\u9700\\u6C42\"}),/*#__PURE__*/_jsx(\"div\",{className:\"relative rounded-lg overflow-hidden border border-neon-yellow-500/30 cursor-pointer\",onClick:()=>setViewingImage(\"/images/课程页面/AI基础课/提示词工程.png\"),children:/*#__PURE__*/_jsx(\"img\",{src:\"/images/\\u8BFE\\u7A0B\\u9875\\u9762/AI\\u57FA\\u7840\\u8BFE/\\u63D0\\u793A\\u8BCD\\u5DE5\\u7A0B.png\",alt:\"\\u63D0\\u793A\\u8BCD\\u5DE5\\u7A0B\",className:\"w-full h-auto hover:scale-105 transition-transform duration-500\"})})]}),/*#__PURE__*/_jsxs(\"div\",{className:\"p-6 bg-cyber-dark-900/50 rounded-xl border border-neon-cyan-500/20\",children:[/*#__PURE__*/_jsxs(\"div\",{className:\"flex items-center gap-3 mb-3\",children:[/*#__PURE__*/_jsx(Brain,{className:\"text-neon-cyan-500\",size:32}),/*#__PURE__*/_jsx(\"h4\",{className:\"text-2xl font-bold text-neon-cyan-400\",children:\"\\u4E0A\\u4E0B\\u6587\\u8BBE\\u8BA1\\u4E0E\\u8868\\u8FBE\\u903B\\u8F91\"})]}),/*#__PURE__*/_jsx(\"p\",{className:\"text-lg text-cyber-dark-200 mb-4\",children:\"\\u5B66\\u4F1A\\u7ED3\\u6784\\u5316\\u601D\\u8003\\uFF0C\\u63D0\\u5347AI\\u8F93\\u51FA\\u8D28\\u91CF\"}),/*#__PURE__*/_jsx(\"div\",{className:\"relative rounded-lg overflow-hidden border border-neon-cyan-500/30 cursor-pointer\",onClick:()=>setViewingImage(\"/images/课程页面/AI基础课/上下文设计与表达逻辑.png\"),children:/*#__PURE__*/_jsx(\"img\",{src:\"/images/\\u8BFE\\u7A0B\\u9875\\u9762/AI\\u57FA\\u7840\\u8BFE/\\u4E0A\\u4E0B\\u6587\\u8BBE\\u8BA1\\u4E0E\\u8868\\u8FBE\\u903B\\u8F91.png\",alt:\"\\u4E0A\\u4E0B\\u6587\\u8BBE\\u8BA1\\u4E0E\\u8868\\u8FBE\\u903B\\u8F91\",className:\"w-full h-auto hover:scale-105 transition-transform duration-500\"})})]}),/*#__PURE__*/_jsxs(\"div\",{className:\"p-6 bg-cyber-dark-900/50 rounded-xl border border-cyber-pink-500/20\",children:[/*#__PURE__*/_jsxs(\"div\",{className:\"flex items-center gap-3 mb-3\",children:[/*#__PURE__*/_jsx(Package,{className:\"text-cyber-pink-500\",size:32}),/*#__PURE__*/_jsx(\"h4\",{className:\"text-2xl font-bold text-cyber-pink-400\",children:\"\\u5404\\u79CD\\u7C7B\\u578B\\u7684AI\\u5DE5\\u5177\"})]}),/*#__PURE__*/_jsx(\"p\",{className:\"text-lg text-cyber-dark-200 mb-4\",children:\"\\u5168\\u9762\\u4E86\\u89E3\\u6587\\u672C\\u3001\\u56FE\\u50CF\\u3001\\u89C6\\u9891\\u3001\\u4EE3\\u7801\\u7B49AI\\u5DE5\\u5177\"}),/*#__PURE__*/_jsx(\"div\",{className:\"relative rounded-lg overflow-hidden border border-cyber-pink-500/30 cursor-pointer\",onClick:()=>setViewingImage(\"/images/课程页面/AI基础课/各种类型的AI工具.png\"),children:/*#__PURE__*/_jsx(\"img\",{src:\"/images/\\u8BFE\\u7A0B\\u9875\\u9762/AI\\u57FA\\u7840\\u8BFE/\\u5404\\u79CD\\u7C7B\\u578B\\u7684AI\\u5DE5\\u5177.png\",alt:\"\\u5404\\u79CD\\u7C7B\\u578B\\u7684AI\\u5DE5\\u5177\",className:\"w-full h-auto hover:scale-105 transition-transform duration-500\"})})]}),/*#__PURE__*/_jsxs(\"div\",{className:\"p-6 bg-cyber-dark-900/50 rounded-xl border border-neon-purple-500/20\",children:[/*#__PURE__*/_jsxs(\"div\",{className:\"flex items-center gap-3 mb-3\",children:[/*#__PURE__*/_jsx(Zap,{className:\"text-neon-purple-500\",size:32}),/*#__PURE__*/_jsx(\"h4\",{className:\"text-2xl font-bold text-neon-purple-400\",children:\"Agent\\u81EA\\u52A8\\u5316\\u5DE5\\u4F5C\\u6D41\"})]}),/*#__PURE__*/_jsx(\"p\",{className:\"text-lg text-cyber-dark-200 mb-4\",children:\"\\u4F7F\\u7528N8N\\u7B49\\u5DE5\\u5177\\u6784\\u5EFA\\u667A\\u80FD\\u81EA\\u52A8\\u5316\\u7CFB\\u7EDF\"}),/*#__PURE__*/_jsx(\"div\",{className:\"relative rounded-lg overflow-hidden border border-neon-purple-500/30 cursor-pointer\",onClick:()=>setViewingImage(\"/images/课程页面/AI基础课/Agent自动化工作流.png\"),children:/*#__PURE__*/_jsx(\"img\",{src:\"/images/\\u8BFE\\u7A0B\\u9875\\u9762/AI\\u57FA\\u7840\\u8BFE/Agent\\u81EA\\u52A8\\u5316\\u5DE5\\u4F5C\\u6D41.png\",alt:\"Agent\\u81EA\\u52A8\\u5316\\u5DE5\\u4F5C\\u6D41\",className:\"w-full h-auto hover:scale-105 transition-transform duration-500\"})})]})]})]}),/*#__PURE__*/_jsxs(motion.div,{variants:fadeInUp,className:\"cyber-card p-8 rounded-2xl mb-8\",children:[/*#__PURE__*/_jsxs(\"h3\",{className:\"text-3xl font-bold text-neon-cyan-400 mb-6 flex items-center gap-4\",children:[/*#__PURE__*/_jsx(Rocket,{className:\"neon-glow-cyan\",size:40}),\"\\u4F60\\u53EF\\u4EE5\\u6210\\u4E3A\"]}),/*#__PURE__*/_jsxs(\"div\",{className:\"space-y-4\",children:[/*#__PURE__*/_jsxs(\"div\",{className:\"flex items-start gap-4\",children:[/*#__PURE__*/_jsx(CheckCircle,{className:\"text-neon-cyan-500 flex-shrink-0 mt-1\",size:28}),/*#__PURE__*/_jsx(\"p\",{className:\"text-xl text-cyber-dark-200\",children:\"\\u544A\\u522B\\\"\\u73A9AI\\\"\\uFF0C\\u771F\\u6B63\\u7406\\u89E3AI\\u7684\\u5DE5\\u4F5C\\u539F\\u7406\"})]}),/*#__PURE__*/_jsxs(\"div\",{className:\"flex items-start gap-4\",children:[/*#__PURE__*/_jsx(CheckCircle,{className:\"text-neon-cyan-500 flex-shrink-0 mt-1\",size:28}),/*#__PURE__*/_jsx(\"p\",{className:\"text-xl text-cyber-dark-200\",children:\"\\u8BA9AI\\u51C6\\u786E\\u7406\\u89E3\\u4F60\\u7684\\u9700\\u6C42\\uFF0C\\u9AD8\\u6548\\u8F93\\u51FA\\u53EF\\u7528\\u7ED3\\u679C\"})]}),/*#__PURE__*/_jsxs(\"div\",{className:\"flex items-start gap-4\",children:[/*#__PURE__*/_jsx(CheckCircle,{className:\"text-neon-cyan-500 flex-shrink-0 mt-1\",size:28}),/*#__PURE__*/_jsx(\"p\",{className:\"text-xl text-cyber-dark-200\",children:\"\\u5EFA\\u7ACB\\u5C5E\\u4E8E\\u81EA\\u5DF1\\u7684\\\"AI\\u5DE5\\u4F5C\\u6D41\\u7CFB\\u7EDF\\\"\"})]})]})]})]})}),/*#__PURE__*/_jsx(\"section\",{ref:el=>registerSection(el,3),className:\"section-scroll-item py-16 px-4 bg-cyber-dark-900/30\",children:/*#__PURE__*/_jsxs(motion.div,{initial:\"hidden\",whileInView:\"visible\",viewport:{once:true,margin:\"-100px\"},variants:staggerContainer,className:\"max-w-7xl mx-auto\",children:[/*#__PURE__*/_jsxs(motion.div,{variants:fadeInUp,className:\"text-center mb-16\",children:[/*#__PURE__*/_jsx(\"h2\",{className:\"text-5xl md:text-6xl font-black mb-6 gradient-text-reverse\",children:\"\\u7B2C\\u4E8C\\u9636\\u6BB5\\uFF1A\\u590D\\u5408\\u6280\\u80FD\\u8BFE\"}),/*#__PURE__*/_jsx(\"p\",{className:\"text-3xl font-bold text-neon-purple-400\",children:\"\\u6253\\u901AAI\\u4E0E\\u884C\\u4E1A\\u7684\\u6865\\u6881\"}),/*#__PURE__*/_jsx(\"p\",{className:\"text-xl text-cyber-dark-200 mt-4\",children:\"\\u5B66\\u4E60\\u76EE\\u6807\\uFF1A\\u638C\\u63E1AI\\u5728\\u4E0D\\u540C\\u884C\\u4E1A\\u4E2D\\u7684\\u5B9E\\u9645\\u5E94\\u7528\\uFF0C\\u63D0\\u5347\\u5C97\\u4F4D\\u4E13\\u4E1A\\u80FD\\u529B\"})]}),/*#__PURE__*/_jsxs(motion.div,{variants:fadeInUp,className:\"mb-12\",children:[/*#__PURE__*/_jsx(\"h3\",{className:\"text-3xl font-bold text-center text-neon-cyan-400 mb-8\",children:\"\\u516D\\u5927\\u8BA2\\u5355\\u73ED\\uFF0C\\u6839\\u636E\\u81EA\\u5DF1\\u7684\\u4E13\\u4E1A/\\u5174\\u8DA3\\u4EFB\\u9009\\u5176\\u4E2D\\u4E4B\\u4E00\"}),/*#__PURE__*/_jsxs(\"div\",{className:\"grid md:grid-cols-3 lg:grid-cols-6 gap-4\",children:[/*#__PURE__*/_jsxs(motion.div,{whileHover:{scale:1.05},className:\"cyber-card rounded-xl text-center relative overflow-hidden h-48\",style:{backgroundImage:'url(/images/课程页面/订单班图片/七、我们的课程设置_第二阶段_涵盖方向_智能制造.png)',backgroundSize:'cover',backgroundPosition:'center'},children:[/*#__PURE__*/_jsx(\"div\",{className:\"absolute inset-0 bg-gradient-to-t from-cyber-dark-950/95 via-cyber-dark-950/70 to-cyber-dark-950/40\"}),/*#__PURE__*/_jsxs(\"div\",{className:\"relative z-10 p-6 h-full flex flex-col items-center justify-center\",children:[/*#__PURE__*/_jsx(Settings,{className:\"text-neon-blue-500 mx-auto mb-3 neon-glow-blue !w-12 !h-12\",size:48}),/*#__PURE__*/_jsx(\"p\",{className:\"text-lg font-bold text-neon-blue-400\",children:\"\\u667A\\u80FD\\u5236\\u9020\"})]})]}),/*#__PURE__*/_jsxs(motion.div,{whileHover:{scale:1.05},className:\"cyber-card rounded-xl text-center relative overflow-hidden h-48\",style:{backgroundImage:'url(/images/课程页面/订单班图片/七、我们的课程设置_第二阶段_涵盖方向_财经商贸.jpg)',backgroundSize:'cover',backgroundPosition:'center'},children:[/*#__PURE__*/_jsx(\"div\",{className:\"absolute inset-0 bg-gradient-to-t from-cyber-dark-950/95 via-cyber-dark-950/70 to-cyber-dark-950/40\"}),/*#__PURE__*/_jsxs(\"div\",{className:\"relative z-10 p-6 h-full flex flex-col items-center justify-center\",children:[/*#__PURE__*/_jsx(BarChart,{className:\"text-neon-cyan-500 mx-auto mb-3 neon-glow-cyan !w-12 !h-12\",size:48}),/*#__PURE__*/_jsx(\"p\",{className:\"text-lg font-bold text-neon-cyan-400\",children:\"\\u8D22\\u7ECF\\u5546\\u8D38\"})]})]}),/*#__PURE__*/_jsxs(motion.div,{whileHover:{scale:1.05},className:\"cyber-card rounded-xl text-center relative overflow-hidden h-48\",style:{backgroundImage:'url(/images/课程页面/订单班图片/七、我们的课程设置_第二阶段_涵盖方向_智能开发.jpg)',backgroundSize:'cover',backgroundPosition:'center'},children:[/*#__PURE__*/_jsx(\"div\",{className:\"absolute inset-0 bg-gradient-to-t from-cyber-dark-950/95 via-cyber-dark-950/70 to-cyber-dark-950/40\"}),/*#__PURE__*/_jsxs(\"div\",{className:\"relative z-10 p-6 h-full flex flex-col items-center justify-center\",children:[/*#__PURE__*/_jsx(Code,{className:\"text-neon-purple-500 mx-auto mb-3 neon-glow-purple !w-12 !h-12\",size:48}),/*#__PURE__*/_jsx(\"p\",{className:\"text-lg font-bold text-neon-purple-400\",children:\"\\u667A\\u80FD\\u5F00\\u53D1\"})]})]}),/*#__PURE__*/_jsxs(motion.div,{whileHover:{scale:1.05},className:\"cyber-card rounded-xl text-center relative overflow-hidden h-48\",style:{backgroundImage:'url(/images/课程页面/订单班图片/七、我们的课程设置_第二阶段_涵盖方向_视觉设计.jpg)',backgroundSize:'cover',backgroundPosition:'center'},children:[/*#__PURE__*/_jsx(\"div\",{className:\"absolute inset-0 bg-gradient-to-t from-cyber-dark-950/95 via-cyber-dark-950/70 to-cyber-dark-950/40\"}),/*#__PURE__*/_jsxs(\"div\",{className:\"relative z-10 p-6 h-full flex flex-col items-center justify-center\",children:[/*#__PURE__*/_jsx(Lightbulb,{className:\"text-cyber-pink-500 mx-auto mb-3 neon-glow-pink !w-12 !h-12\",size:48}),/*#__PURE__*/_jsx(\"p\",{className:\"text-lg font-bold text-cyber-pink-400\",children:\"\\u89C6\\u89C9\\u8BBE\\u8BA1\"})]})]}),/*#__PURE__*/_jsxs(motion.div,{whileHover:{scale:1.05},className:\"cyber-card rounded-xl text-center relative overflow-hidden h-48\",style:{backgroundImage:'url(/images/课程页面/订单班图片/七、我们的课程设置_第二阶段_涵盖方向_文旅.jpg)',backgroundSize:'cover',backgroundPosition:'center'},children:[/*#__PURE__*/_jsx(\"div\",{className:\"absolute inset-0 bg-gradient-to-t from-cyber-dark-950/95 via-cyber-dark-950/70 to-cyber-dark-950/40\"}),/*#__PURE__*/_jsxs(\"div\",{className:\"relative z-10 p-6 h-full flex flex-col items-center justify-center\",children:[/*#__PURE__*/_jsx(Users,{className:\"text-neon-yellow-500 mx-auto mb-3 neon-glow-yellow !w-12 !h-12\",size:48}),/*#__PURE__*/_jsx(\"p\",{className:\"text-lg font-bold text-neon-yellow-400\",children:\"\\u6587\\u65C5\"})]})]}),/*#__PURE__*/_jsxs(motion.div,{whileHover:{scale:1.05},className:\"cyber-card rounded-xl text-center relative overflow-hidden h-48\",style:{backgroundImage:'url(/images/课程页面/订单班图片/七、我们的课程设置_第二阶段_涵盖方向_大健康.jpg)',backgroundSize:'cover',backgroundPosition:'center'},children:[/*#__PURE__*/_jsx(\"div\",{className:\"absolute inset-0 bg-gradient-to-t from-cyber-dark-950/95 via-cyber-dark-950/70 to-cyber-dark-950/40\"}),/*#__PURE__*/_jsxs(\"div\",{className:\"relative z-10 p-6 h-full flex flex-col items-center justify-center\",children:[/*#__PURE__*/_jsx(Award,{className:\"text-red-500 mx-auto mb-3 !w-12 !h-12\",size:48}),/*#__PURE__*/_jsx(\"p\",{className:\"text-lg font-bold text-red-400\",children:\"\\u5927\\u5065\\u5EB7\"})]})]})]})]}),/*#__PURE__*/_jsxs(motion.div,{variants:fadeInUp,className:\"cyber-card p-8 rounded-2xl mb-8\",children:[/*#__PURE__*/_jsx(\"h3\",{className:\"text-3xl font-bold text-neon-purple-400 mb-6\",children:\"\\u6838\\u5FC3\\u5185\\u5BB9\"}),/*#__PURE__*/_jsxs(\"div\",{className:\"space-y-4\",children:[/*#__PURE__*/_jsxs(\"div\",{className:\"flex items-center gap-4\",children:[/*#__PURE__*/_jsx(\"div\",{className:\"w-2 h-2 bg-neon-purple-500 rounded-full\"}),/*#__PURE__*/_jsx(\"p\",{className:\"text-xl text-cyber-dark-200\",children:\"\\u884C\\u4E1A\\u5185\\u7684\\u57FA\\u7840\\u6982\\u5FF5\\u4E0E\\u4E13\\u4E1A\\u672F\\u8BED\\u8BB2\\u89E3\"})]}),/*#__PURE__*/_jsxs(\"div\",{className:\"flex items-center gap-4\",children:[/*#__PURE__*/_jsx(\"div\",{className:\"w-2 h-2 bg-neon-cyan-500 rounded-full\"}),/*#__PURE__*/_jsx(\"p\",{className:\"text-xl text-cyber-dark-200\",children:\"\\u884C\\u4E1A\\u5185\\u6838\\u5FC3\\u5C97\\u4F4D\\u7684\\u5DE5\\u4F5C\\u6B65\\u9AA4\\u4E0E\\u91CD\\u8981\\u6280\\u80FD\"})]}),/*#__PURE__*/_jsxs(\"div\",{className:\"flex items-center gap-4\",children:[/*#__PURE__*/_jsx(\"div\",{className:\"w-2 h-2 bg-cyber-pink-500 rounded-full\"}),/*#__PURE__*/_jsx(\"p\",{className:\"text-xl text-cyber-dark-200\",children:\"\\u884C\\u4E1A\\u5185AI\\u8F6F\\u4EF6\\u6848\\u4F8B\\u5B9E\\u64CD\"})]})]})]}),/*#__PURE__*/_jsxs(motion.div,{variants:fadeInUp,className:\"cyber-card p-8 rounded-2xl\",children:[/*#__PURE__*/_jsx(\"h3\",{className:\"text-3xl font-bold text-neon-cyan-400 mb-6\",children:\"\\u4F60\\u53EF\\u4EE5\\u5F97\\u5230\"}),/*#__PURE__*/_jsxs(\"div\",{className:\"grid md:grid-cols-3 gap-6\",children:[/*#__PURE__*/_jsxs(\"div\",{className:\"p-6 bg-gradient-to-br from-neon-cyan-500/10 to-transparent rounded-xl border border-neon-cyan-500/30\",children:[/*#__PURE__*/_jsx(TrendingUp,{className:\"text-neon-cyan-500 mb-4\",size:40}),/*#__PURE__*/_jsx(\"p\",{className:\"text-lg font-bold text-neon-cyan-400 mb-2\",children:\"\\u4EA7\\u4E1A\\u4E0E\\u5546\\u4E1A\\u8BA4\\u77E5\"}),/*#__PURE__*/_jsx(\"p\",{className:\"text-base text-cyber-dark-200\",children:\"\\u8D85\\u8D8A\\u540C\\u9F84\\u4EBA\\u7684\\u4EA7\\u4E1A\\u4E0E\\u5546\\u4E1A\\u8BA4\\u77E5\\u80FD\\u529B\"})]}),/*#__PURE__*/_jsxs(\"div\",{className:\"p-6 bg-gradient-to-br from-neon-purple-500/10 to-transparent rounded-xl border border-neon-purple-500/30\",children:[/*#__PURE__*/_jsx(Target,{className:\"text-neon-purple-500 mb-4\",size:40}),/*#__PURE__*/_jsx(\"p\",{className:\"text-lg font-bold text-neon-purple-400 mb-2\",children:\"\\u5C97\\u4F4D\\u5DE5\\u4F5C\\u903B\\u8F91\"}),/*#__PURE__*/_jsx(\"p\",{className:\"text-base text-cyber-dark-200\",children:\"\\u7406\\u89E3\\u6BCF\\u4E2A\\u5C97\\u4F4D\\u7684\\u5DE5\\u4F5C\\u903B\\u8F91\\u4EE5\\u53CA\\u5DE5\\u4F5C\\u95E8\\u9053\"})]}),/*#__PURE__*/_jsxs(\"div\",{className:\"p-6 bg-gradient-to-br from-cyber-pink-500/10 to-transparent rounded-xl border border-cyber-pink-500/30\",children:[/*#__PURE__*/_jsx(Brain,{className:\"text-cyber-pink-500 mb-4\",size:40}),/*#__PURE__*/_jsx(\"p\",{className:\"text-lg font-bold text-cyber-pink-400 mb-2\",children:\"\\u53CC\\u91CD\\u80FD\\u529B\"}),/*#__PURE__*/_jsx(\"p\",{className:\"text-base text-cyber-dark-200\",children:\"\\\"AI\\u601D\\u7EF4 + \\u884C\\u4E1A\\u77E5\\u8BC6\\\"\\u7684\\u53CC\\u91CD\\u80FD\\u529B\"})]})]})]}),/*#__PURE__*/_jsxs(motion.div,{variants:fadeInUp,className:\"mt-16\",children:[/*#__PURE__*/_jsx(\"h3\",{className:\"text-4xl font-bold text-center text-neon-cyan-400 mb-12\",children:\"\\u5B9E\\u6218\\u6848\\u4F8B\\u5C55\\u793A\"}),/*#__PURE__*/_jsxs(\"div\",{className:\"mb-16\",children:[/*#__PURE__*/_jsxs(\"h4\",{className:\"text-2xl font-bold text-neon-purple-400 mb-6 flex items-center gap-3\",children:[/*#__PURE__*/_jsx(Lightbulb,{className:\"neon-glow-purple\",size:32}),\"\\u6848\\u4F8B\\u4E00\\uFF1AAI\\u89C6\\u89C9\\u8BBE\\u8BA1 - \\u6C34\\u679C\\u8336\\u6D77\\u62A5\\u8BBE\\u8BA1\"]}),/*#__PURE__*/_jsxs(\"div\",{className:\"cyber-card p-6 rounded-2xl mb-8\",children:[/*#__PURE__*/_jsxs(\"div\",{className:\"grid lg:grid-cols-2 gap-6 mb-8\",children:[/*#__PURE__*/_jsxs(\"div\",{className:\"space-y-4\",children:[/*#__PURE__*/_jsx(\"h5\",{className:\"text-xl font-bold text-neon-cyan-400 mb-3\",children:\"\\u8BBE\\u8BA1\\u9700\\u6C42\"}),/*#__PURE__*/_jsxs(\"div\",{className:\"text-base text-cyber-dark-200 space-y-2\",children:[/*#__PURE__*/_jsxs(\"p\",{className:\"flex items-start gap-2\",children:[/*#__PURE__*/_jsx(\"span\",{className:\"text-neon-cyan-500 mt-1\",children:\"\\u2022\"}),/*#__PURE__*/_jsx(\"span\",{children:\"\\u786E\\u5B9A\\u76EE\\u6807\\u53D7\\u4F17\\u3001\\u6C1B\\u56F4\\u3001\\u753B\\u9762\\u5143\\u7D20\\uFF0C\\u5982\\u5976\\u8336\\u676F\\u3001\\u6C34\\u679C\\u3001\\u5149\\u6548\\u3001\\u676F\\u58C1\\u542B\\u6709\\u6C34\\u6EF4\\uFF0C\\u5728\\u6811\\u836B\\u4E0B\\uFF0C\\u8349\\u4E1B\\u4E0A\"})]}),/*#__PURE__*/_jsxs(\"p\",{className:\"flex items-start gap-2\",children:[/*#__PURE__*/_jsx(\"span\",{className:\"text-neon-cyan-500 mt-1\",children:\"\\u2022\"}),/*#__PURE__*/_jsx(\"span\",{children:\"AI\\u7684\\u98CE\\u683C\\u4E3A\\u5B9E\\u62CD\\u3001\\u6E05\\u65B0\"})]}),/*#__PURE__*/_jsxs(\"p\",{className:\"flex items-start gap-2\",children:[/*#__PURE__*/_jsx(\"span\",{className:\"text-neon-cyan-500 mt-1\",children:\"\\u2022\"}),/*#__PURE__*/_jsx(\"span\",{children:\"\\u89D2\\u5EA6\\u4E3A\\u5E73\\u89C6\\u3001\\u7279\\u5199\"})]}),/*#__PURE__*/_jsxs(\"p\",{className:\"flex items-start gap-2\",children:[/*#__PURE__*/_jsx(\"span\",{className:\"text-neon-cyan-500 mt-1\",children:\"\\u2022\"}),/*#__PURE__*/_jsx(\"span\",{children:\"\\u8981\\u6709\\u82F1\\u6587\\u7684\\u5BA3\\u4F20\\u6587\\u6848\"})]}),/*#__PURE__*/_jsx(\"h5\",{className:\"text-xl font-bold text-neon-cyan-400 mb-3\",children:\"\\u6A21\\u578B\"}),/*#__PURE__*/_jsxs(\"p\",{className:\"flex items-start gap-2\",children:[/*#__PURE__*/_jsx(\"span\",{className:\"text-neon-cyan-500 mt-1\",children:\"\\u2022\"}),/*#__PURE__*/_jsx(\"span\",{children:\"Doubao Seedream 4.0\"})]})]})]}),/*#__PURE__*/_jsxs(\"div\",{className:\"space-y-4\",children:[/*#__PURE__*/_jsx(\"h5\",{className:\"text-xl font-bold text-neon-purple-400 mb-3\",children:\"AI\\u63D0\\u793A\\u8BCD\"}),/*#__PURE__*/_jsx(\"div\",{className:\"bg-cyber-dark-950/80 rounded-xl p-4 border border-neon-purple-500/30 font-mono text-sm text-cyber-dark-100 overflow-y-auto max-h-[450px]\",children:/*#__PURE__*/_jsx(\"pre\",{className:\"whitespace-pre-wrap\",children:\"\\n        markdown\\n        # Role: \\u5546\\u4E1A\\u89C6\\u89C9\\u8BBE\\u8BA1\\u751F\\u6210\\u5668\\n\\n        ## Profile\\n        - author: LangGPT\\n        - version: 1.0\\n        - language: \\u4E2D\\u6587\\n        - description: \\u751F\\u6210\\u98CE\\u683C\\u9C9C\\u660E\\u3001\\u9002\\u5408\\u5546\\u4E1A\\u63A8\\u5E7F\\u7684\\u6D77\\u62A5\\u56FE\\u50CF\\uFF0C\\u9002\\u7528\\u4E8E\\u5976\\u8336\\u3001\\u751C\\u54C1\\u7B49\\u95E8\\u5E97\\u65B0\\u54C1\\u4E0A\\u5E02\\u5BA3\\u4F20\\u3002\\n\\n        ## Skills\\n        1. \\u6839\\u636E\\u573A\\u666F\\u751F\\u6210\\u9AD8\\u8D28\\u91CF\\u3001\\u6784\\u56FE\\u5408\\u7406\\u7684\\u56FE\\u50CF\\u63D0\\u793A\\u8BCD\\uFF1B\\n        2. \\u80FD\\u6839\\u636E\\u76EE\\u6807\\u7528\\u6237\\u3001\\u60C5\\u7EEA\\u6C1B\\u56F4\\u63A7\\u5236\\u56FE\\u50CF\\u98CE\\u683C\\u4E0E\\u5143\\u7D20\\uFF1B\\n        3. \\u652F\\u6301\\u5BF9\\u56FE\\u50CF\\u98CE\\u683C\\u3001\\u7126\\u70B9\\u3001\\u5149\\u5F71\\u3001\\u8272\\u5F69\\u7B49\\u7EC6\\u8282\\u8FDB\\u884C\\u5FAE\\u8C03\\uFF1B\\n        4. \\u63D0\\u4F9B\\u4E2D\\u82F1\\u53CC\\u8BED\\u63D0\\u793A\\u8BCD\\u7248\\u672C\\uFF0C\\u9002\\u914D\\u591A\\u5E73\\u53F0AI\\u7ED8\\u56FE\\u5DE5\\u5177\\u3002\\n\\n        ## OutputFormat\\uFF08\\u56FE\\u50CF\\u751F\\u6210\\u63D0\\u793A\\u8BCD\\u7ED3\\u6784\\uFF09:\\n\\n        markdown\\n        \\u3010\\u4E2D\\u6587\\u63D0\\u793A\\u8BCD\\u3011\\n        \\u4E3B\\u9898\\uFF1A\\u5931\\u91CD\\u7A7A\\u95F4\\u7AD9\\u98CE\\u683C\\u7684\\u51B0\\u9547\\u6C34\\u679C\\u8336\\u6D77\\u62A5\\uFF08\\u4E3B\\u4F53\\u9501\\u5B9A\\uFF09\\n        \\u63D0\\u793A\\u8BCD\\uFF1A\\n\\n        \\u4E3B\\u4F53\\u4FDD\\u6301\\u4E0D\\u53D8\\uFF1A\\u4E00\\u676F\\u900F\\u660E\\u9AD8\\u676F\\u7684\\u51B0\\u9547\\u6C34\\u679C\\u8336\\u5728\\u5931\\u91CD\\u4E2D\\u6F02\\u6D6E\\uFF0C\\u676F\\u6CBF\\u8986\\u76D6\\u5C16\\u9510\\u971C\\u6676\\uFF0C\\u676F\\u58C1\\u5BC6\\u5E03\\u51DD\\u7ED3\\u6C34\\u73E0\\uFF1B\\u676F\\u4E2D\\u6709\\u6A59\\u7247\\u3001\\u7EA2\\u897F\\u67DA\\u7247\\u3001\\u9752\\u67E0\\u7247\\u4E0E\\u51B0\\u5757\\uFF0C\\u8336\\u6C64\\u91D1\\u6A59\\u8272\\uFF1B\\u73BB\\u7483\\u8FB9\\u7F18\\u786C\\u8D28\\u8F6E\\u5ED3\\u5149\\uFF0C\\u6D45\\u666F\\u6DF1\\uFF0C\\u5546\\u4E1A\\u7F8E\\u98DF\\u6444\\u5F71\\uFF0C\\u8D85\\u9AD8\\u7EC6\\u8282\\uFF0C\\u7AD6\\u7248\\u6D77\\u62A5\\u6784\\u56FE\\u3002\\n\\n        \\u80CC\\u666F\\u53EF\\u81EA\\u7531\\u6539\\u53D8\\u4E3A\\uFF1A{\\u5728\\u6B64\\u586B\\u5199\\u4F60\\u60F3\\u8981\\u7684\\u80CC\\u666F\\u573A\\u666F}\\u3002\\n\\n        \\u6CE8\\u610F\\uFF1A\\u7981\\u6B62\\u6539\\u53D8\\u4E3B\\u4F53\\u5916\\u89C2\\u4E0E\\u6784\\u56FE\\u6BD4\\u4F8B\\uFF08\\u73BB\\u7483\\u676F\\u5F62\\u72B6\\u3001\\u971C\\u6676\\u3001\\u51DD\\u9732\\u3001\\u914D\\u6599\\u79CD\\u7C7B\\u4E0E\\u6570\\u91CF\\u3001\\u676F\\u4F53\\u5927\\u5C0F\\u4E0E\\u4F4D\\u7F6E\\u4E0D\\u53D8\\uFF09\\uFF0C\\u7981\\u6B62\\u6DFB\\u52A0\\u6587\\u5B57/LOGO/\\u6C34\\u5370\\uFF0C\\u524D\\u666F\\u8292\\u679C\\u4E0E\\u6728\\u7897\\u9752\\u67E0\\u53EF\\u6709\\u53EF\\u65E0\\uFF0C\\u4EE5\\u5E72\\u51C0\\u753B\\u9762\\u4E3A\\u5148\\u3002\\n\\n        \\u80CC\\u666F\\u793A\\u4F8B\\u5E93\\uFF08\\u76F4\\u63A5\\u66FF\\u6362{\\u5728\\u6B64\\u586B\\u5199\\u4F60\\u60F3\\u8981\\u7684\\u80CC\\u666F\\u573A\\u666F}\\uFF09\\n        \\u8D5B\\u535A\\u670B\\u514B\\u9713\\u8679\\u591C\\u5E02\\uFF0C\\u96E8\\u4E2D\\u53CD\\u5C04\\u3001\\u8FDC\\u666F\\u9713\\u8679\\u62DB\\u724C\\u4E0E\\u8584\\u96FE\\n        \\u65E5\\u51FA\\u96EA\\u5C71\\u4E0E\\u4E91\\u6D77\\uFF0C\\u5E72\\u51C0\\u7684\\u9AD8\\u7A7A\\u51B7\\u8272\\u73AF\\u5883\\u5149\\n        \\u70ED\\u5E26\\u96E8\\u6797\\u7011\\u5E03\\u98DE\\u6CAB\\uFF0C\\u6E7F\\u6DA6\\u7A7A\\u6C14\\u4E0E\\u80CC\\u5149\\u6811\\u53F6\\u6563\\u5C04\\n        \\u5730\\u4E2D\\u6D77\\u6D77\\u5CB8\\uFF0C\\u767D\\u8272\\u5C0F\\u9547\\u4E0E\\u6E5B\\u84DD\\u6D77\\u9762\\u3001\\u6B63\\u5348\\u9633\\u5149\\n        \\u590D\\u53E4\\u6CD5\\u5F0F\\u53A8\\u623F\\uFF0C\\u5976\\u6CB9\\u8272\\u74F7\\u7816\\u4E0E\\u94DC\\u9505\\u53CD\\u5149\\n        \\u73B0\\u4EE3\\u6781\\u7B80\\u6444\\u5F71\\u68DA\\uFF0C\\u65E0\\u7F1D\\u80CC\\u666F\\u4E0E\\u67D4\\u5149\\u5DE8\\u578B\\u8F6F\\u7BB1\\n        \\u6C99\\u6F20\\u91D1\\u8272\\u6C99\\u4E18\\u4E0E\\u70ED\\u6D6A\\u7A7A\\u6C14\\u6296\\u52A8\\n        \\u6DF1\\u6D77\\u84DD\\u8272\\u80CC\\u666F\\u4E0E\\u67D4\\u548C\\u4F53\\u79EF\\u5149\\uFF08\\u8425\\u9020\\u6C34\\u4E0B\\u611F\\uFF09\\n        \\u6A31\\u82B1\\u6EE1\\u5F00\\u7684\\u57CE\\u5E02\\u6CB3\\u7554\\uFF0C\\u6D45\\u7C89\\u8272\\u82B1\\u6D77\\u865A\\u5316\\n        \\u6708\\u7403\\u8868\\u9762\\u4E0E\\u4F4E\\u89D2\\u5EA6\\u592A\\u9633\\u5149\\uFF0C\\u8FDC\\u5904\\u5730\\u7403\\u60AC\\u6302\\n\\n        \\u3010English Prompt\\u3011\\n\\n        Keep the subject unchanged: a tall clear glass of iced fruit tea floating weightlessly, rim covered with spiky frost crystals, dense condensation on the glass; inside the glass are orange slices, ruby-grapefruit, lime slices and ice cubes; golden-orange liquid; hard cool rim light, shallow depth of field, commercial food photography, ultra-high detail, vertical poster composition.\\n\\n        The background may vary to: {write your desired background scene here}.\\n\\n        Notes: Do not alter the subject's appearance or composition (glass shape, frost, condensation, fruit types/quantity, glass size and position remain the same). No text/logo/watermark. Foreground mango and wooden bowl of limes are optional; keep the frame clean.\\n\\n         English, copy-ready single-line prompts (subject locked, background varies). Paste any one into Doubao or seedream.\\n        \\u2014 Cyberpunk neon night market, rain reflections, distant neon signs and light mist\\n        \\u2014 Sunrise over snowy mountains and a sea of clouds, clean high-altitude cool ambient light\\n        \\u2014 Tropical rainforest waterfall spray, humid air with backlit foliage scattering\\n        \\u2014 Mediterranean coast, white hillside town and deep-blue sea under noon sunlight\\n        \\u2014 Vintage French kitchen, cream-colored tiles and reflections on copper pots\\n        \\u2014 Modern minimal photo studio, seamless backdrop and large softbox diffuse lighting\\n        \\u2014 Desert with golden sand dunes and shimmering heat haze\\n        \\u2014 Deep-ocean blue background with soft volumetric light (submerged/water feel)\\n        \\u2014 City riverside in full cherry blossom, soft pink bokeh of flowers\\n        \\u2014 Lunar surface with low-angle sunlight, Earth hanging in the distant sky\\n        \"})})]})]}),/*#__PURE__*/_jsxs(\"div\",{children:[/*#__PURE__*/_jsx(\"h5\",{className:\"text-xl font-bold text-cyber-pink-400 mb-4\",children:\"\\u6700\\u7EC8\\u6548\\u679C\"}),/*#__PURE__*/_jsxs(\"div\",{className:\"grid grid-cols-4 gap-4 mb-6\",children:[/*#__PURE__*/_jsx(\"div\",{className:\"relative rounded-xl overflow-hidden border-2 border-neon-pink-500/30 shadow-neon-pink cursor-pointer\",onClick:()=>setViewingImage(\"/images/课程页面/图片效果/奶茶海报1.png\"),children:/*#__PURE__*/_jsx(\"img\",{src:\"/images/\\u8BFE\\u7A0B\\u9875\\u9762/\\u56FE\\u7247\\u6548\\u679C/\\u5976\\u8336\\u6D77\\u62A51.png\",alt:\"AI\\u89C6\\u89C9\\u8BBE\\u8BA1\\u6848\\u4F8B1\",className:\"w-full h-auto hover:scale-105 transition-transform duration-500\"})}),/*#__PURE__*/_jsx(\"div\",{className:\"relative rounded-xl overflow-hidden border-2 border-neon-pink-500/30 shadow-neon-pink cursor-pointer\",onClick:()=>setViewingImage(\"/images/课程页面/图片效果/奶茶海报2.png\"),children:/*#__PURE__*/_jsx(\"img\",{src:\"/images/\\u8BFE\\u7A0B\\u9875\\u9762/\\u56FE\\u7247\\u6548\\u679C/\\u5976\\u8336\\u6D77\\u62A52.png\",alt:\"AI\\u89C6\\u89C9\\u8BBE\\u8BA1\\u6848\\u4F8B2\",className:\"w-full h-auto hover:scale-105 transition-transform duration-500\"})}),/*#__PURE__*/_jsx(\"div\",{className:\"relative rounded-xl overflow-hidden border-2 border-neon-pink-500/30 shadow-neon-pink cursor-pointer\",onClick:()=>setViewingImage(\"/images/课程页面/图片效果/奶茶海报3.png\"),children:/*#__PURE__*/_jsx(\"img\",{src:\"/images/\\u8BFE\\u7A0B\\u9875\\u9762/\\u56FE\\u7247\\u6548\\u679C/\\u5976\\u8336\\u6D77\\u62A53.png\",alt:\"AI\\u89C6\\u89C9\\u8BBE\\u8BA1\\u6848\\u4F8B3\",className:\"w-full h-auto hover:scale-105 transition-transform duration-500\"})}),/*#__PURE__*/_jsx(\"div\",{className:\"relative rounded-xl overflow-hidden border-2 border-neon-pink-500/30 shadow-neon-pink cursor-pointer\",onClick:()=>setViewingImage(\"/images/课程页面/图片效果/奶茶海报4.png\"),children:/*#__PURE__*/_jsx(\"img\",{src:\"/images/\\u8BFE\\u7A0B\\u9875\\u9762/\\u56FE\\u7247\\u6548\\u679C/\\u5976\\u8336\\u6D77\\u62A54.png\",alt:\"AI\\u89C6\\u89C9\\u8BBE\\u8BA1\\u6848\\u4F8B4\",className:\"w-full h-auto hover:scale-105 transition-transform duration-500\"})})]}),/*#__PURE__*/_jsxs(\"div\",{className:\"mt-6\",children:[/*#__PURE__*/_jsx(\"h5\",{className:\"text-xl font-bold text-neon-purple-400 mb-4\",children:\"\\u6F14\\u793A\\u89C6\\u9891\"}),/*#__PURE__*/_jsx(\"div\",{className:\"relative overflow-hidden rounded-xl border-2 border-neon-purple-500/50 shadow-neon-purple\",children:/*#__PURE__*/_jsxs(\"video\",{controls:true,className:\"w-full\",poster:\"\",children:[/*#__PURE__*/_jsx(\"source\",{src:\"https://ddcz-1315997005.cos.ap-nanjing.myqcloud.com/static/video/web_teach/milktea.mp4\",type:\"video/mp4\"}),\"\\u60A8\\u7684\\u6D4F\\u89C8\\u5668\\u4E0D\\u652F\\u6301\\u89C6\\u9891\\u64AD\\u653E\\u3002\"]})})]})]})]})]}),/*#__PURE__*/_jsxs(\"div\",{children:[/*#__PURE__*/_jsxs(\"h4\",{className:\"text-2xl font-bold text-neon-purple-400 mb-6 flex items-center gap-3\",children:[/*#__PURE__*/_jsx(Code,{className:\"neon-glow-purple\",size:32}),\"\\u6848\\u4F8B\\u4E8C\\uFF1AAI\\u7F16\\u7A0B\\u5F00\\u53D1 - \\u5C0F\\u578B\\u5546\\u54C1\\u5C55\\u793A\\u7F51\\u7AD9\"]}),/*#__PURE__*/_jsxs(\"div\",{className:\"cyber-card p-6 rounded-2xl\",children:[/*#__PURE__*/_jsxs(\"div\",{className:\"grid lg:grid-cols-2 gap-6 mb-8\",children:[/*#__PURE__*/_jsxs(\"div\",{className:\"space-y-4\",children:[/*#__PURE__*/_jsx(\"h5\",{className:\"text-xl font-bold text-neon-cyan-400 mb-3\",children:\"\\u5F00\\u53D1\\u9700\\u6C42\"}),/*#__PURE__*/_jsxs(\"div\",{className:\"text-base text-cyber-dark-200 space-y-2\",children:[/*#__PURE__*/_jsxs(\"p\",{className:\"flex items-start gap-2\",children:[/*#__PURE__*/_jsx(\"span\",{className:\"text-neon-cyan-500 mt-1\",children:\"\\u2022\"}),/*#__PURE__*/_jsx(\"span\",{children:\"\\u529F\\u80FD\\u9700\\u6C42\\uFF1A\\u4E2A\\u4EBA\\u7535\\u5546\\u72EC\\u7ACB\\u7AD9\\uFF0C\\u5177\\u6709\\u4E0A\\u67B6\\u3001\\u9500\\u552E\\u3001\\u5BA2\\u670D\\u7B49\\u529F\\u80FD\"})]}),/*#__PURE__*/_jsxs(\"p\",{className:\"flex items-start gap-2\",children:[/*#__PURE__*/_jsx(\"span\",{className:\"text-neon-cyan-500 mt-1\",children:\"\\u2022\"}),/*#__PURE__*/_jsx(\"span\",{children:\"\\u6A21\\u5757\\u5E03\\u5C40\\uFF1A\\u6709\\u9996\\u9875\\u3001\\u4EA7\\u54C1\\u9875\\u8054\\u7CFB\\u6211\\u4EEC\\u4E09\\u5927\\u677F\\u5757\"})]}),/*#__PURE__*/_jsxs(\"p\",{className:\"flex items-start gap-2\",children:[/*#__PURE__*/_jsx(\"span\",{className:\"text-neon-cyan-500 mt-1\",children:\"\\u2022\"}),/*#__PURE__*/_jsx(\"span\",{children:\"\\u7F51\\u7AD9\\u98CE\\u683C\\uFF1A\\u4E3B\\u9898\\u4E3A\\u4E3A\\u7B80\\u7EA6\\u9AD8\\u7EA7\\u98CE\"})]}),/*#__PURE__*/_jsxs(\"p\",{className:\"flex items-start gap-2\",children:[/*#__PURE__*/_jsx(\"span\",{className:\"text-neon-cyan-500 mt-1\",children:\"\\u2022\"}),/*#__PURE__*/_jsx(\"span\",{children:\"\\u5F00\\u53D1\\u73AF\\u5883\\uFF1A\\u7EAF\\u524D\\u7AEF\\u5F00\\u53D1\\u73AF\\u5883\\uFF0C\\u4F7F\\u7528HTML5\\u3001CSS3\\u548C\\u539F\\u751FJavaScript\\uFF0C\\u53EF\\u76F4\\u63A5\\u5728\\u6D4F\\u89C8\\u5668\\u8FD0\\u884C\\u5E76\\u90E8\\u7F72\\u5230\\u4EFB\\u4F55\\u9759\\u6001\\u7F51\\u7AD9\\u6258\\u7BA1\\u670D\\u52A1\\u3002\"})]}),/*#__PURE__*/_jsx(\"h5\",{className:\"text-xl font-bold text-neon-cyan-400 mb-3\",children:\"\\u6A21\\u578B\"}),/*#__PURE__*/_jsxs(\"p\",{className:\"flex items-start gap-2\",children:[/*#__PURE__*/_jsx(\"span\",{className:\"text-neon-cyan-500 mt-1\",children:\"\\u2022\"}),/*#__PURE__*/_jsx(\"span\",{children:\"https://chat.z.ai/\"})]})]})]}),/*#__PURE__*/_jsxs(\"div\",{className:\"space-y-4\",children:[/*#__PURE__*/_jsx(\"h5\",{className:\"text-xl font-bold text-neon-purple-400 mb-3\",children:\"AI\\u63D0\\u793A\\u8BCD\"}),/*#__PURE__*/_jsx(\"div\",{className:\"bg-cyber-dark-950/80 rounded-xl p-4 border border-neon-purple-500/30 font-mono text-sm text-cyber-dark-100 overflow-y-auto max-h-[450px]\",children:/*#__PURE__*/_jsx(\"pre\",{className:\"whitespace-pre-wrap\",children:\"# Role: \\u7F51\\u7AD9\\u524D\\u7AEF\\u5F00\\u53D1\\u4E13\\u5BB6\\n\\n## Profile\\n- author: LangGPT\\n- version: 1.0\\n- language: \\u4E2D\\u6587\\n- description: \\u4F60\\u662F\\u4E00\\u4F4D\\u7F51\\u7AD9\\u524D\\u7AEF\\u5F00\\u53D1\\u4E13\\u5BB6\\uFF0C\\u64C5\\u957F\\u8BBE\\u8BA1\\u548C\\u6784\\u5EFA\\u9AD8\\u8D28\\u91CF\\u7F51\\u9875\\u3002\\n\\n## Skills\\n- \\u80FD\\u591F\\u6784\\u5EFA\\u5B8C\\u6574\\u7684\\u7535\\u5546\\u7F51\\u7AD9\\u9875\\u9762\\u7ED3\\u6784\\uFF0C\\u5305\\u62EC\\u9996\\u9875\\u3001\\u4EA7\\u54C1\\u9875\\u548C\\u8054\\u7CFB\\u6211\\u4EEC\\u9875\\u3002\\n- \\u719F\\u6089\\u5546\\u54C1\\u4E0A\\u67B6\\u3001\\u9500\\u552E\\u5C55\\u793A\\u3001\\u7528\\u6237\\u4EA4\\u4E92\\u548C\\u7B80\\u6613\\u5BA2\\u670D\\u6A21\\u5757\\u7684\\u5B9E\\u73B0\\u65B9\\u5F0F\\u3002\\n- \\u64C5\\u957F\\u4F7F\\u7528\\u7B80\\u7EA6\\u9AD8\\u7EA7\\u98CE\\u683C\\u8BBE\\u8BA1\\u7F51\\u9875\\uFF0C\\u63D0\\u5347\\u7528\\u6237\\u4F53\\u9A8C\\u548C\\u54C1\\u724C\\u5F62\\u8C61\\u3002\\n\\n## Goals\\n- \\u521B\\u5EFA\\u4E00\\u4E2A\\u5177\\u5907\\u57FA\\u672C\\u7535\\u5546\\u529F\\u80FD\\u7684\\u4E2A\\u4EBA\\u72EC\\u7ACB\\u7AD9\\u524D\\u7AEF\\u9879\\u76EE\\u3002\\n- \\u5305\\u542B\\u9996\\u9875\\u3001\\u4EA7\\u54C1\\u9875\\u3001\\u8054\\u7CFB\\u6211\\u4EEC\\u4E09\\u5927\\u677F\\u5757\\uFF0C\\u6BCF\\u4E2A\\u9875\\u9762\\u5177\\u6709\\u7B80\\u7EA6\\u9AD8\\u7EA7\\u7684\\u89C6\\u89C9\\u8BBE\\u8BA1\\u3002\\n- \\u652F\\u6301\\u5546\\u54C1\\u4E0A\\u67B6\\u5C55\\u793A\\u3001\\u57FA\\u7840\\u9500\\u552E\\u4EA4\\u4E92\\u548C\\u7559\\u8A00\\u5F62\\u5F0F\\u7684\\u5BA2\\u670D\\u529F\\u80FD\\u3002\\n\\n## Rules\\n1. \\u4EE3\\u7801\\u9700\\u7ED3\\u6784\\u6E05\\u6670\\uFF0C\\u4FBF\\u4E8E\\u7EF4\\u62A4\\u548C\\u6269\\u5C55\\u3002\\n2. \\u9875\\u9762\\u98CE\\u683C\\u9700\\u7EDF\\u4E00\\uFF0C\\u7B26\\u5408\\\"\\u7B80\\u7EA6\\u9AD8\\u7EA7\\\"\\u7684\\u7F8E\\u5B66\\u6807\\u51C6\\u3002\\n3. \\u786E\\u4FDD\\u6240\\u6709\\u9875\\u9762\\u4E4B\\u95F4\\u5BFC\\u822A\\u987A\\u7545\\uFF0C\\u7528\\u6237\\u4F53\\u9A8C\\u826F\\u597D\\u3002\\n\\n## Workflows\\n\\u4E3A\\u6211\\u751F\\u6210\\u4E00\\u4E2A\\u4E2A\\u4EBA\\u7535\\u5546\\u72EC\\u7ACB\\u7AD9\\uFF0C\\u5305\\u542B\\u4EE5\\u4E0B\\u529F\\u80FD\\u548C\\u6A21\\u5757\\uFF1A\\n1. \\u529F\\u80FD\\u8981\\u6C42\\uFF1A\\n    \\u4E0A\\u67B6\\u529F\\u80FD\\uFF1A\\u5141\\u8BB8\\u4EA7\\u54C1\\u4E0A\\u4F20\\u5E76\\u5C55\\u793A\\uFF1B\\n    \\u9500\\u552E\\u529F\\u80FD\\uFF1A\\u652F\\u6301\\u5728\\u7EBF\\u652F\\u4ED8\\u548C\\u8BA2\\u5355\\u7BA1\\u7406\\uFF1B\\n    \\u5BA2\\u670D\\u529F\\u80FD\\uFF1A\\u96C6\\u6210\\u804A\\u5929\\u652F\\u6301\\u6216\\u7559\\u8A00\\u7CFB\\u7EDF\\u3002\\n2. \\u6A21\\u5757\\u5E03\\u5C40\\uFF1A\\n    \\u9996\\u9875\\uFF1A\\u5C55\\u793A\\u54C1\\u724C\\u3001\\u4EA7\\u54C1\\u548C\\u4FC3\\u9500\\u4FE1\\u606F\\uFF1B\\n    \\u4EA7\\u54C1\\u9875\\uFF1A\\u663E\\u793A\\u8BE6\\u7EC6\\u4EA7\\u54C1\\u4FE1\\u606F\\u3001\\u56FE\\u7247\\u3001\\u4EF7\\u683C\\u548C\\u8D2D\\u4E70\\u94FE\\u63A5\\uFF1B\\n    \\u8054\\u7CFB\\u6211\\u4EEC\\uFF1A\\u63D0\\u4F9B\\u8054\\u7CFB\\u65B9\\u5F0F\\u3001\\u5BA2\\u670D\\u652F\\u6301\\u548C\\u793E\\u4EA4\\u5A92\\u4F53\\u94FE\\u63A5\\u3002\\n3. \\u7F51\\u7AD9\\u98CE\\u683C\\uFF1A\\n    \\u4E3B\\u9898\\u98CE\\u683C\\uFF1A\\u7B80\\u7EA6\\u4E14\\u9AD8\\u7EA7\\uFF0C\\u6CE8\\u91CD\\u7EC6\\u8282\\u548C\\u73B0\\u4EE3\\u611F\\uFF1B\\n    \\u8272\\u8C03\\uFF1A\\u4F7F\\u7528\\u4F18\\u96C5\\u7684\\u914D\\u8272\\u65B9\\u6848\\uFF0C\\u642D\\u914D\\u7B80\\u6D01\\u7684\\u5E03\\u5C40\\u3002\\n4. \\u5F00\\u53D1\\u73AF\\u5883\\uFF1A\\n    \\u4F7F\\u7528HTML5\\u3001CSS3\\u548C\\u539F\\u751FJavaScript\\u5F00\\u53D1\\uFF0C\\u65E0\\u9700\\u4F9D\\u8D56\\u4EFB\\u4F55\\u5916\\u90E8\\u6846\\u67B6\\u6216\\u5E93\\uFF1B\\n    \\u7F51\\u7AD9\\u5E94\\u4E3A\\u9759\\u6001\\u7F51\\u7AD9\\uFF0C\\u80FD\\u591F\\u76F4\\u63A5\\u5728\\u6D4F\\u89C8\\u5668\\u8FD0\\u884C\\uFF1B\\n    \\u80FD\\u591F\\u8F7B\\u677E\\u90E8\\u7F72\\u5230\\u4EFB\\u4F55\\u9759\\u6001\\u7F51\\u7AD9\\u6258\\u7BA1\\u670D\\u52A1\\uFF0C\\u5982GitHub Pages\\u3001Netlify\\u7B49\\u3002\\n\\n\\u3010English Prompt\\u3011\\n\\n# Role: Front-End Web Development Expert\\n\\n## Profile\\n- author: LangGPT\\n- version: 1.0\\n- language: English\\n- description: You are an expert in front-end web development, specializing in creating fully static websites using HTML5, CSS3, and vanilla JavaScript.\\n\\n## Skills\\n- Building static, browser-run websites without any backend dependencies\\n- Designing clean and elegant UI/UX with minimalist aesthetics\\n- Structuring multi-page websites (Home, Product, Contact)\\n- Implementing interactive features using pure JavaScript\\n- Deploying to any static hosting service\\n\\n## Goals\\n- Build a personal e-commerce website with product listing, sales presentation, and a basic customer contact form.\\n- Include three main sections: Home, Product, and Contact Us.\\n- Ensure clean layout, smooth navigation, and a refined minimalist design.\\n- Ensure that all code runs directly in the browser and can be deployed as a static website.\\n\\n## Rules\\n1. Use only HTML5, CSS3, and vanilla JavaScript.\\n2. Avoid using any frameworks, libraries, or server-side code.\\n3. Focus on aesthetic simplicity and modern design.\\n4. Ensure the code is clean, modular, and ready for deployment.\\n\\n## Workflows\\n1. Create the overall site structure and navigation system.\\n2. Design and implement the Product page with item listings, prices, and purchase buttons.\\n3. Add a Contact Us page with a simple customer service form.\\n4. Style all components to match a minimalist and elegant theme.\"})})]})]}),/*#__PURE__*/_jsxs(\"div\",{children:[/*#__PURE__*/_jsx(\"h5\",{className:\"text-xl font-bold text-cyber-pink-400 mb-4\",children:\"\\u6700\\u7EC8\\u6548\\u679C\"}),/*#__PURE__*/_jsxs(\"div\",{className:\"space-y-4\",children:[/*#__PURE__*/_jsxs(\"div\",{className:\"grid grid-cols-2 gap-4\",children:[/*#__PURE__*/_jsx(\"div\",{className:\"relative rounded-xl overflow-hidden border-2 border-neon-pink-500/30 shadow-neon-pink cursor-pointer\",onClick:()=>setViewingImage(\"/images/课程页面/图片效果/1.生成页面.jpeg\"),children:/*#__PURE__*/_jsx(\"img\",{src:\"/images/\\u8BFE\\u7A0B\\u9875\\u9762/\\u56FE\\u7247\\u6548\\u679C/1.\\u751F\\u6210\\u9875\\u9762.jpeg\",alt:\"AI\\u751F\\u6210\\u9875\\u9762\\u6548\\u679C\",className:\"w-full h-auto hover:scale-105 transition-transform duration-500\"})}),/*#__PURE__*/_jsx(\"div\",{className:\"relative rounded-xl overflow-hidden border-2 border-neon-pink-500/30 shadow-neon-pink cursor-pointer\",onClick:()=>setViewingImage(\"/images/课程页面/图片效果/2.主页.jpeg\"),children:/*#__PURE__*/_jsx(\"img\",{src:\"/images/\\u8BFE\\u7A0B\\u9875\\u9762/\\u56FE\\u7247\\u6548\\u679C/2.\\u4E3B\\u9875.jpeg\",alt:\"\\u7F51\\u7AD9\\u4E3B\\u9875\",className:\"w-full h-auto hover:scale-105 transition-transform duration-500\"})})]}),/*#__PURE__*/_jsxs(\"div\",{className:\"grid grid-cols-3 gap-4\",children:[/*#__PURE__*/_jsx(\"div\",{className:\"relative rounded-xl overflow-hidden border-2 border-neon-pink-500/30 shadow-neon-pink cursor-pointer\",onClick:()=>setViewingImage(\"/images/课程页面/图片效果/3.产品页.jpeg\"),children:/*#__PURE__*/_jsx(\"img\",{src:\"/images/\\u8BFE\\u7A0B\\u9875\\u9762/\\u56FE\\u7247\\u6548\\u679C/3.\\u4EA7\\u54C1\\u9875.jpeg\",alt:\"\\u4EA7\\u54C1\\u5217\\u8868\\u9875\",className:\"w-full h-auto hover:scale-105 transition-transform duration-500\"})}),/*#__PURE__*/_jsx(\"div\",{className:\"relative rounded-xl overflow-hidden border-2 border-neon-pink-500/30 shadow-neon-pink cursor-pointer\",onClick:()=>setViewingImage(\"/images/课程页面/图片效果/4.产品详情页.jpeg\"),children:/*#__PURE__*/_jsx(\"img\",{src:\"/images/\\u8BFE\\u7A0B\\u9875\\u9762/\\u56FE\\u7247\\u6548\\u679C/4.\\u4EA7\\u54C1\\u8BE6\\u60C5\\u9875.jpeg\",alt:\"\\u4EA7\\u54C1\\u8BE6\\u60C5\\u9875\",className:\"w-full h-auto hover:scale-105 transition-transform duration-500\"})}),/*#__PURE__*/_jsx(\"div\",{className:\"relative rounded-xl overflow-hidden border-2 border-neon-pink-500/30 shadow-neon-pink cursor-pointer\",onClick:()=>setViewingImage(\"/images/课程页面/图片效果/5.联系我们.jpeg\"),children:/*#__PURE__*/_jsx(\"img\",{src:\"/images/\\u8BFE\\u7A0B\\u9875\\u9762/\\u56FE\\u7247\\u6548\\u679C/5.\\u8054\\u7CFB\\u6211\\u4EEC.jpeg\",alt:\"\\u8054\\u7CFB\\u6211\\u4EEC\\u9875\",className:\"w-full h-auto hover:scale-105 transition-transform duration-500\"})})]})]}),/*#__PURE__*/_jsxs(\"div\",{className:\"mt-6\",children:[/*#__PURE__*/_jsx(\"h5\",{className:\"text-xl font-bold text-neon-purple-400 mb-4\",children:\"\\u6F14\\u793A\\u89C6\\u9891\"}),/*#__PURE__*/_jsx(\"div\",{className:\"relative overflow-hidden rounded-xl border-2 border-neon-purple-500/50 shadow-neon-purple\",children:/*#__PURE__*/_jsxs(\"video\",{controls:true,className:\"w-full\",poster:\"\",children:[/*#__PURE__*/_jsx(\"source\",{src:\"https://ddcz-1315997005.cos.ap-nanjing.myqcloud.com/static/video/web_teach/web.mov\",type:\"video/mp4\"}),\"\\u60A8\\u7684\\u6D4F\\u89C8\\u5668\\u4E0D\\u652F\\u6301\\u89C6\\u9891\\u64AD\\u653E\\u3002\"]})})]})]})]})]})]})]})}),/*#__PURE__*/_jsx(\"section\",{ref:el=>registerSection(el,4),className:\"section-scroll-item py-16 px-4\",children:/*#__PURE__*/_jsxs(motion.div,{initial:\"hidden\",whileInView:\"visible\",viewport:{once:true,margin:\"-100px\"},variants:staggerContainer,className:\"max-w-7xl mx-auto\",children:[/*#__PURE__*/_jsxs(motion.div,{variants:fadeInUp,className:\"text-center mb-16\",children:[/*#__PURE__*/_jsx(\"h2\",{className:\"text-5xl md:text-6xl font-black mb-6 gradient-text\",children:\"\\u7B2C\\u4E09\\u9636\\u6BB5\\uFF1A\\u5782\\u76F4\\u6280\\u80FD\\u8BFE\"}),/*#__PURE__*/_jsx(\"p\",{className:\"text-3xl font-bold text-cyber-pink-400\",children:\"\\u4ECE\\u5B66\\u4E60\\u5230\\u5B9E\\u6218\"}),/*#__PURE__*/_jsx(\"p\",{className:\"text-xl text-cyber-dark-200 mt-4\",children:\"\\u5B66\\u4E60\\u76EE\\u6807\\uFF1A\\u5B9E\\u6218\\u9A71\\u52A8\\uFF0C\\u6784\\u5EFA\\u5C97\\u4F4D\\u7EA7AI\\u5DE5\\u4F5C\\u6D41\\uFF0C\\u63D0\\u5347\\u804C\\u573A\\u7ADE\\u4E89\\u529B\"})]}),/*#__PURE__*/_jsxs(motion.div,{variants:fadeInUp,className:\"cyber-card p-8 rounded-2xl mb-8\",children:[/*#__PURE__*/_jsx(\"h3\",{className:\"text-3xl font-bold text-neon-purple-400 mb-6\",children:\"\\u6838\\u5FC3\\u5185\\u5BB9\"}),/*#__PURE__*/_jsxs(\"div\",{className:\"grid md:grid-cols-3 gap-6\",children:[/*#__PURE__*/_jsxs(\"div\",{className:\"p-6 bg-cyber-dark-900/50 rounded-xl\",children:[/*#__PURE__*/_jsx(Database,{className:\"text-neon-cyan-500 mb-4\",size:48}),/*#__PURE__*/_jsx(\"h4\",{className:\"text-xl font-bold text-neon-cyan-400 mb-3\",children:\"\\u771F\\u5B9E\\u5DE5\\u4F5C\\u573A\\u666F\\u6A21\\u62DF\"}),/*#__PURE__*/_jsx(\"p\",{className:\"text-base text-cyber-dark-200\",children:\"\\u5404\\u884C\\u4E1A\\u771F\\u5B9E\\u5DE5\\u4F5C\\u573A\\u666F\\u6A21\\u62DF\"})]}),/*#__PURE__*/_jsxs(\"div\",{className:\"p-6 bg-cyber-dark-900/50 rounded-xl\",children:[/*#__PURE__*/_jsx(Zap,{className:\"text-neon-purple-500 mb-4\",size:48}),/*#__PURE__*/_jsx(\"h4\",{className:\"text-xl font-bold text-neon-purple-400 mb-3\",children:\"AI\\u5B9E\\u6218\\u9879\\u76EE\"}),/*#__PURE__*/_jsx(\"p\",{className:\"text-base text-cyber-dark-200\",children:\"\\u5C97\\u4F4D\\u5DE5\\u4F5C\\u6D41\\u8BBE\\u8BA1\\u4E0EAI\\u5B9E\\u6218\\u9879\\u76EE\"})]}),/*#__PURE__*/_jsxs(\"div\",{className:\"p-6 bg-cyber-dark-900/50 rounded-xl\",children:[/*#__PURE__*/_jsx(Settings,{className:\"text-cyber-pink-500 mb-4\",size:48}),/*#__PURE__*/_jsx(\"h4\",{className:\"text-xl font-bold text-cyber-pink-400 mb-3\",children:\"\\u667A\\u80FD\\u51B3\\u7B56\\u6D41\\u7A0B\"}),/*#__PURE__*/_jsx(\"p\",{className:\"text-base text-cyber-dark-200\",children:\"\\u81EA\\u52A8\\u5316\\u4E0E\\u667A\\u80FD\\u51B3\\u7B56\\u6D41\\u7A0B\\u6784\\u5EFA\"})]})]})]}),/*#__PURE__*/_jsxs(motion.div,{variants:fadeInUp,className:\"cyber-card p-8 rounded-2xl mb-8\",children:[/*#__PURE__*/_jsx(\"h3\",{className:\"text-3xl font-bold text-neon-cyan-400 mb-6\",children:\"\\u5B66\\u4E60\\u6210\\u679C\"}),/*#__PURE__*/_jsxs(\"div\",{className:\"space-y-6\",children:[/*#__PURE__*/_jsxs(\"div\",{className:\"flex items-start gap-4 p-4 bg-neon-cyan-500/5 rounded-xl border border-neon-cyan-500/20\",children:[/*#__PURE__*/_jsx(Award,{className:\"text-neon-cyan-500 flex-shrink-0 mt-1\",size:32}),/*#__PURE__*/_jsxs(\"div\",{children:[/*#__PURE__*/_jsx(\"h4\",{className:\"text-xl font-bold text-neon-cyan-400 mb-2\",children:\"\\u5B9E\\u6218\\u5E94\\u7528\\u80FD\\u529B\"}),/*#__PURE__*/_jsx(\"p\",{className:\"text-lg text-cyber-dark-200\",children:\"\\u638C\\u63E1AI\\u5728\\u804C\\u573A\\u7684\\u5B9E\\u6218\\u5E94\\u7528\\u80FD\\u529B\"})]})]}),/*#__PURE__*/_jsxs(\"div\",{className:\"flex items-start gap-4 p-4 bg-neon-purple-500/5 rounded-xl border border-neon-purple-500/20\",children:[/*#__PURE__*/_jsx(Rocket,{className:\"text-neon-purple-500 flex-shrink-0 mt-1\",size:32}),/*#__PURE__*/_jsxs(\"div\",{children:[/*#__PURE__*/_jsx(\"h4\",{className:\"text-xl font-bold text-neon-purple-400 mb-2\",children:\"AI\\u66FF\\u4F60\\u5DE5\\u4F5C\"}),/*#__PURE__*/_jsx(\"p\",{className:\"text-lg text-cyber-dark-200\",children:\"\\u4ECE\\\"\\u61C2AI\\\"\\u5230\\\"\\u8BA9AI\\u66FF\\u4F60\\u5DE5\\u4F5C\\\"\"})]})]}),/*#__PURE__*/_jsxs(\"div\",{className:\"flex items-start gap-4 p-4 bg-cyber-pink-500/5 rounded-xl border border-cyber-pink-500/20\",children:[/*#__PURE__*/_jsx(TrendingUp,{className:\"text-cyber-pink-500 flex-shrink-0 mt-1\",size:32}),/*#__PURE__*/_jsxs(\"div\",{children:[/*#__PURE__*/_jsx(\"h4\",{className:\"text-xl font-bold text-cyber-pink-400 mb-2\",children:\"\\u9AD8\\u6548\\u80FD\\u4EBA\\u624D\"}),/*#__PURE__*/_jsx(\"p\",{className:\"text-lg text-cyber-dark-200\",children:\"\\u6210\\u4E3A\\u4F01\\u4E1A\\u4E89\\u62A2\\u7684AI\\u9AD8\\u6548\\u80FD\\u4EBA\\u624D\"})]})]})]})]}),/*#__PURE__*/_jsxs(motion.div,{variants:fadeInUp,className:\"cyber-card p-8 rounded-2xl\",children:[/*#__PURE__*/_jsxs(\"h3\",{className:\"text-3xl font-bold text-neon-purple-400 mb-6 flex items-center gap-3\",children:[/*#__PURE__*/_jsx(BarChart,{className:\"neon-glow-purple\",size:36}),\"\\u6848\\u4F8B\\u5C55\\u793A\\uFF1A\\u6D3B\\u52A8\\u7B56\\u5212\\u6848\\u81EA\\u52A8\\u5316\\u751F\\u6210\"]}),/*#__PURE__*/_jsxs(\"div\",{className:\"mb-8\",children:[/*#__PURE__*/_jsx(\"h4\",{className:\"text-2xl font-bold text-neon-cyan-400 mb-4\",children:\"\\u4F20\\u7EDF\\u6D41\\u7A0B\\uFF1A\"}),/*#__PURE__*/_jsxs(\"div\",{className:\"space-y-3\",children:[/*#__PURE__*/_jsxs(\"div\",{className:\"flex items-start gap-3 p-4 bg-cyber-dark-900/50 rounded-xl\",children:[/*#__PURE__*/_jsx(\"div\",{className:\"w-2 h-2 bg-neon-cyan-500 rounded-full mt-2 flex-shrink-0\"}),/*#__PURE__*/_jsx(\"p\",{className:\"text-lg text-cyber-dark-200\",children:\"\\u4EBA\\u5DE5\\u67E5\\u8D44\\u6599\\u3001\\u5199\\u7B56\\u5212\\u6848\\u3001\\u6574\\u7406\\u6D41\\u7A0B\\u8868\\u3001\\u5236\\u4F5C\\u9884\\u7B97\\u8868\\uFF1B\"})]}),/*#__PURE__*/_jsxs(\"div\",{className:\"flex items-start gap-3 p-4 bg-cyber-dark-900/50 rounded-xl\",children:[/*#__PURE__*/_jsx(\"div\",{className:\"w-2 h-2 bg-neon-purple-500 rounded-full mt-2 flex-shrink-0\"}),/*#__PURE__*/_jsx(\"p\",{className:\"text-lg text-cyber-dark-200\",children:\"\\u591A\\u4EBA\\u534F\\u4F5C\\u53CD\\u590D\\u4FEE\\u6539\\u3001\\u6C9F\\u901A\\u6210\\u672C\\u9AD8\\u3001\\u7248\\u672C\\u6DF7\\u4E71\\u3001\\u8017\\u65F6\\u8017\\u529B\\u3002\"})]}),/*#__PURE__*/_jsx(\"h4\",{className:\"text-2xl font-bold text-neon-cyan-400 mb-4\",children:\"AI\\u8D4B\\u80FD\\u6D41\\u7A0B\\uFF1A\"}),/*#__PURE__*/_jsxs(\"div\",{className:\"flex items-start gap-3 p-4 bg-cyber-dark-900/50 rounded-xl\",children:[/*#__PURE__*/_jsx(\"div\",{className:\"w-2 h-2 bg-cyber-pink-500 rounded-full mt-2 flex-shrink-0\"}),/*#__PURE__*/_jsx(\"p\",{className:\"text-lg text-cyber-dark-200\",children:\"\\u81EA\\u52A8\\u6536\\u96C6\\u6D3B\\u52A8\\u4E3B\\u9898\\u76F8\\u5173\\u8D44\\u6599\\u4E0E\\u7075\\u611F\\uFF1B\"})]}),/*#__PURE__*/_jsxs(\"div\",{className:\"flex items-start gap-3 p-4 bg-cyber-dark-900/50 rounded-xl\",children:[/*#__PURE__*/_jsx(\"div\",{className:\"w-2 h-2 bg-neon-yellow-500 rounded-full mt-2 flex-shrink-0\"}),/*#__PURE__*/_jsx(\"p\",{className:\"text-lg text-cyber-dark-200\",children:\"\\u667A\\u80FD\\u751F\\u6210\\u6D3B\\u52A8\\u7B56\\u5212\\u6848\\uFF08\\u542B\\u6D41\\u7A0B\\u3001\\u521B\\u610F\\u3001\\u9884\\u7B97\\u3001\\u5BA3\\u4F20\\u65B9\\u6848\\uFF09\\uFF1B\"})]}),/*#__PURE__*/_jsxs(\"div\",{className:\"flex items-start gap-3 p-4 bg-cyber-dark-900/50 rounded-xl\",children:[/*#__PURE__*/_jsx(\"div\",{className:\"w-2 h-2 bg-neon-yellow-500 rounded-full mt-2 flex-shrink-0\"}),/*#__PURE__*/_jsx(\"p\",{className:\"text-lg text-cyber-dark-200\",children:\"\\u6279\\u91CF\\u5BFC\\u5165\\u98DE\\u4E66\\u8868\\u683C\\uFF0C\\u5F62\\u6210\\u6807\\u51C6\\u5316\\u7B56\\u5212\\u6A21\\u677F\\uFF1B\"})]}),/*#__PURE__*/_jsxs(\"div\",{className:\"flex items-start gap-3 p-4 bg-cyber-dark-900/50 rounded-xl\",children:[/*#__PURE__*/_jsx(\"div\",{className:\"w-2 h-2 bg-neon-yellow-500 rounded-full mt-2 flex-shrink-0\"}),/*#__PURE__*/_jsx(\"p\",{className:\"text-lg text-cyber-dark-200\",children:\"\\u4E00\\u952E\\u66F4\\u65B0\\u4E0E\\u56E2\\u961F\\u5171\\u4EAB\\uFF0C\\u5B9E\\u65F6\\u534F\\u540C\\u4FEE\\u6539\\u4E0E\\u8F93\\u51FA\\u3002\"})]})]})]}),/*#__PURE__*/_jsxs(\"div\",{children:[/*#__PURE__*/_jsx(\"h4\",{className:\"text-2xl font-bold text-neon-purple-400 mb-4\",children:\"\\u8282\\u70B9\\u5C55\\u793A\"}),/*#__PURE__*/_jsxs(\"div\",{className:\"grid grid-cols-2 gap-6\",children:[/*#__PURE__*/_jsx(\"div\",{className:\"relative rounded-2xl overflow-hidden border-2 border-neon-purple-500/30 shadow-neon-purple cursor-pointer\",onClick:()=>setViewingImage(\"/images/课程页面/第三阶段/第三阶段ai赋能流程n8n图片1.png\"),children:/*#__PURE__*/_jsx(\"img\",{src:\"/images/\\u8BFE\\u7A0B\\u9875\\u9762/\\u7B2C\\u4E09\\u9636\\u6BB5/\\u7B2C\\u4E09\\u9636\\u6BB5ai\\u8D4B\\u80FD\\u6D41\\u7A0Bn8n\\u56FE\\u72471.png\",alt:\"AI\\u8D4B\\u80FD\\u6D41\\u7A0BN8N\\u8282\\u70B9\\u5C55\\u793A1\",className:\"w-full h-auto hover:scale-105 transition-transform duration-500\"})}),/*#__PURE__*/_jsx(\"div\",{className:\"relative rounded-2xl overflow-hidden border-2 border-neon-purple-500/30 shadow-neon-purple cursor-pointer\",onClick:()=>setViewingImage(\"/images/课程页面/第三阶段/第三阶段ai赋能流程n8n图片2.png\"),children:/*#__PURE__*/_jsx(\"img\",{src:\"/images/\\u8BFE\\u7A0B\\u9875\\u9762/\\u7B2C\\u4E09\\u9636\\u6BB5/\\u7B2C\\u4E09\\u9636\\u6BB5ai\\u8D4B\\u80FD\\u6D41\\u7A0Bn8n\\u56FE\\u72472.png\",alt:\"AI\\u8D4B\\u80FD\\u6D41\\u7A0BN8N\\u8282\\u70B9\\u5C55\\u793A2\",className:\"w-full h-auto hover:scale-105 transition-transform duration-500\"})})]}),/*#__PURE__*/_jsx(\"p\",{className:\"text-center text-sm text-cyber-dark-300 mt-4\",children:\"AI\\u8D4B\\u80FD\\u6D41\\u7A0B\\u5DE5\\u4F5C\\u6D41\\u8282\\u70B9\\u5C55\\u793A - N8N\\u81EA\\u52A8\\u5316\\u6D41\\u7A0B\\u914D\\u7F6E\"}),/*#__PURE__*/_jsxs(\"div\",{className:\"mt-8\",children:[/*#__PURE__*/_jsx(\"h4\",{className:\"text-2xl font-bold text-neon-purple-400 mb-4\",children:\"\\u6F14\\u793A\\u89C6\\u9891\"}),/*#__PURE__*/_jsx(\"div\",{className:\"relative overflow-hidden rounded-xl border-2 border-neon-purple-500/50 shadow-neon-purple\",children:/*#__PURE__*/_jsxs(\"video\",{controls:true,className:\"w-full\",poster:\"\",children:[/*#__PURE__*/_jsx(\"source\",{src:\"https://ddcz-1315997005.cos.ap-nanjing.myqcloud.com/static/video/web_teach/n8n.mov\",type:\"video/mp4\"}),\"\\u60A8\\u7684\\u6D4F\\u89C8\\u5668\\u4E0D\\u652F\\u6301\\u89C6\\u9891\\u64AD\\u653E\\u3002\"]})})]})]})]})]})}),/*#__PURE__*/_jsx(AnimatePresence,{children:viewingImage&&/*#__PURE__*/_jsx(motion.div,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},className:\"fixed inset-0 z-[99999] flex items-center justify-center bg-black/95\",onClick:()=>setViewingImage(null),children:/*#__PURE__*/_jsx(motion.img,{initial:{scale:0.9},animate:{scale:1},exit:{scale:0.9},src:viewingImage,alt:\"\\u67E5\\u770B\\u56FE\\u7247\",className:\"max-w-[85vw] max-h-[85vh] object-contain cursor-pointer\",onClick:()=>setViewingImage(null)})})})]});};export default CoursePage;","map":{"version":3,"names":["React","useState","useEffect","motion","AnimatePresence","useSectionScroll","BookOpen","Brain","Rocket","Award","TrendingUp","Users","Target","Zap","Settings","Lightbulb","CheckCircle","Package","Database","Code","BarChart","jsx","_jsx","jsxs","_jsxs","CoursePage","viewingImage","setViewingImage","currentSlide","setCurrentSlide","carouselImages","registerSection","scrollToSection","currentSection","duration","easing","sections","id","title","timer","setInterval","prev","length","clearInterval","fadeInUp","hidden","opacity","y","visible","staggerContainer","transition","staggerChildren","delayChildren","className","children","map","section","onClick","concat","ref","el","div","initial","animate","variants","h1","p","whileInView","viewport","once","margin","whileHover","x","size","image","index","img","src","alt","scale","_","style","backgroundImage","backgroundSize","backgroundPosition","controls","poster","type","exit"],"sources":["/Users/apple/Documents/cursor/Web课件/AI课/education_web_多Agent协作系统/src/pages/CoursePage.tsx"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport { motion, AnimatePresence } from 'framer-motion';\nimport { useSectionScroll } from '../hooks/useSectionScroll';\nimport {\n  BookOpen,\n  Brain,\n  Rocket,\n  Award,\n  TrendingUp,\n  Users,\n  Target,\n  Zap,\n  Settings,\n  Lightbulb,\n  CheckCircle,\n  ArrowRight,\n  Package,\n  Database,\n  Code,\n  BarChart\n} from '../components/Icons';\n\nconst CoursePage: React.FC = () => {\n  // 图片查看器状态\n  const [viewingImage, setViewingImage] = useState<string | null>(null);\n\n  // 轮播图状态\n  const [currentSlide, setCurrentSlide] = useState(0);\n  const carouselImages = [\n    '/images/课程页面/第一阶段轮播图/七、我们的课程设置_AI工具logo轮播图.png',\n    '/images/课程页面/第一阶段轮播图/七、构建属于自己的AI工作流系统.png',\n    '/images/课程页面/第一阶段轮播图/七、网页作品集-1.png',\n    '/images/课程页面/第一阶段轮播图/七、网页作品集-2.png'\n  ];\n\n  // 使用section滚动Hook\n  const { registerSection, scrollToSection, currentSection } = useSectionScroll({\n    duration: 1000, // 1秒动画\n    easing: 'cubic-bezier(0.4, 0, 0.2, 1)' // Apple风格缓动\n  });\n\n  // 目录数据\n  const sections = [\n    { id: 0, title: '课程概览' },\n    { id: 1, title: '课程价值' },\n    { id: 2, title: 'AI基础课' },\n    { id: 3, title: '复合技能课' },\n    { id: 4, title: '垂直技能课' }\n  ];\n\n  // 自动轮播\n  useEffect(() => {\n    const timer = setInterval(() => {\n      setCurrentSlide((prev) => (prev + 1) % carouselImages.length);\n    }, 4000);\n    return () => clearInterval(timer);\n  }, []);\n\n  // 动画配置\n  const fadeInUp = {\n    hidden: { opacity: 0, y: 60 },\n    visible: { opacity: 1, y: 0 }\n  };\n\n  const staggerContainer = {\n    hidden: { opacity: 0 },\n    visible: {\n      opacity: 1,\n      transition: {\n        staggerChildren: 0.2,\n        delayChildren: 0.1\n      }\n    }\n  };\n\n  return (\n    <div className=\"section-scroll-container\">\n      {/* 右侧目录导航 */}\n      <nav className=\"fixed right-8 top-1/2 transform -translate-y-1/2 z-50 hidden lg:block\">\n        <div className=\"cyber-card p-4 rounded-xl\">\n          <div className=\"space-y-3\">\n            {sections.map((section) => (\n              <button\n                key={section.id}\n                onClick={() => scrollToSection(section.id)}\n                className={`\n                  block w-full text-left px-4 py-2 rounded-lg transition-all duration-300\n                  ${currentSection === section.id\n                    ? 'bg-cyber-pink-500/20 border-l-4 border-cyber-pink-500 text-cyber-pink-400 font-bold'\n                    : 'text-cyber-dark-200 hover:bg-cyber-dark-800 hover:text-neon-cyan-400'\n                  }\n                `}\n              >\n                <span className=\"text-sm\">{section.title}</span>\n              </button>\n            ))}\n          </div>\n        </div>\n      </nav>\n\n      {/* Hero区域 */}\n      <section\n        ref={(el) => registerSection(el, 0)}\n        className=\"section-scroll-item relative flex items-center justify-center px-4 py-32\"\n      >\n        <motion.div\n          initial=\"hidden\"\n          animate=\"visible\"\n          variants={staggerContainer}\n          className=\"relative z-10 text-center max-w-5xl mx-auto\"\n        >\n          <motion.h1\n            variants={fadeInUp}\n            className=\"text-6xl md:text-7xl lg:text-8xl font-black mb-6 glitch-text gradient-text-reverse\"\n            data-text=\"我们的课程设置\"\n          >\n            我们的课程设置\n          </motion.h1>\n\n          <motion.p\n            variants={fadeInUp}\n            className=\"text-3xl md:text-4xl font-bold neon-text-cyan\"\n          >\n            从入门到实战，打造你的AI职业进阶路线图\n          </motion.p>\n        </motion.div>\n      </section>\n\n      {/* 课程价值说明区 */}\n      <section\n        ref={(el) => registerSection(el, 1)}\n        className=\"section-scroll-item flex items-center justify-center px-4\"\n      >\n        <motion.div\n          initial=\"hidden\"\n          whileInView=\"visible\"\n          viewport={{ once: true, margin: \"-100px\" }}\n          variants={staggerContainer}\n          className=\"max-w-7xl mx-auto\"\n        >\n          {/* 左右布局 */}\n          <div className=\"grid md:grid-cols-2 gap-12 items-center\">\n            {/* 左侧：三张卡片竖向排列 */}\n            <div className=\"space-y-6\">\n              {/* 价值点1 */}\n              <motion.div\n                variants={fadeInUp}\n                whileHover={{ x: 10 }}\n                className=\"cyber-card p-6 rounded-2xl\"\n              >\n                <div className=\"flex items-start gap-4\">\n                  <div className=\"flex-shrink-0\">\n                    <div className=\"w-16 h-16 bg-gradient-to-br from-neon-cyan-500/20 to-transparent rounded-xl flex items-center justify-center border border-neon-cyan-500/30\">\n                      <Brain className=\"text-neon-cyan-500 neon-glow-cyan\" size={32} />\n                    </div>\n                  </div>\n                  <div className=\"flex-1\">\n                    <h3 className=\"text-xl font-bold text-neon-cyan-400 mb-2\">\n                      各式各样AI工具的使用方法\n                    </h3>\n                    <p className=\"text-base text-cyber-dark-200\">\n                      从ChatGPT到Midjourney，从文本到视频，全面掌握主流AI工具\n                    </p>\n                  </div>\n                </div>\n              </motion.div>\n\n              {/* 价值点2 */}\n              <motion.div\n                variants={fadeInUp}\n                whileHover={{ x: 10 }}\n                className=\"cyber-card p-6 rounded-2xl\"\n              >\n                <div className=\"flex items-start gap-4\">\n                  <div className=\"flex-shrink-0\">\n                    <div className=\"w-16 h-16 bg-gradient-to-br from-neon-purple-500/20 to-transparent rounded-xl flex items-center justify-center border border-neon-purple-500/30\">\n                      <Settings className=\"text-neon-purple-500 neon-glow-purple\" size={32} />\n                    </div>\n                  </div>\n                  <div className=\"flex-1\">\n                    <h3 className=\"text-xl font-bold text-neon-purple-400 mb-2\">\n                      构建属于自己的AI工作流系统\n                    </h3>\n                    <p className=\"text-base text-cyber-dark-200\">\n                      学会自动化工作流，让AI成为你的智能助理\n                    </p>\n                  </div>\n                </div>\n              </motion.div>\n\n              {/* 价值点3 */}\n              <motion.div\n                variants={fadeInUp}\n                whileHover={{ x: 10 }}\n                className=\"cyber-card p-6 rounded-2xl\"\n              >\n                <div className=\"flex items-start gap-4\">\n                  <div className=\"flex-shrink-0\">\n                    <div className=\"w-16 h-16 bg-gradient-to-br from-cyber-pink-500/20 to-transparent rounded-xl flex items-center justify-center border border-cyber-pink-500/30\">\n                      <Award className=\"text-cyber-pink-500 neon-glow-pink\" size={32} />\n                    </div>\n                  </div>\n                  <div className=\"flex-1\">\n                    <h3 className=\"text-xl font-bold text-cyber-pink-400 mb-2\">\n                      在就业市场中脱颖而出\n                    </h3>\n                    <p className=\"text-base text-cyber-dark-200\">\n                      拥有AI技能，让你的简历在HR眼中闪闪发光\n                    </p>\n                  </div>\n                </div>\n              </motion.div>\n            </div>\n\n            {/* 右侧：轮播图 */}\n            <motion.div variants={fadeInUp} className=\"relative\">\n              <div className=\"relative overflow-hidden rounded-2xl border-2 border-neon-cyan-500/30 shadow-neon-cyan bg-cyber-dark-900/50\">\n                {/* 轮播图片 */}\n                <div className=\"relative aspect-video\">\n                  {carouselImages.map((image, index) => (\n                    <motion.img\n                      key={index}\n                      src={image}\n                      alt={`轮播图 ${index + 1}`}\n                      className=\"absolute inset-0 w-full h-full object-cover\"\n                      initial={{ opacity: 0 }}\n                      animate={{\n                        opacity: currentSlide === index ? 1 : 0,\n                        scale: currentSlide === index ? 1 : 1.1\n                      }}\n                      transition={{ duration: 0.7 }}\n                    />\n                  ))}\n                </div>\n\n                {/* 轮播指示器 */}\n                <div className=\"absolute bottom-4 left-1/2 transform -translate-x-1/2 flex gap-2\">\n                  {carouselImages.map((_, index) => (\n                    <button\n                      key={index}\n                      onClick={() => setCurrentSlide(index)}\n                      className={`w-2 h-2 rounded-full transition-all duration-300 ${\n                        currentSlide === index\n                          ? 'bg-neon-cyan-500 w-8 shadow-neon-cyan'\n                          : 'bg-cyber-dark-300 hover:bg-cyber-dark-100'\n                      }`}\n                    />\n                  ))}\n                </div>\n              </div>\n            </motion.div>\n          </div>\n\n          {/* 核心理念 */}\n          <motion.div\n            variants={fadeInUp}\n            className=\"mt-16 text-center cyber-card p-8 rounded-2xl\"\n          >\n            <p className=\"text-3xl md:text-4xl font-black gradient-text\">\n              每个岗位都有独特的AI提示词与工具，<br />\n              我们要学的不只是\"用AI\"，而是让AI高效地为我们工作\n            </p>\n          </motion.div>\n        </motion.div>\n      </section>\n\n      {/* 第一阶段：AI基础课 */}\n      <section\n        ref={(el) => registerSection(el, 2)}\n        className=\"section-scroll-item py-16 px-4\"\n      >\n        <motion.div\n          initial=\"hidden\"\n          whileInView=\"visible\"\n          viewport={{ once: true, margin: \"-100px\" }}\n          variants={staggerContainer}\n          className=\"max-w-7xl mx-auto\"\n        >\n          {/* 标题 */}\n          <motion.div variants={fadeInUp} className=\"text-center mb-16\">\n            <h2 className=\"text-5xl md:text-6xl font-black mb-6 gradient-text\">\n              第一阶段：AI基础课\n            </h2>\n            <p className=\"text-3xl font-bold text-neon-cyan-400\">\n              你的终身学习系统\n            </p>\n            <p className=\"text-xl text-cyber-dark-200 mt-4\">\n              学习目标：从零掌握AI核心原理与工具使用，建立个人AI工作流\n            </p>\n          </motion.div>\n\n          {/* 核心内容 */}\n          <motion.div variants={fadeInUp} className=\"cyber-card p-8 rounded-2xl mb-8\">\n            <h3 className=\"text-3xl font-bold text-neon-purple-400 mb-6 flex items-center gap-4\">\n              <BookOpen className=\"neon-glow-purple\" size={40} />\n              核心内容\n            </h3>\n            <div className=\"grid md:grid-cols-2 gap-6\">\n              <div className=\"p-6 bg-cyber-dark-900/50 rounded-xl border border-neon-purple-500/20\">\n                <div className=\"flex items-center gap-3 mb-3\">\n                  <Lightbulb className=\"text-neon-yellow-500\" size={32} />\n                  <h4 className=\"text-2xl font-bold text-neon-yellow-400\">提示词工程</h4>\n                </div>\n                <p className=\"text-lg text-cyber-dark-200 mb-4\">\n                  掌握Prompt设计技巧，让AI精准理解你的需求\n                </p>\n                <div className=\"relative rounded-lg overflow-hidden border border-neon-yellow-500/30 cursor-pointer\"\n                  onClick={() => setViewingImage(\"/images/课程页面/AI基础课/提示词工程.png\")}\n                >\n                  <img\n                    src=\"/images/课程页面/AI基础课/提示词工程.png\"\n                    alt=\"提示词工程\"\n                    className=\"w-full h-auto hover:scale-105 transition-transform duration-500\"\n                  />\n                </div>\n              </div>\n\n              <div className=\"p-6 bg-cyber-dark-900/50 rounded-xl border border-neon-cyan-500/20\">\n                <div className=\"flex items-center gap-3 mb-3\">\n                  <Brain className=\"text-neon-cyan-500\" size={32} />\n                  <h4 className=\"text-2xl font-bold text-neon-cyan-400\">上下文设计与表达逻辑</h4>\n                </div>\n                <p className=\"text-lg text-cyber-dark-200 mb-4\">\n                  学会结构化思考，提升AI输出质量\n                </p>\n                <div className=\"relative rounded-lg overflow-hidden border border-neon-cyan-500/30 cursor-pointer\"\n                  onClick={() => setViewingImage(\"/images/课程页面/AI基础课/上下文设计与表达逻辑.png\")}\n                >\n                  <img\n                    src=\"/images/课程页面/AI基础课/上下文设计与表达逻辑.png\"\n                    alt=\"上下文设计与表达逻辑\"\n                    className=\"w-full h-auto hover:scale-105 transition-transform duration-500\"\n                  />\n                </div>\n              </div>\n\n              <div className=\"p-6 bg-cyber-dark-900/50 rounded-xl border border-cyber-pink-500/20\">\n                <div className=\"flex items-center gap-3 mb-3\">\n                  <Package className=\"text-cyber-pink-500\" size={32} />\n                  <h4 className=\"text-2xl font-bold text-cyber-pink-400\">各种类型的AI工具</h4>\n                </div>\n                <p className=\"text-lg text-cyber-dark-200 mb-4\">\n                  全面了解文本、图像、视频、代码等AI工具\n                </p>\n                <div className=\"relative rounded-lg overflow-hidden border border-cyber-pink-500/30 cursor-pointer\"\n                  onClick={() => setViewingImage(\"/images/课程页面/AI基础课/各种类型的AI工具.png\")}\n                >\n                  <img\n                    src=\"/images/课程页面/AI基础课/各种类型的AI工具.png\"\n                    alt=\"各种类型的AI工具\"\n                    className=\"w-full h-auto hover:scale-105 transition-transform duration-500\"\n                  />\n                </div>\n              </div>\n\n              <div className=\"p-6 bg-cyber-dark-900/50 rounded-xl border border-neon-purple-500/20\">\n                <div className=\"flex items-center gap-3 mb-3\">\n                  <Zap className=\"text-neon-purple-500\" size={32} />\n                  <h4 className=\"text-2xl font-bold text-neon-purple-400\">Agent自动化工作流</h4>\n                </div>\n                <p className=\"text-lg text-cyber-dark-200 mb-4\">\n                  使用N8N等工具构建智能自动化系统\n                </p>\n                <div className=\"relative rounded-lg overflow-hidden border border-neon-purple-500/30 cursor-pointer\"\n                  onClick={() => setViewingImage(\"/images/课程页面/AI基础课/Agent自动化工作流.png\")}\n                >\n                  <img\n                    src=\"/images/课程页面/AI基础课/Agent自动化工作流.png\"\n                    alt=\"Agent自动化工作流\"\n                    className=\"w-full h-auto hover:scale-105 transition-transform duration-500\"\n                  />\n                </div>\n              </div>\n            </div>\n          </motion.div>\n\n          {/* 你可以成为 */}\n          <motion.div variants={fadeInUp} className=\"cyber-card p-8 rounded-2xl mb-8\">\n            <h3 className=\"text-3xl font-bold text-neon-cyan-400 mb-6 flex items-center gap-4\">\n              <Rocket className=\"neon-glow-cyan\" size={40} />\n              你可以成为\n            </h3>\n            <div className=\"space-y-4\">\n              <div className=\"flex items-start gap-4\">\n                <CheckCircle className=\"text-neon-cyan-500 flex-shrink-0 mt-1\" size={28} />\n                <p className=\"text-xl text-cyber-dark-200\">\n                  告别\"玩AI\"，真正理解AI的工作原理\n                </p>\n              </div>\n              <div className=\"flex items-start gap-4\">\n                <CheckCircle className=\"text-neon-cyan-500 flex-shrink-0 mt-1\" size={28} />\n                <p className=\"text-xl text-cyber-dark-200\">\n                  让AI准确理解你的需求，高效输出可用结果\n                </p>\n              </div>\n              <div className=\"flex items-start gap-4\">\n                <CheckCircle className=\"text-neon-cyan-500 flex-shrink-0 mt-1\" size={28} />\n                <p className=\"text-xl text-cyber-dark-200\">\n                  建立属于自己的\"AI工作流系统\"\n                </p>\n              </div>\n            </div>\n          </motion.div>\n        </motion.div>\n      </section>\n\n      {/* 第二阶段：复合技能课 */}\n      <section\n        ref={(el) => registerSection(el, 3)}\n        className=\"section-scroll-item py-16 px-4 bg-cyber-dark-900/30\"\n      >\n        <motion.div\n          initial=\"hidden\"\n          whileInView=\"visible\"\n          viewport={{ once: true, margin: \"-100px\" }}\n          variants={staggerContainer}\n          className=\"max-w-7xl mx-auto\"\n        >\n          {/* 标题 */}\n          <motion.div variants={fadeInUp} className=\"text-center mb-16\">\n            <h2 className=\"text-5xl md:text-6xl font-black mb-6 gradient-text-reverse\">\n              第二阶段：复合技能课\n            </h2>\n            <p className=\"text-3xl font-bold text-neon-purple-400\">\n              打通AI与行业的桥梁\n            </p>\n            <p className=\"text-xl text-cyber-dark-200 mt-4\">\n              学习目标：掌握AI在不同行业中的实际应用，提升岗位专业能力\n            </p>\n          </motion.div>\n\n          {/* 六大订单班 */}\n          <motion.div variants={fadeInUp} className=\"mb-12\">\n            <h3 className=\"text-3xl font-bold text-center text-neon-cyan-400 mb-8\">\n              六大订单班，根据自己的专业/兴趣任选其中之一\n            </h3>\n            <div className=\"grid md:grid-cols-3 lg:grid-cols-6 gap-4\">\n              <motion.div\n                whileHover={{ scale: 1.05 }}\n                className=\"cyber-card rounded-xl text-center relative overflow-hidden h-48\"\n                style={{\n                  backgroundImage: 'url(/images/课程页面/订单班图片/七、我们的课程设置_第二阶段_涵盖方向_智能制造.png)',\n                  backgroundSize: 'cover',\n                  backgroundPosition: 'center'\n                }}\n              >\n                <div className=\"absolute inset-0 bg-gradient-to-t from-cyber-dark-950/95 via-cyber-dark-950/70 to-cyber-dark-950/40\"></div>\n                <div className=\"relative z-10 p-6 h-full flex flex-col items-center justify-center\">\n                  <Settings className=\"text-neon-blue-500 mx-auto mb-3 neon-glow-blue !w-12 !h-12\" size={48} />\n                  <p className=\"text-lg font-bold text-neon-blue-400\">智能制造</p>\n                </div>\n              </motion.div>\n\n              <motion.div\n                whileHover={{ scale: 1.05 }}\n                className=\"cyber-card rounded-xl text-center relative overflow-hidden h-48\"\n                style={{\n                  backgroundImage: 'url(/images/课程页面/订单班图片/七、我们的课程设置_第二阶段_涵盖方向_财经商贸.jpg)',\n                  backgroundSize: 'cover',\n                  backgroundPosition: 'center'\n                }}\n              >\n                <div className=\"absolute inset-0 bg-gradient-to-t from-cyber-dark-950/95 via-cyber-dark-950/70 to-cyber-dark-950/40\"></div>\n                <div className=\"relative z-10 p-6 h-full flex flex-col items-center justify-center\">\n                  <BarChart className=\"text-neon-cyan-500 mx-auto mb-3 neon-glow-cyan !w-12 !h-12\" size={48} />\n                  <p className=\"text-lg font-bold text-neon-cyan-400\">财经商贸</p>\n                </div>\n              </motion.div>\n\n              <motion.div\n                whileHover={{ scale: 1.05 }}\n                className=\"cyber-card rounded-xl text-center relative overflow-hidden h-48\"\n                style={{\n                  backgroundImage: 'url(/images/课程页面/订单班图片/七、我们的课程设置_第二阶段_涵盖方向_智能开发.jpg)',\n                  backgroundSize: 'cover',\n                  backgroundPosition: 'center'\n                }}\n              >\n                <div className=\"absolute inset-0 bg-gradient-to-t from-cyber-dark-950/95 via-cyber-dark-950/70 to-cyber-dark-950/40\"></div>\n                <div className=\"relative z-10 p-6 h-full flex flex-col items-center justify-center\">\n                  <Code className=\"text-neon-purple-500 mx-auto mb-3 neon-glow-purple !w-12 !h-12\" size={48} />\n                  <p className=\"text-lg font-bold text-neon-purple-400\">智能开发</p>\n                </div>\n              </motion.div>\n\n              <motion.div\n                whileHover={{ scale: 1.05 }}\n                className=\"cyber-card rounded-xl text-center relative overflow-hidden h-48\"\n                style={{\n                  backgroundImage: 'url(/images/课程页面/订单班图片/七、我们的课程设置_第二阶段_涵盖方向_视觉设计.jpg)',\n                  backgroundSize: 'cover',\n                  backgroundPosition: 'center'\n                }}\n              >\n                <div className=\"absolute inset-0 bg-gradient-to-t from-cyber-dark-950/95 via-cyber-dark-950/70 to-cyber-dark-950/40\"></div>\n                <div className=\"relative z-10 p-6 h-full flex flex-col items-center justify-center\">\n                  <Lightbulb className=\"text-cyber-pink-500 mx-auto mb-3 neon-glow-pink !w-12 !h-12\" size={48} />\n                  <p className=\"text-lg font-bold text-cyber-pink-400\">视觉设计</p>\n                </div>\n              </motion.div>\n\n              <motion.div\n                whileHover={{ scale: 1.05 }}\n                className=\"cyber-card rounded-xl text-center relative overflow-hidden h-48\"\n                style={{\n                  backgroundImage: 'url(/images/课程页面/订单班图片/七、我们的课程设置_第二阶段_涵盖方向_文旅.jpg)',\n                  backgroundSize: 'cover',\n                  backgroundPosition: 'center'\n                }}\n              >\n                <div className=\"absolute inset-0 bg-gradient-to-t from-cyber-dark-950/95 via-cyber-dark-950/70 to-cyber-dark-950/40\"></div>\n                <div className=\"relative z-10 p-6 h-full flex flex-col items-center justify-center\">\n                  <Users className=\"text-neon-yellow-500 mx-auto mb-3 neon-glow-yellow !w-12 !h-12\" size={48} />\n                  <p className=\"text-lg font-bold text-neon-yellow-400\">文旅</p>\n                </div>\n              </motion.div>\n\n              <motion.div\n                whileHover={{ scale: 1.05 }}\n                className=\"cyber-card rounded-xl text-center relative overflow-hidden h-48\"\n                style={{\n                  backgroundImage: 'url(/images/课程页面/订单班图片/七、我们的课程设置_第二阶段_涵盖方向_大健康.jpg)',\n                  backgroundSize: 'cover',\n                  backgroundPosition: 'center'\n                }}\n              >\n                <div className=\"absolute inset-0 bg-gradient-to-t from-cyber-dark-950/95 via-cyber-dark-950/70 to-cyber-dark-950/40\"></div>\n                <div className=\"relative z-10 p-6 h-full flex flex-col items-center justify-center\">\n                  <Award className=\"text-red-500 mx-auto mb-3 !w-12 !h-12\" size={48} />\n                  <p className=\"text-lg font-bold text-red-400\">大健康</p>\n                </div>\n              </motion.div>\n            </div>\n          </motion.div>\n\n          {/* 核心内容 */}\n          <motion.div variants={fadeInUp} className=\"cyber-card p-8 rounded-2xl mb-8\">\n            <h3 className=\"text-3xl font-bold text-neon-purple-400 mb-6\">核心内容</h3>\n            <div className=\"space-y-4\">\n              <div className=\"flex items-center gap-4\">\n                <div className=\"w-2 h-2 bg-neon-purple-500 rounded-full\"></div>\n                <p className=\"text-xl text-cyber-dark-200\">行业内的基础概念与专业术语讲解</p>\n              </div>\n              <div className=\"flex items-center gap-4\">\n                <div className=\"w-2 h-2 bg-neon-cyan-500 rounded-full\"></div>\n                <p className=\"text-xl text-cyber-dark-200\">行业内核心岗位的工作步骤与重要技能</p>\n              </div>\n              <div className=\"flex items-center gap-4\">\n                <div className=\"w-2 h-2 bg-cyber-pink-500 rounded-full\"></div>\n                <p className=\"text-xl text-cyber-dark-200\">行业内AI软件案例实操</p>\n              </div>\n            </div>\n          </motion.div>\n\n          {/* 你可以得到 */}\n          <motion.div variants={fadeInUp} className=\"cyber-card p-8 rounded-2xl\">\n            <h3 className=\"text-3xl font-bold text-neon-cyan-400 mb-6\">你可以得到</h3>\n            <div className=\"grid md:grid-cols-3 gap-6\">\n              <div className=\"p-6 bg-gradient-to-br from-neon-cyan-500/10 to-transparent rounded-xl border border-neon-cyan-500/30\">\n                <TrendingUp className=\"text-neon-cyan-500 mb-4\" size={40} />\n                <p className=\"text-lg font-bold text-neon-cyan-400 mb-2\">产业与商业认知</p>\n                <p className=\"text-base text-cyber-dark-200\">超越同龄人的产业与商业认知能力</p>\n              </div>\n              <div className=\"p-6 bg-gradient-to-br from-neon-purple-500/10 to-transparent rounded-xl border border-neon-purple-500/30\">\n                <Target className=\"text-neon-purple-500 mb-4\" size={40} />\n                <p className=\"text-lg font-bold text-neon-purple-400 mb-2\">岗位工作逻辑</p>\n                <p className=\"text-base text-cyber-dark-200\">理解每个岗位的工作逻辑以及工作门道</p>\n              </div>\n              <div className=\"p-6 bg-gradient-to-br from-cyber-pink-500/10 to-transparent rounded-xl border border-cyber-pink-500/30\">\n                <Brain className=\"text-cyber-pink-500 mb-4\" size={40} />\n                <p className=\"text-lg font-bold text-cyber-pink-400 mb-2\">双重能力</p>\n                <p className=\"text-base text-cyber-dark-200\">\"AI思维 + 行业知识\"的双重能力</p>\n              </div>\n            </div>\n          </motion.div>\n\n          {/* 案例展示区 */}\n          <motion.div variants={fadeInUp} className=\"mt-16\">\n            <h3 className=\"text-4xl font-bold text-center text-neon-cyan-400 mb-12\">\n              实战案例展示\n            </h3>\n\n            {/* 案例一：AI视觉设计水果茶 */}\n            <div className=\"mb-16\">\n              <h4 className=\"text-2xl font-bold text-neon-purple-400 mb-6 flex items-center gap-3\">\n                <Lightbulb className=\"neon-glow-purple\" size={32} />\n                案例一：AI视觉设计 - 水果茶海报设计\n              </h4>\n\n              {/* 第一个效果 */}\n              <div className=\"cyber-card p-6 rounded-2xl mb-8\">\n                {/* 上部：需求和提示词横向排列 */}\n                <div className=\"grid lg:grid-cols-2 gap-6 mb-8\">\n                  {/* 左侧：需求 */}\n                  <div className=\"space-y-4\">\n                    <h5 className=\"text-xl font-bold text-neon-cyan-400 mb-3\">设计需求</h5>\n                    <div className=\"text-base text-cyber-dark-200 space-y-2\">\n                      <p className=\"flex items-start gap-2\">\n                        <span className=\"text-neon-cyan-500 mt-1\">•</span>\n                        <span>确定目标受众、氛围、画面元素，如奶茶杯、水果、光效、杯壁含有水滴，在树荫下，草丛上</span>\n                      </p>\n                      <p className=\"flex items-start gap-2\">\n                        <span className=\"text-neon-cyan-500 mt-1\">•</span>\n                        <span>AI的风格为实拍、清新</span>\n                      </p>\n                      <p className=\"flex items-start gap-2\">\n                        <span className=\"text-neon-cyan-500 mt-1\">•</span>\n                        <span>角度为平视、特写</span>\n                      </p>\n                      <p className=\"flex items-start gap-2\">\n                        <span className=\"text-neon-cyan-500 mt-1\">•</span>\n                        <span>要有英文的宣传文案</span>\n                      </p>\n                      <h5 className=\"text-xl font-bold text-neon-cyan-400 mb-3\">模型</h5>\n                      <p className=\"flex items-start gap-2\">\n                        <span className=\"text-neon-cyan-500 mt-1\">•</span>\n                        <span>Doubao Seedream 4.0</span>\n                      </p>\n                    </div>\n                  </div>\n\n                  {/* 右侧：提示词(高度缩小) */}\n                  <div className=\"space-y-4\">\n                    <h5 className=\"text-xl font-bold text-neon-purple-400 mb-3\">AI提示词</h5>\n                    <div className=\"bg-cyber-dark-950/80 rounded-xl p-4 border border-neon-purple-500/30 font-mono text-sm text-cyber-dark-100 overflow-y-auto max-h-[450px]\">\n                      <pre className=\"whitespace-pre-wrap\">\n{`\n        markdown\n        # Role: 商业视觉设计生成器\n\n        ## Profile\n        - author: LangGPT\n        - version: 1.0\n        - language: 中文\n        - description: 生成风格鲜明、适合商业推广的海报图像，适用于奶茶、甜品等门店新品上市宣传。\n\n        ## Skills\n        1. 根据场景生成高质量、构图合理的图像提示词；\n        2. 能根据目标用户、情绪氛围控制图像风格与元素；\n        3. 支持对图像风格、焦点、光影、色彩等细节进行微调；\n        4. 提供中英双语提示词版本，适配多平台AI绘图工具。\n\n        ## OutputFormat（图像生成提示词结构）:\n\n        markdown\n        【中文提示词】\n        主题：失重空间站风格的冰镇水果茶海报（主体锁定）\n        提示词：\n\n        主体保持不变：一杯透明高杯的冰镇水果茶在失重中漂浮，杯沿覆盖尖锐霜晶，杯壁密布凝结水珠；杯中有橙片、红西柚片、青柠片与冰块，茶汤金橙色；玻璃边缘硬质轮廓光，浅景深，商业美食摄影，超高细节，竖版海报构图。\n\n        背景可自由改变为：{在此填写你想要的背景场景}。\n\n        注意：禁止改变主体外观与构图比例（玻璃杯形状、霜晶、凝露、配料种类与数量、杯体大小与位置不变），禁止添加文字/LOGO/水印，前景芒果与木碗青柠可有可无，以干净画面为先。\n\n        背景示例库（直接替换{在此填写你想要的背景场景}）\n        赛博朋克霓虹夜市，雨中反射、远景霓虹招牌与薄雾\n        日出雪山与云海，干净的高空冷色环境光\n        热带雨林瀑布飞沫，湿润空气与背光树叶散射\n        地中海海岸，白色小镇与湛蓝海面、正午阳光\n        复古法式厨房，奶油色瓷砖与铜锅反光\n        现代极简摄影棚，无缝背景与柔光巨型软箱\n        沙漠金色沙丘与热浪空气抖动\n        深海蓝色背景与柔和体积光（营造水下感）\n        樱花满开的城市河畔，浅粉色花海虚化\n        月球表面与低角度太阳光，远处地球悬挂\n\n        【English Prompt】\n\n        Keep the subject unchanged: a tall clear glass of iced fruit tea floating weightlessly, rim covered with spiky frost crystals, dense condensation on the glass; inside the glass are orange slices, ruby-grapefruit, lime slices and ice cubes; golden-orange liquid; hard cool rim light, shallow depth of field, commercial food photography, ultra-high detail, vertical poster composition.\n\n        The background may vary to: {write your desired background scene here}.\n\n        Notes: Do not alter the subject's appearance or composition (glass shape, frost, condensation, fruit types/quantity, glass size and position remain the same). No text/logo/watermark. Foreground mango and wooden bowl of limes are optional; keep the frame clean.\n\n         English, copy-ready single-line prompts (subject locked, background varies). Paste any one into Doubao or seedream.\n        — Cyberpunk neon night market, rain reflections, distant neon signs and light mist\n        — Sunrise over snowy mountains and a sea of clouds, clean high-altitude cool ambient light\n        — Tropical rainforest waterfall spray, humid air with backlit foliage scattering\n        — Mediterranean coast, white hillside town and deep-blue sea under noon sunlight\n        — Vintage French kitchen, cream-colored tiles and reflections on copper pots\n        — Modern minimal photo studio, seamless backdrop and large softbox diffuse lighting\n        — Desert with golden sand dunes and shimmering heat haze\n        — Deep-ocean blue background with soft volumetric light (submerged/water feel)\n        — City riverside in full cherry blossom, soft pink bokeh of flowers\n        — Lunar surface with low-angle sunlight, Earth hanging in the distant sky\n        `}\n                      </pre>\n                    </div>\n                  </div>\n                </div>\n\n                {/* 下部：效果图横向排列 */}\n                <div>\n                  <h5 className=\"text-xl font-bold text-cyber-pink-400 mb-4\">最终效果</h5>\n                  <div className=\"grid grid-cols-4 gap-4 mb-6\">\n                    <div className=\"relative rounded-xl overflow-hidden border-2 border-neon-pink-500/30 shadow-neon-pink cursor-pointer\"\n                      onClick={() => setViewingImage(\"/images/课程页面/图片效果/奶茶海报1.png\")}\n                    >\n                      <img\n                        src=\"/images/课程页面/图片效果/奶茶海报1.png\"\n                        alt=\"AI视觉设计案例1\"\n                        className=\"w-full h-auto hover:scale-105 transition-transform duration-500\"\n                      />\n                    </div>\n                    <div className=\"relative rounded-xl overflow-hidden border-2 border-neon-pink-500/30 shadow-neon-pink cursor-pointer\"\n                      onClick={() => setViewingImage(\"/images/课程页面/图片效果/奶茶海报2.png\")}\n                    >\n                      <img\n                        src=\"/images/课程页面/图片效果/奶茶海报2.png\"\n                        alt=\"AI视觉设计案例2\"\n                        className=\"w-full h-auto hover:scale-105 transition-transform duration-500\"\n                      />\n                    </div>\n                    <div className=\"relative rounded-xl overflow-hidden border-2 border-neon-pink-500/30 shadow-neon-pink cursor-pointer\"\n                      onClick={() => setViewingImage(\"/images/课程页面/图片效果/奶茶海报3.png\")}\n                    >\n                      <img\n                        src=\"/images/课程页面/图片效果/奶茶海报3.png\"\n                        alt=\"AI视觉设计案例3\"\n                        className=\"w-full h-auto hover:scale-105 transition-transform duration-500\"\n                      />\n                    </div>\n                    <div className=\"relative rounded-xl overflow-hidden border-2 border-neon-pink-500/30 shadow-neon-pink cursor-pointer\"\n                      onClick={() => setViewingImage(\"/images/课程页面/图片效果/奶茶海报4.png\")}\n                    >\n                      <img\n                        src=\"/images/课程页面/图片效果/奶茶海报4.png\"\n                        alt=\"AI视觉设计案例4\"\n                        className=\"w-full h-auto hover:scale-105 transition-transform duration-500\"\n                      />\n                    </div>\n                  </div>\n\n                  {/* 演示视频 */}\n                  <div className=\"mt-6\">\n                    <h5 className=\"text-xl font-bold text-neon-purple-400 mb-4\">演示视频</h5>\n                    <div className=\"relative overflow-hidden rounded-xl border-2 border-neon-purple-500/50 shadow-neon-purple\">\n                      <video\n                        controls\n                        className=\"w-full\"\n                        poster=\"\"\n                      >\n                        <source src=\"https://ddcz-1315997005.cos.ap-nanjing.myqcloud.com/static/video/web_teach/milktea.mp4\" type=\"video/mp4\" />\n                        您的浏览器不支持视频播放。\n                      </video>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n\n            {/* 案例二：AI编程开发 */}\n            <div>\n              <h4 className=\"text-2xl font-bold text-neon-purple-400 mb-6 flex items-center gap-3\">\n                <Code className=\"neon-glow-purple\" size={32} />\n                案例二：AI编程开发 - 小型商品展示网站\n              </h4>\n\n              {/* 开发效果展示 */}\n              <div className=\"cyber-card p-6 rounded-2xl\">\n                {/* 上部：需求和提示词横向排列 */}\n                <div className=\"grid lg:grid-cols-2 gap-6 mb-8\">\n                  {/* 左侧：需求 */}\n                  <div className=\"space-y-4\">\n                    <h5 className=\"text-xl font-bold text-neon-cyan-400 mb-3\">开发需求</h5>\n                    <div className=\"text-base text-cyber-dark-200 space-y-2\">\n                      <p className=\"flex items-start gap-2\">\n                        <span className=\"text-neon-cyan-500 mt-1\">•</span>\n                        <span>功能需求：个人电商独立站，具有上架、销售、客服等功能</span>\n                      </p>\n                      <p className=\"flex items-start gap-2\">\n                        <span className=\"text-neon-cyan-500 mt-1\">•</span>\n                        <span>模块布局：有首页、产品页联系我们三大板块</span>\n                      </p>\n                      <p className=\"flex items-start gap-2\">\n                        <span className=\"text-neon-cyan-500 mt-1\">•</span>\n                        <span>网站风格：主题为为简约高级风</span>\n                      </p>\n                      <p className=\"flex items-start gap-2\">\n                        <span className=\"text-neon-cyan-500 mt-1\">•</span>\n                        <span>开发环境：纯前端开发环境，使用HTML5、CSS3和原生JavaScript，可直接在浏览器运行并部署到任何静态网站托管服务。</span>\n                      </p>\n                      <h5 className=\"text-xl font-bold text-neon-cyan-400 mb-3\">模型</h5>\n                      \n                      <p className=\"flex items-start gap-2\">\n                        <span className=\"text-neon-cyan-500 mt-1\">•</span>\n                        <span>https://chat.z.ai/</span>\n                      </p>\n                    </div>\n                  </div>\n\n                  {/* 右侧：提示词(高度缩小) */}\n                  <div className=\"space-y-4\">\n                    <h5 className=\"text-xl font-bold text-neon-purple-400 mb-3\">AI提示词</h5>\n                    <div className=\"bg-cyber-dark-950/80 rounded-xl p-4 border border-neon-purple-500/30 font-mono text-sm text-cyber-dark-100 overflow-y-auto max-h-[450px]\">\n                      <pre className=\"whitespace-pre-wrap\">\n{`# Role: 网站前端开发专家\n\n## Profile\n- author: LangGPT\n- version: 1.0\n- language: 中文\n- description: 你是一位网站前端开发专家，擅长设计和构建高质量网页。\n\n## Skills\n- 能够构建完整的电商网站页面结构，包括首页、产品页和联系我们页。\n- 熟悉商品上架、销售展示、用户交互和简易客服模块的实现方式。\n- 擅长使用简约高级风格设计网页，提升用户体验和品牌形象。\n\n## Goals\n- 创建一个具备基本电商功能的个人独立站前端项目。\n- 包含首页、产品页、联系我们三大板块，每个页面具有简约高级的视觉设计。\n- 支持商品上架展示、基础销售交互和留言形式的客服功能。\n\n## Rules\n1. 代码需结构清晰，便于维护和扩展。\n2. 页面风格需统一，符合\"简约高级\"的美学标准。\n3. 确保所有页面之间导航顺畅，用户体验良好。\n\n## Workflows\n为我生成一个个人电商独立站，包含以下功能和模块：\n1. 功能要求：\n    上架功能：允许产品上传并展示；\n    销售功能：支持在线支付和订单管理；\n    客服功能：集成聊天支持或留言系统。\n2. 模块布局：\n    首页：展示品牌、产品和促销信息；\n    产品页：显示详细产品信息、图片、价格和购买链接；\n    联系我们：提供联系方式、客服支持和社交媒体链接。\n3. 网站风格：\n    主题风格：简约且高级，注重细节和现代感；\n    色调：使用优雅的配色方案，搭配简洁的布局。\n4. 开发环境：\n    使用HTML5、CSS3和原生JavaScript开发，无需依赖任何外部框架或库；\n    网站应为静态网站，能够直接在浏览器运行；\n    能够轻松部署到任何静态网站托管服务，如GitHub Pages、Netlify等。\n\n【English Prompt】\n\n# Role: Front-End Web Development Expert\n\n## Profile\n- author: LangGPT\n- version: 1.0\n- language: English\n- description: You are an expert in front-end web development, specializing in creating fully static websites using HTML5, CSS3, and vanilla JavaScript.\n\n## Skills\n- Building static, browser-run websites without any backend dependencies\n- Designing clean and elegant UI/UX with minimalist aesthetics\n- Structuring multi-page websites (Home, Product, Contact)\n- Implementing interactive features using pure JavaScript\n- Deploying to any static hosting service\n\n## Goals\n- Build a personal e-commerce website with product listing, sales presentation, and a basic customer contact form.\n- Include three main sections: Home, Product, and Contact Us.\n- Ensure clean layout, smooth navigation, and a refined minimalist design.\n- Ensure that all code runs directly in the browser and can be deployed as a static website.\n\n## Rules\n1. Use only HTML5, CSS3, and vanilla JavaScript.\n2. Avoid using any frameworks, libraries, or server-side code.\n3. Focus on aesthetic simplicity and modern design.\n4. Ensure the code is clean, modular, and ready for deployment.\n\n## Workflows\n1. Create the overall site structure and navigation system.\n2. Design and implement the Product page with item listings, prices, and purchase buttons.\n3. Add a Contact Us page with a simple customer service form.\n4. Style all components to match a minimalist and elegant theme.`}\n                      </pre>\n                    </div>\n                  </div>\n                </div>\n\n                {/* 下部：效果图横向排列 */}\n                <div>\n                  <h5 className=\"text-xl font-bold text-cyber-pink-400 mb-4\">最终效果</h5>\n                  <div className=\"space-y-4\">\n                    {/* 第一行：2张图片 */}\n                    <div className=\"grid grid-cols-2 gap-4\">\n                      <div className=\"relative rounded-xl overflow-hidden border-2 border-neon-pink-500/30 shadow-neon-pink cursor-pointer\"\n                        onClick={() => setViewingImage(\"/images/课程页面/图片效果/1.生成页面.jpeg\")}\n                      >\n                        <img\n                          src=\"/images/课程页面/图片效果/1.生成页面.jpeg\"\n                          alt=\"AI生成页面效果\"\n                          className=\"w-full h-auto hover:scale-105 transition-transform duration-500\"\n                        />\n                      </div>\n                      <div className=\"relative rounded-xl overflow-hidden border-2 border-neon-pink-500/30 shadow-neon-pink cursor-pointer\"\n                        onClick={() => setViewingImage(\"/images/课程页面/图片效果/2.主页.jpeg\")}\n                      >\n                        <img\n                          src=\"/images/课程页面/图片效果/2.主页.jpeg\"\n                          alt=\"网站主页\"\n                          className=\"w-full h-auto hover:scale-105 transition-transform duration-500\"\n                        />\n                      </div>\n                    </div>\n                    {/* 第二行：3张图片 */}\n                    <div className=\"grid grid-cols-3 gap-4\">\n                      <div className=\"relative rounded-xl overflow-hidden border-2 border-neon-pink-500/30 shadow-neon-pink cursor-pointer\"\n                        onClick={() => setViewingImage(\"/images/课程页面/图片效果/3.产品页.jpeg\")}\n                      >\n                        <img\n                          src=\"/images/课程页面/图片效果/3.产品页.jpeg\"\n                          alt=\"产品列表页\"\n                          className=\"w-full h-auto hover:scale-105 transition-transform duration-500\"\n                        />\n                      </div>\n                      <div className=\"relative rounded-xl overflow-hidden border-2 border-neon-pink-500/30 shadow-neon-pink cursor-pointer\"\n                        onClick={() => setViewingImage(\"/images/课程页面/图片效果/4.产品详情页.jpeg\")}\n                      >\n                        <img\n                          src=\"/images/课程页面/图片效果/4.产品详情页.jpeg\"\n                          alt=\"产品详情页\"\n                          className=\"w-full h-auto hover:scale-105 transition-transform duration-500\"\n                        />\n                      </div>\n                      <div className=\"relative rounded-xl overflow-hidden border-2 border-neon-pink-500/30 shadow-neon-pink cursor-pointer\"\n                        onClick={() => setViewingImage(\"/images/课程页面/图片效果/5.联系我们.jpeg\")}\n                      >\n                        <img\n                          src=\"/images/课程页面/图片效果/5.联系我们.jpeg\"\n                          alt=\"联系我们页\"\n                          className=\"w-full h-auto hover:scale-105 transition-transform duration-500\"\n                        />\n                      </div>\n                    </div>\n                  </div>\n\n                  {/* 演示视频 */}\n                  <div className=\"mt-6\">\n                    <h5 className=\"text-xl font-bold text-neon-purple-400 mb-4\">演示视频</h5>\n                    <div className=\"relative overflow-hidden rounded-xl border-2 border-neon-purple-500/50 shadow-neon-purple\">\n                      <video\n                        controls\n                        className=\"w-full\"\n                        poster=\"\"\n                      >\n                        <source src=\"https://ddcz-1315997005.cos.ap-nanjing.myqcloud.com/static/video/web_teach/web.mov\" type=\"video/mp4\" />\n                        您的浏览器不支持视频播放。\n                      </video>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </motion.div>\n        </motion.div>\n      </section>\n\n      {/* 第三阶段：垂直技能课 */}\n      <section\n        ref={(el) => registerSection(el, 4)}\n        className=\"section-scroll-item py-16 px-4\"\n      >\n        <motion.div\n          initial=\"hidden\"\n          whileInView=\"visible\"\n          viewport={{ once: true, margin: \"-100px\" }}\n          variants={staggerContainer}\n          className=\"max-w-7xl mx-auto\"\n        >\n          {/* 标题 */}\n          <motion.div variants={fadeInUp} className=\"text-center mb-16\">\n            <h2 className=\"text-5xl md:text-6xl font-black mb-6 gradient-text\">\n              第三阶段：垂直技能课\n            </h2>\n            <p className=\"text-3xl font-bold text-cyber-pink-400\">\n              从学习到实战\n            </p>\n            <p className=\"text-xl text-cyber-dark-200 mt-4\">\n              学习目标：实战驱动，构建岗位级AI工作流，提升职场竞争力\n            </p>\n          </motion.div>\n\n          {/* 核心内容 */}\n          <motion.div variants={fadeInUp} className=\"cyber-card p-8 rounded-2xl mb-8\">\n            <h3 className=\"text-3xl font-bold text-neon-purple-400 mb-6\">核心内容</h3>\n            <div className=\"grid md:grid-cols-3 gap-6\">\n              <div className=\"p-6 bg-cyber-dark-900/50 rounded-xl\">\n                <Database className=\"text-neon-cyan-500 mb-4\" size={48} />\n                <h4 className=\"text-xl font-bold text-neon-cyan-400 mb-3\">真实工作场景模拟</h4>\n                <p className=\"text-base text-cyber-dark-200\">各行业真实工作场景模拟</p>\n              </div>\n              <div className=\"p-6 bg-cyber-dark-900/50 rounded-xl\">\n                <Zap className=\"text-neon-purple-500 mb-4\" size={48} />\n                <h4 className=\"text-xl font-bold text-neon-purple-400 mb-3\">AI实战项目</h4>\n                <p className=\"text-base text-cyber-dark-200\">岗位工作流设计与AI实战项目</p>\n              </div>\n              <div className=\"p-6 bg-cyber-dark-900/50 rounded-xl\">\n                <Settings className=\"text-cyber-pink-500 mb-4\" size={48} />\n                <h4 className=\"text-xl font-bold text-cyber-pink-400 mb-3\">智能决策流程</h4>\n                <p className=\"text-base text-cyber-dark-200\">自动化与智能决策流程构建</p>\n              </div>\n            </div>\n          </motion.div>\n\n          {/* 学习成果 */}\n          <motion.div variants={fadeInUp} className=\"cyber-card p-8 rounded-2xl mb-8\">\n            <h3 className=\"text-3xl font-bold text-neon-cyan-400 mb-6\">学习成果</h3>\n            <div className=\"space-y-6\">\n              <div className=\"flex items-start gap-4 p-4 bg-neon-cyan-500/5 rounded-xl border border-neon-cyan-500/20\">\n                <Award className=\"text-neon-cyan-500 flex-shrink-0 mt-1\" size={32} />\n                <div>\n                  <h4 className=\"text-xl font-bold text-neon-cyan-400 mb-2\">实战应用能力</h4>\n                  <p className=\"text-lg text-cyber-dark-200\">掌握AI在职场的实战应用能力</p>\n                </div>\n              </div>\n              <div className=\"flex items-start gap-4 p-4 bg-neon-purple-500/5 rounded-xl border border-neon-purple-500/20\">\n                <Rocket className=\"text-neon-purple-500 flex-shrink-0 mt-1\" size={32} />\n                <div>\n                  <h4 className=\"text-xl font-bold text-neon-purple-400 mb-2\">AI替你工作</h4>\n                  <p className=\"text-lg text-cyber-dark-200\">从\"懂AI\"到\"让AI替你工作\"</p>\n                </div>\n              </div>\n              <div className=\"flex items-start gap-4 p-4 bg-cyber-pink-500/5 rounded-xl border border-cyber-pink-500/20\">\n                <TrendingUp className=\"text-cyber-pink-500 flex-shrink-0 mt-1\" size={32} />\n                <div>\n                  <h4 className=\"text-xl font-bold text-cyber-pink-400 mb-2\">高效能人才</h4>\n                  <p className=\"text-lg text-cyber-dark-200\">成为企业争抢的AI高效能人才</p>\n                </div>\n              </div>\n            </div>\n          </motion.div>\n\n          {/* 案例展示 */}\n          <motion.div variants={fadeInUp} className=\"cyber-card p-8 rounded-2xl\">\n            <h3 className=\"text-3xl font-bold text-neon-purple-400 mb-6 flex items-center gap-3\">\n              <BarChart className=\"neon-glow-purple\" size={36} />\n              案例展示：活动策划案自动化生成\n            </h3>\n\n            {/* 需求部分 */}\n            <div className=\"mb-8\">\n              <h4 className=\"text-2xl font-bold text-neon-cyan-400 mb-4\">传统流程：</h4>\n              <div className=\"space-y-3\">\n                <div className=\"flex items-start gap-3 p-4 bg-cyber-dark-900/50 rounded-xl\">\n                  <div className=\"w-2 h-2 bg-neon-cyan-500 rounded-full mt-2 flex-shrink-0\"></div>\n                  <p className=\"text-lg text-cyber-dark-200\">人工查资料、写策划案、整理流程表、制作预算表；</p>\n                </div>\n                <div className=\"flex items-start gap-3 p-4 bg-cyber-dark-900/50 rounded-xl\">\n                  <div className=\"w-2 h-2 bg-neon-purple-500 rounded-full mt-2 flex-shrink-0\"></div>\n                  <p className=\"text-lg text-cyber-dark-200\">多人协作反复修改、沟通成本高、版本混乱、耗时耗力。</p>\n                </div>\n                <h4 className=\"text-2xl font-bold text-neon-cyan-400 mb-4\">AI赋能流程：</h4>\n                <div className=\"flex items-start gap-3 p-4 bg-cyber-dark-900/50 rounded-xl\">\n                  <div className=\"w-2 h-2 bg-cyber-pink-500 rounded-full mt-2 flex-shrink-0\"></div>\n                  <p className=\"text-lg text-cyber-dark-200\">自动收集活动主题相关资料与灵感；</p>\n                </div>\n                <div className=\"flex items-start gap-3 p-4 bg-cyber-dark-900/50 rounded-xl\">\n                  <div className=\"w-2 h-2 bg-neon-yellow-500 rounded-full mt-2 flex-shrink-0\"></div>\n                  <p className=\"text-lg text-cyber-dark-200\">智能生成活动策划案（含流程、创意、预算、宣传方案）；</p>\n                </div>\n                <div className=\"flex items-start gap-3 p-4 bg-cyber-dark-900/50 rounded-xl\">\n                  <div className=\"w-2 h-2 bg-neon-yellow-500 rounded-full mt-2 flex-shrink-0\"></div>\n                  <p className=\"text-lg text-cyber-dark-200\">批量导入飞书表格，形成标准化策划模板；</p>\n                </div>\n                <div className=\"flex items-start gap-3 p-4 bg-cyber-dark-900/50 rounded-xl\">\n                  <div className=\"w-2 h-2 bg-neon-yellow-500 rounded-full mt-2 flex-shrink-0\"></div>\n                  <p className=\"text-lg text-cyber-dark-200\">一键更新与团队共享，实时协同修改与输出。</p>\n                </div>\n              </div>\n            </div>\n\n            {/* 节点展示 */}\n            <div>\n              <h4 className=\"text-2xl font-bold text-neon-purple-400 mb-4\">节点展示</h4>\n              <div className=\"grid grid-cols-2 gap-6\">\n                <div className=\"relative rounded-2xl overflow-hidden border-2 border-neon-purple-500/30 shadow-neon-purple cursor-pointer\"\n                  onClick={() => setViewingImage(\"/images/课程页面/第三阶段/第三阶段ai赋能流程n8n图片1.png\")}\n                >\n                  <img\n                    src=\"/images/课程页面/第三阶段/第三阶段ai赋能流程n8n图片1.png\"\n                    alt=\"AI赋能流程N8N节点展示1\"\n                    className=\"w-full h-auto hover:scale-105 transition-transform duration-500\"\n                  />\n                </div>\n                <div className=\"relative rounded-2xl overflow-hidden border-2 border-neon-purple-500/30 shadow-neon-purple cursor-pointer\"\n                  onClick={() => setViewingImage(\"/images/课程页面/第三阶段/第三阶段ai赋能流程n8n图片2.png\")}\n                >\n                  <img\n                    src=\"/images/课程页面/第三阶段/第三阶段ai赋能流程n8n图片2.png\"\n                    alt=\"AI赋能流程N8N节点展示2\"\n                    className=\"w-full h-auto hover:scale-105 transition-transform duration-500\"\n                  />\n                </div>\n              </div>\n              <p className=\"text-center text-sm text-cyber-dark-300 mt-4\">\n                AI赋能流程工作流节点展示 - N8N自动化流程配置\n              </p>\n\n              {/* 演示视频 */}\n              <div className=\"mt-8\">\n                <h4 className=\"text-2xl font-bold text-neon-purple-400 mb-4\">演示视频</h4>\n                <div className=\"relative overflow-hidden rounded-xl border-2 border-neon-purple-500/50 shadow-neon-purple\">\n                  <video\n                    controls\n                    className=\"w-full\"\n                    poster=\"\"\n                  >\n                    <source src=\"https://ddcz-1315997005.cos.ap-nanjing.myqcloud.com/static/video/web_teach/n8n.mov\" type=\"video/mp4\" />\n                    您的浏览器不支持视频播放。\n                  </video>\n                </div>\n              </div>\n            </div>\n          </motion.div>\n        </motion.div>\n      </section>\n\n      {/* 图片查看器 */}\n      <AnimatePresence>\n        {viewingImage && (\n          <motion.div\n            initial={{ opacity: 0 }}\n            animate={{ opacity: 1 }}\n            exit={{ opacity: 0 }}\n            className=\"fixed inset-0 z-[99999] flex items-center justify-center bg-black/95\"\n            onClick={() => setViewingImage(null)}\n          >\n            <motion.img\n              initial={{ scale: 0.9 }}\n              animate={{ scale: 1 }}\n              exit={{ scale: 0.9 }}\n              src={viewingImage}\n              alt=\"查看图片\"\n              className=\"max-w-[85vw] max-h-[85vh] object-contain cursor-pointer\"\n              onClick={() => setViewingImage(null)}\n            />\n          </motion.div>\n        )}\n      </AnimatePresence>\n    </div>\n  );\n};\n\nexport default CoursePage;\n"],"mappings":"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","ignoreList":[]},"metadata":{},"sourceType":"module","externalDependencies":[]}