https://98kamz.com/assets/Step4Plugin-1PCwLTXq.js

1import{a as d,j as e}from"./index-DYfZ-f6O.js";import{O as c}from"./OnboardingLayout-Dxcj1WQZ.js";import{B as s}from"./BeanCharacter-CpbWVxCt.js";import{g as r,an as n,Q as l}from"./vendor-ui-2Sw1blnL.js";import{u as x}from"./vendor-react-CqO9-Dnv.js";import"./proxy-BuCEEgDZ.js";import"./index-CckKMHpG.js";function f(){const t=x(),{setStep:a}=d(),i=()=>{a(2),t("/onboarding/step-2")};return e.jsx(c,{currentStep:1,totalSteps:3,onNext:i,nextLabel:"知道了，继续",children:e.jsx("div",{className:"relative max-w-7xl mx-auto pt-8",children:e.jsxs("div",{className:"space-y-6",children:[e.jsxs("div",{className:"text-center space-y-4",children:[e.jsx("div",{className:"flex justify-center",children:e.jsxs("div",{className:"relative",children:[e.jsx("div",{className:"absolute inset-0 bg-gradient-to-r from-purple-400 to-pink-400 rounded-full blur-2xl opacity-40 animate-pulse"}),e.jsx("div",{className:"relative bg-gradient-to-br from-purple-500 to-pink-500 p-6 rounded-full shadow-2xl",children:e.jsx(r,{className:"w-16 h-16 text-white"})})]})}),e.jsxs("div",{children:[e.jsx("h1",{className:"text-4xl font-bold bg-gradient-to-r from-purple-600 via-pink-600 to-rose-600 bg-clip-text text-transparent mb-2",children:"第一步：固定插件图标"}),e.jsx("p",{className:"text-xl text-gray-700 font-medium",children:"将插件固定到工具栏，随时快速访问"})]})]}),e.jsxs("div",{className:"grid grid-cols-1 lg:grid-cols-5 gap-6",children:[e.jsx("div",{className:"lg:col-span-2",children:e.jsxs("div",{className:"bg-white rounded-2xl shadow-xl p-6 border border-gray-100 h-full",children:[e.jsx("h2",{className:"text-xl font-bold text-gray-800 mb-5 text-center",children:"如何固定插件？"}),e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{className:"bg-purple-50 rounded-xl border-2 border-purple-100 p-4 hover:border-purple-300 transition-colors",children:[e.jsxs("div",{className:"flex items-start gap-3 mb-3",children:[e.jsx("div",{className:"flex-shrink-0 w-8 h-8 bg-gradient-to-br from-purple-500 to-purple-600 rounded-full flex items-center justify-center font-bold text-white text-sm shadow-lg",children:"1"}),e.jsxs("p",{className:"font-bold text-gray-800 text-sm flex-1",children:["点击浏览器右上角的",e.jsx("span",{className:"text-purple-600",children:"拼图图标 🧩"})]})]}),e.jsxs("div",{className:"bg-white rounded-lg p-2 flex items-center gap-2 shadow-sm ml-11",children:[e.jsx(n,{className:"w-4 h-4 text-gray-600 flex-shrink-0"}),e.jsx("span",{className:"text-gray-700 text-xs",children:"Chrome 工具栏扩展入口"})]})]}),e.jsx("div",{className:"bg-pink-50 rounded-xl border-2 border-pink-100 p-4 hover:border-pink-300 transition-colors",children:e.jsxs("div",{className:"flex items-start gap-3",children:[e.jsx("div",{className:"flex-shrink-0 w-8 h-8 bg-gradient-to-br from-pink-500 to-pink-600 rounded-full flex items-center justify-center font-bold text-white text-sm shadow-lg",children:"2"}),e.jsxs("div",{className:"flex-1",children:[e.jsx("p",{className:"font-bold text-gray-800 text-sm mb-1",children:"找到「洞察精灵」插件"}),e.jsx("p",{className:"text-gray-600 text-xs",children:"在扩展列表中找到我们的大眼睛图标"})]})]})}),e.jsxs("div",{className:"bg-green-50 rounded-xl border-2 border-green-100 p-4 hover:border-green-300 transition-colors",children:[e.jsxs("div",{className:"flex items-start gap-3 mb-3",children:[e.jsx("div",{className:"flex-shrink-0 w-8 h-8 bg-gradient-to-br from-green-500 to-green-600 rounded-full flex items-center justify-center font-bold text-white text-sm shadow-lg",children:"3"}),e.jsxs("div",{className:"flex-1",children:[e.jsxs("p",{className:"font-bold text-gray-800 text-sm mb-1",children:["点击",e.jsx("span",{className:"text-green-600",children:"图钉图标 📌"})," 完成固定"]}),e.jsx("p",{className:"text-gray-600 text-xs mb-2",children:"点击插件右侧的图钉图标"})]})]}),e.jsx("div",{className:"bg-green-100 border-2 border-green-300 rounded-lg p-2 ml-11",children:e.jsxs("p",{className:"text-xs text-green-800 flex items-center gap-2 font-medium",children:[e.jsx(l,{className:"w-4 h-4 flex-shrink-0"}),e.jsx("span",{children:"固定成功后会在工具栏显示 👁️"})]})})]})]}),e.jsx("div",{className:"mt-4 text-center",children:e.jsx("div",{className:"relative",children:e.jsx(s,{size:60,color:"#F43F5E",animation:"pointing",position:"right",message:"方便随时快速爬取数据 🎯",showMessage:!0})})})]})}),e.jsx("div",{className:"lg:col-span-3",children:e.jsxs("div",{className:"bg-gradient-to-br from-purple-100 via-pink-100 to-rose-100 rounded-2xl p-6 border-2 border-purple-200 h-full",children:[e.jsxs("p",{className:"text-base text-purple-900 mb-4 font-bold text-center flex items-center justify-center gap-2",children:[e.jsx("span",{className:"text-xl",children:"📍"}),"操作演示 - 跟着箭头做"]}),e.jsx("div",{className:"bg-white rounded-xl p-4 shadow-2xl mb-4",children:e.jsx("div",{className:"relative",children:e.jsxs("div",{className:"border-2 border-gray-300 rounded-lg overflow-hidden",children:[e.jsxs("div",{className:"bg-gray-100 px-3 py-2 border-b border-gray-300 flex items-center justify-between",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("div",{className:"w-2.5 h-2.5 rounded-full bg-red-400"}),e.jsx("div",{className:"w-2.5 h-2.5 rounded-full bg-yellow-400"}),e.jsx("div",{className:"w-2.5 h-2.5 rounded-full bg-green-400"})]}),e.jsx("div",{className:"flex-1 mx-3 bg-white rounded px-3 py-1 text-xs text-gray-600 shadow-sm",children:"amazon.com/dp/B08N5WRWNW"}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("div",{className:"w-6 h-6 bg-gray-200 rounded"}),e.jsx("div",{className:"w-6 h-6 bg-gray-200 rounded"}),e.jsxs("div",{className:"relative",children:[e.jsx("div",{className:"w-8 h-8 bg-gradient-to-br from-purple-500 to-purple-600 rounded flex items-center justify-center text-white text-lg animate-pulse shadow-lg",children:"🧩"}),e.jsx("div",{className:"absolute -top-1 -right-1 w-3 h-3 bg-red-500 rounded-full border-2 border-white animate-ping"})]}),e.jsx("div",{className:"w-6 h-6 bg-gray-200 rounded-full"})]})]}),e.jsxs("div",{className:"absolute right-4 top-14 bg-white rounded-lg shadow-2xl border-2 border-purple-300 p-3 w-64 z-10 animate-fade-in",children:[e.jsx("div",{className:"text-xs text-gray-600 mb-2 font-semibold",children:"扩展程序"}),e.jsxs("div",{className:"space-y-2",children:[e.jsxs("div",{className:"flex items-center justify-between p-2 bg-purple-50 rounded border-2 border-purple-200 hover:border-purple-300 transition-colors",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxs("svg",{className:"w-8 h-8 shadow-lg",viewBox:"0 0 128 128",xmlns:"http://www.w3.org/2000/svg",children:[e.jsx("defs",{children:e.jsxs("linearGradient",{id:"iconBg1",x1:"0%",y1:"0%",x2:"100%",y2:"100%",children:[e.jsx("stop",{offset:"0%",style:{stopColor:"#F43F5E",

1stopOpacity:1}}),e.jsx("stop",{offset:"100%",style:{stopColor:"#EC4899",stopOpacity:1}})]})}),e.jsx("rect",{x:"8",y:"8",width:"112",height:"112",rx:"24",ry:"24",fill:"url(#iconBg1)"}),e.jsxs("g",{transform:"translate(64, 64)",children:[e.jsx("circle",{cx:"0",cy:"0",r:"32",fill:"#FEF3C7",opacity:"0.95"}),e.jsx("circle",{cx:"0",cy:"0",r:"23",fill:"#93C5FD",opacity:"0.95"}),e.jsx("circle",{cx:"0",cy:"0",r:"14",fill:"#1E40AF"}),e.jsx("circle",{cx:"-4",cy:"-5",r:"5",fill:"#FFFFFF",opacity:"0.9"})]})]}),e.jsx("span",{className:"text-sm font-bold text-gray-800",children:"洞察精灵"})]}),e.jsxs("div",{className:"flex items-center gap-1",children:[e.jsx(r,{className:"w-5 h-5 text-purple-600 animate-bounce"}),e.jsx("span",{className:"text-xs text-purple-600 font-bold",children:"← 点这里"})]})]}),e.jsx("div",{className:"flex items-center justify-between p-2 opacity-30",children:e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("div",{className:"w-8 h-8 bg-gray-300 rounded"}),e.jsx("span",{className:"text-xs text-gray-600",children:"其他扩展"})]})})]})]})]})})}),e.jsxs("div",{className:"text-center",children:[e.jsx("p",{className:"text-sm text-purple-800 mb-2 font-semibold",children:"✓ 固定成功后，工具栏显示效果 ↓"}),e.jsx("div",{className:"bg-white rounded-lg p-3 inline-block shadow-xl border-2 border-green-200",children:e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxs("svg",{className:"w-8 h-8 shadow-lg",viewBox:"0 0 128 128",xmlns:"http://www.w3.org/2000/svg",children:[e.jsx("defs",{children:e.jsxs("linearGradient",{id:"iconBg2",x1:"0%",y1:"0%",x2:"100%",y2:"100%",children:[e.jsx("stop",{offset:"0%",style:{stopColor:"#F43F5E",stopOpacity:1}}),e.jsx("stop",{offset:"100%",style:{stopColor:"#EC4899",stopOpacity:1}})]})}),e.jsx("rect",{x:"8",y:"8",width:"112",height:"112",rx:"24",ry:"24",fill:"url(#iconBg2)"}),e.jsxs("g",{transform:"translate(64, 64)",children:[e.jsx("circle",{cx:"0",cy:"0",r:"32",fill:"#FEF3C7",opacity:"0.95"}),e.jsx("circle",{cx:"0",cy:"0",r:"23",fill:"#93C5FD",opacity:"0.95"}),e.jsx("circle",{cx:"0",cy:"0",r:"14",fill:"#1E40AF"}),e.jsx("circle",{cx:"-4",cy:"-5",r:"5",fill:"#FFFFFF",opacity:"0.9"})]})]}),e.jsx("span",{className:"text-sm text-gray-800 font-bold",children:"洞察精灵"}),e.jsx(l,{className:"w-5 h-5 text-green-500"})]})})]}),e.jsx("div",{className:"absolute -right-20 bottom-0 hidden xl:block",children:e.jsx(s,{size:70,color:"#EC4899",animation:"celebrating",position:"left"})})]})})]})]})})})}export{f as default};