import{j as n}from"./jsx-runtime-BnbLqBWP.js";import{B as e}from"./button-crrhp8Py.js";import{L as t}from"./components-B5_r6Vif.js";import{C as a}from"./chevron-right-DN2SwQMf.js";import{C as i}from"./clipboard-list-mA7UxNRU.js";import{c as r}from"./createLucideIcon-5uNZVGyg.js";import{B as s}from"./bell-BMPmv5Do.js";import{R as o}from"./refresh-cw-CXkTYcBg.js";import{S as l}from"./shopping-cart-AHm0H3ug.js";import{U as c}from"./users-Bd57yQVv.js";import{F as d}from"./file-text-ButkHygh.js";import{C as p}from"./check-BjcMQTwX.js";import"./_commonjsHelpers-TUi1EdFu.js";import"./index-BYVAcnYn.js";import"./utils-G3MRPmKb.js";import"./index-C4j0XBvN.js";import"./router-BXPf1XsM.js";import"./single-fetch-vTdWVr6V.js"; /** * @license lucide-react v0.475.0 - ISC * * This source code is licensed under the ISC license. * See the LICENSE file in the root directory of this source tree. */const m=r("BadgeCheck",[["path",{d:"M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z",key:"3c2336"}],["path",{d:"m9 12 2 2 4-4",key:"dzmm74"}]]),h=r("ChartNoAxesColumn",[["line",{x1:"18",x2:"18",y1:"20",y2:"10",key:"1xfpm4"}],["line",{x1:"12",x2:"12",y1:"20",y2:"4",key:"be30l9"}],["line",{x1:"6",x2:"6",y1:"20",y2:"14",key:"1r4le6"}]]),x=r("MessagesSquare",[["path",{d:"M14 9a2 2 0 0 1-2 2H6l-4 4V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2z",key:"p1xzt8"}],["path",{d:"M18 9h2a2 2 0 0 1 2 2v11l-4-4h-6a2 2 0 0 1-2-2v-1",key:"1cx29u"}]]),g=r("ShieldCheck",[["path",{d:"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z",key:"oel41y"}],["path",{d:"m9 12 2 2 4-4",key:"dzmm74"}]]),u=r("Wallet",[["path",{d:"M19 7V4a1 1 0 0 0-1-1H5a2 2 0 0 0 0 4h15a1 1 0 0 1 1 1v4h-3a2 2 0 0 0 0 4h3a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1",key:"18etb6"}],["path",{d:"M3 5v14a2 2 0 0 0 2 2h15a1 1 0 0 0 1-1v-4",key:"xoc0q4"}]]),f=r("Zap",[["path",{d:"M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z",key:"1xq2db"}]]),y=()=>[{title:"Hunter-Workers | 高智能的订单分发协作平台"},{name:"description",content:"Hunter-Workers 专为分布式任务团队打造,实现订单信息智能分发、执行实时跟踪和结算自动化,大幅提升团队效率,降低管理成本"}],j=()=>[{rel:"stylesheet",href:"/assets/index-BzOQ1HIz.css"}];function v(){return n.jsxs("div",{className:"home-page hunter-workers-index",children:[n.jsx("div",{id:"fullscreen-rain",className:"fullscreen-rain-container"}),n.jsx("div",{className:"noise-overlay"}),n.jsxs("section",{className:"hero",children:[n.jsx("div",{className:"grid-bg"}),n.jsx("div",{className:"terminal-bg"}),n.jsx("div",{id:"digital-rain",className:"digital-rain-container"}),n.jsx("div",{className:"digital-scan-line",style:{top:"30%"}}),n.jsx("div",{className:"digital-scan-line",style:{top:"70%",animationDelay:"1.5s"}}),n.jsx("div",{className:"parallax-bg","data-speed":"0.05",style:{width:"500px",height:"500px",top:"-100px",right:"-150px",opacity:.3}}),n.jsx("div",{className:"parallax-bg","data-speed":"0.1",style:{width:"400px",height:"400px",bottom:"-50px",left:"-100px",opacity:.2}}),n.jsx("div",{className:"container",style:{position:"relative",zIndex:2},children:n.jsxs("div",{style:{position:"relative",zIndex:1},children:[n.jsx("div",{style:{display:"block",position:"relative",marginBottom:"20px",fontFamily:"monospace",color:"var(--primary)",fontSize:"18px",textAlign:"center"},className:"digital-font",children:"< HUNTER-WORKERS />"}),n.jsx("h1",{className:"cyber-text scan-title glitch-text","data-text":"高效订单分发协作平台",children:"高效订单分发协作平台"}),n.jsx("p",{style:{textAlign:"center",maxWidth:"900px",margin:"0 auto 40px",overflow:"hidden",display:"block",whiteSpace:"nowrap"},className:"typewriter-text",children:"Hunter-Workers 专为分布式任务团队打造,实现订单信息智能分发、执行实时跟踪和结算自动化"}),n.jsx("p",{style:{color:"var(--gray)"},className:"typewriter-text",children:"企业微信应用即时推送通知,团队将会拥有无限成员的群组,大幅提升团队效率,降低管理成本"}),n.jsxs("div",{className:"cta-buttons",children:[n.jsx(t,{to:"/register/admin",children:n.jsxs(e,{size:"lg",className:"mr-4 text-base cyber-btn hover-glow group relative overflow-hidden",children:[n.jsx("span",{className:"relative z-10",children:"管理员注册"}),n.jsx("span",{className:"absolute inset-0 bg-gradient-to-r from-cyan-400/20 to-blue-500/20 opacity-0 group-hover:opacity-100 transition-opacity duration-300"}),n.jsx(a,{className:"ml-2 h-4 w-4 relative z-10"})]})}),n.jsx(t,{to:"/qywx/login",children:n.jsxs(e,{variant:"outline",size:"lg",className:"text-base cyber-btn hover-glow group relative overflow-hidden",children:[n.jsx("span",{className:"relative z-10",children:"立即登录"}),n.jsx("span",{className:"absolute inset-0 bg-gradient-to-r from-cyan-400/20 to-blue-500/20 opacity-0 group-hover:opacity-100 transition-opacity duration-300"})]})})]})]})})]}),n.jsx("section",{className:"features",id:"features",children:n.jsxs("div",{className:"container",children:[n.jsx("div",{className:"parallax-bg","data-speed":"0.08",style:{width:"300px",height:"300px",top:"100px",right:"-150px",opacity:.15}}),n.jsx("div",{className:"digital-scan-line",style:{top:"20%",animationDelay:"0.5s"}}),n.jsxs("div",{className:"section-header",children:[n.jsx("div",{className:"digital-font",style:{fontSize:"14px",color:"var(--primary)",marginBottom:"10px"},children:"< FEATURES />"}),n.jsx("h2",{className:"cyber-text",children:"核心功能"}),n.jsx("p",{children:"精心设计的功能体系,满足分布式团队的全方位需求"})]}),n.jsxs("div",{className:"features-grid",children:[n.jsxs("div",{className:"feature-card",children:[n.jsx("div",{className:"feature-icon",children:n.jsx(i,{size:32})}),n.jsx("h3",{children:"任务管理系统"}),n.jsx("p",{children:"支持任务创建与分配,设置详细参数包括佣金、免责金等。用户可浏览并领取可用任务,系统自动关联详细订单信息。"}),n.jsx("div",{style:{position:"absolute",bottom:"10px",right:"10px",fontSize:"10px",fontFamily:"monospace",color:"rgba(0, 200, 255, 0.3)"},className:"digital-font",children:"01"})]}),n.jsxs("div",{className:"feature-card",children:[n.jsx("div",{className:"feature-icon",children:n.jsx(h,{size:32})}),n.jsx("h3",{children:"执行与报告"}),n.jsx("p",{children:"实时监控任务执行状态,支持上传视频和截图作为任务完成证明,全流程追踪任务状态从领取到完成的变化。"}),n.jsx("div",{style:{position:"absolute",bottom:"10px",right:"10px",fontSize:"10px",fontFamily:"monospace",color:"rgba(0, 200, 255, 0.3)"},className:"digital-font",children:"02"})]}),n.jsxs("div",{className:"feature-card",children:[n.jsx("div",{className:"feature-icon",children:n.jsx(u,{size:32})}),n.jsx("h3",{children:"结算系统"}),n.jsx("p",{children:"基于任务完成情况自动计算应结算金额,管理员可上传结算凭证并添加备注,系统自动向用户发送结算完成通知。"}),n.jsx("div",{style:{position:"absolute",bottom:"10px",right:"10px",fontSize:"10px",fontFamily:"monospace",color:"rgba(0, 200, 255, 0.3)"},className:"digital-font",children:"03"})]}),n.jsxs("div",{className:"feature-card",children:[n.jsx("div",{className:"feature-icon",children:n.jsx(s,{size:32})}),n.jsx("h3",{children:"通知机制"}),n.jsx("p",{children:"通过企业微信发送任务和结算相关通知,任务状态变更时自动通知相关人员,确保信息传递及时有效。"})]}),n.jsxs("div",{className:"feature-card",children:[n.jsx("div",{className:"feature-icon",children:n.jsx(g,{size:32})}),n.jsx("h3",{children:"权限管理"}),n.jsx("p",{children:"完善的用户权限管理系统,确保不同角色拥有合适的操作权限,保障任务分配和执行的安全性。"})]}),n.jsxs("div",{className:"feature-card",children:[n.jsx("div",{className:"feature-icon",children:n.jsx(o,{size:32})}),n.jsx("h3",{children:"强大的订单分单系统"}),n.jsx("p",{children:"智能任务分发机制,支持批量导入订单并自动分配给合适的执行者,提高任务派发效率,减少管理成本,确保资源最优分配。"})]}),n.jsxs("div",{className:"feature-card",children:[n.jsx("div",{className:"feature-icon",children:n.jsx(x,{size:32})}),n.jsx("h3",{children:"部门群沟通"}),n.jsx("p",{children:"基于企业微信部门群的高效协作机制,实现订单信息直达,团队成员实时沟通,提升协作效率,确保信息同步共享,减少沟通成本。"})]})]})]})}),n.jsx("section",{className:"use-cases",id:"use-cases",children:n.jsxs("div",{className:"container",children:[n.jsx("div",{className:"parallax-bg","data-speed":"0.12",style:{width:"350px",height:"350px",top:"50px",left:"-100px",opacity:.2}}),n.jsxs("div",{className:"section-header",children:[n.jsx("div",{className:"digital-font",style:{fontSize:"14px",color:"var(--primary)",marginBottom:"10px"},children:"< USE-CASES />"}),n.jsx("h2",{className:"cyber-text",children:"应用场景"}),n.jsx("p",{children:"Hunter-Workers 适用于多种分布式工作场景"})]}),n.jsxs("div",{className:"use-case-cards",children:[n.jsxs("div",{className:"use-case-card",children:[n.jsx("div",{className:"use-case-icon",children:n.jsx(l,{size:40})}),n.jsx("h3",{children:"电商代购服务"}),n.jsx("p",{children:"精确跟踪每个代购订单的执行过程,确保服务质量和客户满意度。"})]}),n.jsxs("div",{className:"use-case-card",children:[n.jsx("div",{className:"use-case-icon",children:n.jsx(c,{size:40})}),n.jsx("h3",{children:"众包任务平台"}),n.jsx("p",{children:"高效管理大量小型任务的分配和验收,实现规模化运营。"})]}),n.jsxs("div",{className:"use-case-card",children:[n.jsx("div",{className:"use-case-icon",children:n.jsx(d,{size:40})}),n.jsx("h3",{children:"精细化任务记录"}),n.jsx("p",{children:"适用于需要详细记录任务执行过程的业务场景,支持合规性要求。"})]})]})]})}),n.jsx("section",{className:"pricing",id:"pricing",style:{backgroundColor:"var(--dark)",color:"var(--text-light)",position:"relative",overflow:"hidden",paddingTop:"100px",paddingBottom:"100px"},children:n.jsxs("div",{className:"container",children:[n.jsx("div",{className:"parallax-bg","data-speed":"0.05",style:{width:"400px",height:"400px",bottom:"100px",right:"-200px",opacity:.1}}),n.jsx("div",{className:"digital-scan-line",style:{top:"30%",animationDelay:"1s"}}),n.jsxs("div",{className:"section-header",children:[n.jsx("div",{className:"digital-font",style:{fontSize:"14px",color:"var(--primary)",marginBottom:"10px"},children:"< PRICING />"}),n.jsx("h2",{className:"cyber-text",children:"简单透明的定价"}),n.jsx("p",{children:"为不同规模的团队提供灵活的方案选择"}),n.jsx("p",{children:"初期时选择免费版 我们将会提供无限时长的服务支持"})]}),n.jsxs("div",{className:"pricing-grid",style:{display:"grid",gridTemplateColumns:"repeat(auto-fit, minmax(300px, 1fr))",gap:"30px",marginTop:"50px"},children:[n.jsxs("div",{className:"pricing-card",style:{backgroundColor:"rgba(17, 24, 39, 0.95)",borderRadius:"16px",boxShadow:"0 8px 32px rgba(0, 0, 0, 0.5), 0 0 15px rgba(0, 200, 255, 0.3)",padding:"40px 30px",textAlign:"center",transition:"all 0.4s ease",border:"1px solid rgba(0, 200, 255, 0.3)",display:"flex",flexDirection:"column",height:"100%",position:"relative",overflow:"hidden"},children:[n.jsx("div",{style:{position:"absolute",right:0,top:0,backgroundColor:"var(--primary)",color:"white",padding:"8px 20px",fontSize:"14px",fontWeight:"500",borderBottomLeftRadius:"8px",boxShadow:"0 0 10px rgba(0, 200, 255, 0.5)"},children:"新用户首选"}),n.jsxs("div",{style:{fontSize:"24px",fontWeight:"700",marginBottom:"10px",color:"var(--primary)"},children:[n.jsx(c,{className:"mx-auto mb-4",size:40}),n.jsx("span",{className:"cyber-text",style:{textShadow:"0 0 10px rgba(0, 200, 255, 0.8), 0 0 20px rgba(0, 200, 255, 0.5)"},children:"免费版"})]}),n.jsx("div",{style:{fontSize:"18px",color:"var(--gray)",marginBottom:"20px"},children:"适合小型团队和初创企业"}),n.jsxs("div",{style:{fontSize:"48px",fontWeight:"700",margin:"30px 0",color:"#E2E8F0",textShadow:"0 0 10px rgba(0, 200, 255, 0.3)"},className:"price-tag",children:["¥0",n.jsx("span",{style:{fontSize:"18px",fontWeight:"400",color:"var(--gray)"},children:"/月"})]}),n.jsxs("div",{style:{textAlign:"left",margin:"0 auto 30px",width:"80%"},children:[n.jsxs("div",{style:{display:"flex",alignItems:"center",marginBottom:"15px",color:"#E2E8F0"},children:[n.jsx(p,{size:20,className:"mr-2",style:{color:"var(--primary)"}})," 支持100人团队规模"]}),n.jsxs("div",{style:{display:"flex",alignItems:"center",marginBottom:"15px",color:"#E2E8F0"},children:[n.jsx(p,{size:20,className:"mr-2",style:{color:"var(--primary)"}})," 基础功能使用"]}),n.jsxs("div",{style:{display:"flex",alignItems:"center",marginBottom:"15px",color:"#E2E8F0"},children:[n.jsx(p,{size:20,className:"mr-2",style:{color:"var(--primary)"}})," 每日任务量限制"]}),n.jsxs("div",{style:{display:"flex",alignItems:"center",marginBottom:"15px",color:"#E2E8F0"},children:[n.jsx(p,{size:20,className:"mr-2",style:{color:"var(--primary)"}})," 企业微信通知 5万条/月"]})]}),n.jsx("div",{style:{marginTop:"auto"},children:n.jsx(t,{to:"/register/admin",children:n.jsxs("div",{className:"cyber-button",style:{width:"100%",height:"48px",display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:"rgba(0, 200, 255, 0.1)",color:"var(--primary)",boxShadow:"0 0 10px rgba(0, 200, 255, 0.7)",border:"1px solid rgba(0, 200, 255, 0.5)",fontSize:"16px",fontWeight:"600",borderRadius:"4px",transition:"all 0.3s ease",position:"relative",overflow:"hidden",cursor:"pointer",textShadow:"0 0 5px rgba(0, 200, 255, 0.5)"},onMouseOver:n=>{n.currentTarget.style.transform="translateY(-3px)",n.currentTarget.style.boxShadow="0 0 20px rgba(0, 200, 255, 0.9)",n.currentTarget.style.textShadow="0 0 8px rgba(0, 200, 255, 0.8)"},onMouseOut:n=>{n.currentTarget.style.transform="translateY(0)",n.currentTarget.style.boxShadow="0 0 10px rgba(0, 200, 255, 0.7)",n.currentTarget.style.textShadow="0 0 5px rgba(0, 200, 255, 0.5)"},children:["立即开始使用",n.jsx("div",{style:{position:"absolute",bottom:0,left:0,width:"100%",height:"2px",background:"linear-gradient(90deg, transparent, var(--primary), transparent)",animation:"buttonScanline 2s linear infinite"}})]})})})]}),n.jsxs("div",{className:"pricing-card",style:{backgroundColor:"rgba(17, 24, 39, 0.95)",borderRadius:"16px",boxShadow:"0 8px 32px rgba(0, 0, 0, 0.5), 0 0 20px rgba(0, 200, 255, 0.4)",padding:"40px 30px",textAlign:"center",transition:"all 0.4s ease",border:"1px solid rgba(0, 200, 255, 0.4)",display:"flex",flexDirection:"column",height:"100%",position:"relative",overflow:"hidden"},children:[n.jsx("div",{style:{position:"absolute",top:"0",right:"0",backgroundColor:"var(--primary)",color:"white",padding:"8px 20px",fontSize:"14px",fontWeight:"500",borderBottomLeftRadius:"8px",boxShadow:"0 0 10px rgba(0, 200, 255, 0.7)"},children:"最受欢迎"}),n.jsxs("div",{style:{fontSize:"24px",fontWeight:"700",marginBottom:"10px",color:"var(--primary)"},children:[n.jsx(c,{className:"mx-auto mb-4",size:40}),n.jsx("span",{className:"cyber-text",style:{textShadow:"0 0 10px rgba(0, 200, 255, 0.8), 0 0 20px rgba(0, 200, 255, 0.5)"},children:"高级版"})]}),n.jsx("div",{style:{fontSize:"18px",color:"var(--gray)",marginBottom:"20px"},children:"适合小型团队起步使用"}),n.jsxs("div",{style:{fontSize:"48px",fontWeight:"700",margin:"30px 0",color:"#E2E8F0",textShadow:"0 0 10px rgba(0, 200, 255, 0.3)"},className:"price-tag",children:["¥99",n.jsx("span",{style:{fontSize:"18px",fontWeight:"400",color:"var(--gray)"},children:"/月"})]}),n.jsxs("div",{style:{textAlign:"left",margin:"0 auto 30px",width:"80%"},children:[n.jsxs("div",{style:{display:"flex",alignItems:"center",marginBottom:"15px",color:"#E2E8F0"},children:[n.jsx(p,{size:20,className:"mr-2 text-primary"})," 支持200人团队规模"]}),n.jsxs("div",{style:{display:"flex",alignItems:"center",marginBottom:"15px",color:"#E2E8F0"},children:[n.jsx(p,{size:20,className:"mr-2 text-primary"})," 核心功能完整使用"]}),n.jsxs("div",{style:{display:"flex",alignItems:"center",marginBottom:"15px",color:"#E2E8F0"},children:[n.jsx(p,{size:20,className:"mr-2 text-primary"})," 企业微信通知 10万条/月"]})]}),n.jsx("div",{style:{marginTop:"auto"},children:n.jsx(t,{to:"/register/admin",children:n.jsx(e,{className:"w-full cyber-btn",style:{boxShadow:"0 0 10px rgba(0, 200, 255, 0.7)",border:"1px solid rgba(0, 200, 255, 0.5)",background:"linear-gradient(135deg, rgba(0, 200, 255, 0.2) 0%, rgba(0, 200, 255, 0.1) 100%)"},size:"lg",children:"立即开始使用"})})})]}),n.jsxs("div",{className:"pricing-card",style:{backgroundColor:"rgba(17, 24, 39, 0.95)",borderRadius:"16px",boxShadow:"0 8px 32px rgba(0, 0, 0, 0.5), 0 0 15px rgba(255, 102, 51, 0.3)",padding:"40px 30px",textAlign:"center",transition:"all 0.4s ease",border:"1px solid rgba(255, 102, 51, 0.3)",display:"flex",flexDirection:"column",height:"100%",position:"relative",overflow:"hidden"},children:[n.jsxs("div",{style:{fontSize:"24px",fontWeight:"700",marginBottom:"10px",color:"var(--secondary)"},children:[n.jsx(f,{className:"mx-auto mb-4",size:40}),n.jsx("span",{className:"cyber-text",style:{textShadow:"0 0 10px rgba(255, 102, 51, 0.8), 0 0 20px rgba(255, 102, 51, 0.5)"},children:"专业版"})]}),n.jsx("div",{style:{fontSize:"18px",color:"var(--gray)",marginBottom:"20px"},children:"适合中型团队和部门"}),n.jsxs("div",{style:{fontSize:"48px",fontWeight:"700",margin:"30px 0",color:"#E2E8F0",textShadow:"0 0 10px rgba(255, 102, 51, 0.3)"},className:"price-tag",children:["¥199",n.jsx("span",{style:{fontSize:"18px",fontWeight:"400",color:"var(--gray)"},children:"/月"})]}),n.jsxs("div",{style:{textAlign:"left",margin:"0 auto 30px",width:"80%"},children:[n.jsxs("div",{style:{display:"flex",alignItems:"center",marginBottom:"15px",color:"#E2E8F0"},children:[n.jsx(p,{size:20,className:"mr-2 text-secondary"})," 支持500人团队规模"]}),n.jsxs("div",{style:{display:"flex",alignItems:"center",marginBottom:"15px",color:"#E2E8F0"},children:[n.jsx(p,{size:20,className:"mr-2 text-secondary"})," 优先技术支持"]}),n.jsxs("div",{style:{display:"flex",alignItems:"center",marginBottom:"15px",color:"#E2E8F0"},children:[n.jsx(p,{size:20,className:"mr-2 text-secondary"})," 企业微信通知 20万条/月"]})]}),n.jsx("div",{style:{marginTop:"auto"},children:n.jsx("a",{href:"mailto:ruan4215@gmail.com?subject=咨询Hunter-Workers专业版&body=您好,我想了解更多关于Hunter-Workers专业版的信息",children:n.jsx(e,{variant:"outline",className:"w-full cyber-btn",style:{boxShadow:"0 0 10px rgba(255, 102, 51, 0.5)",border:"1px solid rgba(255, 102, 51, 0.5)",background:"linear-gradient(135deg, rgba(255, 102, 51, 0.2) 0%, rgba(255, 102, 51, 0.1) 100%)"},size:"lg",children:"联系销售"})})})]}),n.jsxs("div",{className:"pricing-card",style:{backgroundColor:"rgba(17, 24, 39, 0.95)",borderRadius:"16px",boxShadow:"0 8px 32px rgba(0, 0, 0, 0.5), 0 0 15px rgba(108, 92, 231, 0.3)",padding:"40px 30px",textAlign:"center",transition:"all 0.4s ease",border:"1px solid rgba(108, 92, 231, 0.3)",display:"flex",flexDirection:"column",height:"100%",position:"relative",overflow:"hidden"},children:[n.jsxs("div",{style:{fontSize:"24px",fontWeight:"700",marginBottom:"10px",color:"#6c5ce7"},children:[n.jsx(m,{className:"mx-auto mb-4",size:40}),n.jsx("span",{className:"cyber-text",style:{textShadow:"0 0 10px rgba(108, 92, 231, 0.8), 0 0 20px rgba(108, 92, 231, 0.5)"},children:"旗舰版"})]}),n.jsx("div",{style:{fontSize:"18px",color:"var(--gray)",marginBottom:"20px"},children:"适合大型企业和集团"}),n.jsxs("div",{style:{fontSize:"48px",fontWeight:"700",margin:"30px 0",color:"#E2E8F0",textShadow:"0 0 10px rgba(108, 92, 231, 0.3)"},className:"price-tag",children:["¥299",n.jsx("span",{style:{fontSize:"18px",fontWeight:"400",color:"var(--gray)"},children:"/月"})]}),n.jsxs("div",{style:{textAlign:"left",margin:"0 auto 30px",width:"80%"},children:[n.jsxs("div",{style:{display:"flex",alignItems:"center",marginBottom:"15px",color:"#E2E8F0"},children:[n.jsx(p,{size:20,className:"mr-2",style:{color:"#6c5ce7"}})," 支持1200人团队规模"]}),n.jsxs("div",{style:{display:"flex",alignItems:"center",marginBottom:"15px",color:"#E2E8F0"},children:[n.jsx(p,{size:20,className:"mr-2",style:{color:"#6c5ce7"}})," 专属客户成功经理"]}),n.jsxs("div",{style:{display:"flex",alignItems:"center",marginBottom:"15px",color:"#E2E8F0"},children:[n.jsx(p,{size:20,className:"mr-2",style:{color:"#6c5ce7"}})," 多部门协作管理"]}),n.jsxs("div",{style:{display:"flex",alignItems:"center",marginBottom:"15px",color:"#E2E8F0"},children:[n.jsx(p,{size:20,className:"mr-2",style:{color:"#6c5ce7"}})," 企业微信通知 30万条/月"]})]}),n.jsx("div",{style:{marginTop:"auto"},children:n.jsx("a",{href:"mailto:ruan4215@gmail.com?subject=咨询Hunter-Workers旗舰版&body=您好,我想了解更多关于Hunter-Workers旗舰版的信息",children:n.jsx(e,{variant:"outline",className:"w-full cyber-btn",style:{boxShadow:"0 0 10px rgba(108, 92, 231, 0.5)",border:"1px solid rgba(108, 92, 231, 0.5)",background:"linear-gradient(135deg, rgba(108, 92, 231, 0.2) 0%, rgba(108, 92, 231, 0.1) 100%)"},size:"lg",children:"联系销售顾问"})})})]})]}),n.jsxs("div",{style:{marginTop:"60px",textAlign:"center",padding:"30px",backgroundColor:"rgba(17, 24, 39, 0.95)",borderRadius:"12px",boxShadow:"0 5px 20px rgba(0, 0, 0, 0.3), 0 0 10px rgba(51, 102, 255, 0.2)",border:"1px solid rgba(51, 102, 255, 0.2)"},children:[n.jsx("h3",{style:{fontSize:"24px",marginBottom:"15px",color:"var(--text-light)"},children:"需要更多消息?"}),n.jsx("p",{style:{fontSize:"16px",color:"var(--gray)",maxWidth:"800px",margin:"0 auto 20px"},children:"如果您对我们的定价方案有任何疑问,或者需要了解更多关于Hunter-Workers如何帮助您的团队提升效率,请随时与我们联系。"}),n.jsx("a",{href:"mailto:ruan4215@gmail.com?subject=咨询Hunter-Workers产品信息&body=您好,我想了解更多关于Hunter-Workers的信息",children:n.jsx(e,{variant:"outline",size:"lg",className:"cyber-btn",style:{boxShadow:"0 0 10px rgba(51, 102, 255, 0.5)",border:"1px solid rgba(51, 102, 255, 0.5)",background:"linear-gradient(135deg, rgba(51, 102, 255, 0.1) 0%, rgba(51, 102, 255, 0.05) 100%)"},children:"联系我们"})})]})]})}),n.jsx("section",{className:"architecture",id:"architecture",children:n.jsxs("div",{className:"container",children:[n.jsxs("div",{className:"section-header",children:[n.jsx("div",{className:"digital-font",style:{fontSize:"14px",color:"var(--primary)",marginBottom:"10px"},children:"< TECH-STACK />"}),n.jsx("h2",{className:"cyber-text",children:"技术架构"}),n.jsx("p",{children:"基于全球边缘网络构建的企业级分布式系统"})]}),n.jsxs("div",{className:"arch-grid",children:[n.jsx("div",{className:"arch-image",children:n.jsxs("div",{style:{width:"100%",height:"340px",background:"linear-gradient(135deg, rgba(51, 102, 255, 0.1) 0%, rgba(51, 102, 255, 0.05) 100%)",display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"16px",position:"relative",overflow:"hidden"},children:[n.jsx("div",{style:{position:"absolute",width:"350px",height:"350px",background:"radial-gradient(circle, rgba(51, 102, 255, 0.15) 0%, rgba(51, 102, 255, 0) 70%)",top:"-100px",right:"-100px",borderRadius:"50%"}}),n.jsx("div",{style:{position:"absolute",width:"250px",height:"250px",background:"radial-gradient(circle, rgba(255, 102, 51, 0.1) 0%, rgba(255, 102, 51, 0) 70%)",bottom:"-50px",left:"-50px",borderRadius:"50%"}}),n.jsxs("div",{className:"flex flex-col items-center justify-center",children:[n.jsx("div",{style:{marginBottom:"15px",width:"220px",height:"80px",display:"flex",justifyContent:"center",alignItems:"center"},children:n.jsx("img",{src:"https://www.cloudflare.com/img/logo-cloudflare-dark.svg",alt:"Cloudflare Logo",style:{width:"100%",height:"auto",maxWidth:"180px"}})}),n.jsx("span",{style:{fontSize:"18px",color:"var(--gray)"},children:"提供云计算赞助"}),n.jsx("span",{style:{fontSize:"18px",color:"var(--gray)"},children:"全球顶级的边缘计算架构"})]})]})}),n.jsxs("div",{className:"arch-info",children:[n.jsx("h3",{children:"先进的云原生边缘计算架构"}),n.jsx("p",{children:"Hunter-Workers采用基于Cloudflare全球网络的分布式边缘计算架构,在全球275+城市的数据中心部署,确保系统在全球范围内提供毫秒级响应速度,同时保持数据的安全性和一致性。"}),n.jsxs("div",{className:"mt-6",children:[n.jsx("h4",{className:"text-lg font-medium mb-3",children:"关键技术优势"}),n.jsxs("ul",{className:"space-y-2",children:[n.jsxs("li",{className:"flex items-start",children:[n.jsx("div",{className:"h-5 w-5 text-primary flex-shrink-0 mt-0.5",children:n.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",children:n.jsx("path",{fillRule:"evenodd",d:"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z",clipRule:"evenodd"})})}),n.jsx("span",{className:"ml-2",children:"前沿的Cloudflare Workers无服务器架构,零冷启动延迟"})]}),n.jsxs("li",{className:"flex items-start",children:[n.jsx("div",{className:"h-5 w-5 text-primary flex-shrink-0 mt-0.5",children:n.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",children:n.jsx("path",{fillRule:"evenodd",d:"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z",clipRule:"evenodd"})})}),n.jsx("span",{className:"ml-2",children:"Cloudflare Pages实现的全球CDN部署,加载速度提升300%"})]}),n.jsxs("li",{className:"flex items-start",children:[n.jsx("div",{className:"h-5 w-5 text-primary flex-shrink-0 mt-0.5",children:n.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",children:n.jsx("path",{fillRule:"evenodd",d:"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z",clipRule:"evenodd"})})}),n.jsx("span",{className:"ml-2",children:"基于Cloudflare D1的分布式SQL数据库,读写延迟低至5ms"})]}),n.jsxs("li",{className:"flex items-start",children:[n.jsx("div",{className:"h-5 w-5 text-primary flex-shrink-0 mt-0.5",children:n.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",children:n.jsx("path",{fillRule:"evenodd",d:"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z",clipRule:"evenodd"})})}),n.jsx("span",{className:"ml-2",children:"Cloudflare R2对象存储实现媒体文件高可用,无带宽费用"})]}),n.jsxs("li",{className:"flex items-start",children:[n.jsx("div",{className:"h-5 w-5 text-primary flex-shrink-0 mt-0.5",children:n.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",children:n.jsx("path",{fillRule:"evenodd",d:"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z",clipRule:"evenodd"})})}),n.jsx("span",{className:"ml-2",children:"企业微信API深度集成,实现复杂组织架构管理"})]})]})]})]})]})]})}),n.jsxs("section",{className:"cta-section",children:[n.jsx("div",{className:"grid-bg"}),n.jsx("div",{className:"digital-scan-line",style:{top:"30%",animationDelay:"0.5s"}}),n.jsx("div",{className:"digital-scan-line",style:{top:"70%",animationDelay:"1.2s"}}),n.jsxs("div",{className:"container",children:[n.jsx("div",{className:"digital-font",style:{fontSize:"14px",color:"var(--primary)",marginBottom:"10px"},children:"< START-NOW />"}),n.jsx("h2",{className:"cyber-text",children:"开始使用 Hunter-Workers"}),n.jsx("p",{children:"高效分发订单信息,精准跟踪执行过程,自动化结算流程,让您的分布式任务团队运营更顺畅"}),n.jsxs("div",{className:"cta-buttons",children:[n.jsx(t,{to:"/register/admin",children:n.jsxs(e,{size:"lg",className:"mr-4 text-base cyber-btn bg-transparent text-primary hover:bg-primary/10",style:{border:"1px solid var(--primary)",boxShadow:"0 0 10px rgba(0, 200, 255, 0.3)"},children:["管理员注册 ",n.jsx(a,{className:"ml-2 h-4 w-4"})]})}),n.jsx(t,{to:"/qywx/login",children:n.jsx(e,{variant:"outline",size:"lg",className:"text-base cyber-btn border-primary bg-primary/10 text-white hover:bg-primary/20",style:{boxShadow:"0 0 10px rgba(0, 200, 255, 0.3)"},children:"立即登录"})})]})]})]}),n.jsx("footer",{children:n.jsxs("div",{className:"container",children:[n.jsxs("div",{className:"footer-grid",children:[n.jsxs("div",{className:"footer-col",children:[n.jsx("h3",{children:"产品"}),n.jsx("ul",{children:n.jsx("li",{children:n.jsx("a",{href:"#features",children:"功能概览"})})})]}),n.jsxs("div",{className:"footer-col",children:[n.jsx("h3",{children:"资源"}),n.jsx("ul",{children:n.jsx("li",{children:n.jsx("a",{href:"#architecture",children:"技术架构"})})})]}),n.jsxs("div",{className:"footer-col",children:[n.jsx("h3",{children:"应用场景"}),n.jsx("ul",{children:n.jsx("li",{children:n.jsx("a",{href:"#use-cases",children:"场景概览"})})})]})]}),n.jsxs("div",{className:"copyright",children:["© ",(new Date).getFullYear()," Hunter-Workers. 保留所有权利。"]})]})}),n.jsx("script",{dangerouslySetInnerHTML:{__html:"\n // 检测是否为移动设备\n const isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) || window.innerWidth < 768;\n \n // 简化版的防止下拉白屏的额外处理\n function preventWhiteSpace() {\n // 确保页面背景颜色\n document.body.style.backgroundColor = '#050A14';\n document.documentElement.style.backgroundColor = '#050A14';\n }\n \n // 滚动时速率追踪\n let scrollSpeed = 0;\n let lastScrollY = 0;\n let lastScrollTime = 0;\n let prevScrollY = 0;\n let scrollDirection = 'none';\n let scrollTimeout = null;\n \n // 防抖函数,优化滚动触发\n function debounce(func, wait) {\n let timeout;\n return function executedFunction(...args) {\n const later = () => {\n clearTimeout(timeout);\n func(...args);\n };\n clearTimeout(timeout);\n timeout = setTimeout(later, wait);\n };\n }\n \n // 滚动处理:合并handleScrollAnimations和detectFastScroll功能\n function handleScroll() {\n // 确保背景色\n preventWhiteSpace();\n \n // 如果在移动设备上且正在下拉,减少特效\n if (isMobile && window.scrollY < prevScrollY && window.scrollY < 100) {\n // 移动端下拉至顶部时,减少特效生成\n if (scrollSpeed > 0) {\n scrollSpeed = scrollSpeed * 0.5;\n }\n }\n \n // 更新滚动速度\n const now = performance.now();\n const currentScrollY = window.scrollY;\n \n if (lastScrollTime > 0) {\n const timeDiff = now - lastScrollTime;\n if (timeDiff > 0) {\n // 计算滚动速度(像素/毫秒)\n scrollSpeed = Math.abs(currentScrollY - lastScrollY) / timeDiff;\n // 限制范围,避免值过大\n scrollSpeed = Math.min(1, scrollSpeed * 20);\n }\n }\n \n // 计算滚动距离用于快速滚动检测\n const scrollDistance = Math.abs(currentScrollY - lastScrollPos);\n \n // 淡入淡出元素处理\n const elements = document.querySelectorAll('.fade-in-up');\n elements.forEach(element => {\n const rect = element.getBoundingClientRect();\n const isVisible = (rect.top <= window.innerHeight * 0.85);\n if (isVisible) {\n element.classList.add('visible');\n \n // 对标题应用扫描效果\n const titles = element.querySelectorAll('h2, h3');\n if (titles.length > 0 && titles[0].className.indexOf('processed') === -1) {\n setTimeout(addTextScanEffect, 300);\n }\n }\n });\n \n // 移动端降低特效数量,提高性能\n const reductionFactor = isMobile ? 0.3 : 1;\n \n // 创建雨滴的基本数量\n const baseDropCount = Math.floor((10 * reductionFactor));\n \n // 普通数字雨\n const normalDropCount = Math.floor((baseDropCount + (scrollSpeed * 50)) * reductionFactor);\n for (let i = 0; i < normalDropCount; i++) {\n createRainDrop();\n }\n \n // 全屏数字雨 - 移动端进一步减少\n if (!isMobile || Math.random() < 0.3) {\n const fullscreenDropCount = Math.floor((5 + (scrollSpeed * 30)) * reductionFactor);\n for (let i = 0; i < fullscreenDropCount; i++) {\n createRainDrop(true);\n }\n }\n \n // 快速滚动处理 - 移动端减少特效\n if ((scrollSpeed > 0.2 || scrollDistance > 100) && (!isMobile || Math.random() < 0.5)) {\n // 普通字符群组\n createCharacterGroup(Math.floor((5 + Math.floor(scrollSpeed * 20)) * reductionFactor));\n \n // 全屏字符群组 - 移动端禁用或减少\n if (!isMobile || Math.random() < 0.2) {\n createCharacterGroup(Math.floor((8 + Math.floor(scrollSpeed * 25)) * reductionFactor), true);\n }\n \n // 增强扫描线 - 移动端减少\n if (Math.random() < (isMobile ? 0.1 : 0.4)) {\n addEnhancedScanLine();\n }\n \n // 高速滚动时激活矩阵墙 - 移动端可能禁用\n if ((scrollSpeed > 0.5 || scrollDistance > 400) && !isMobile) {\n activateMatrixWall(scrollSpeed || scrollDistance/400);\n }\n \n // 速度指示器 - 移动端禁用\n if (!isMobile) {\n showSpeedIndicator(scrollSpeed);\n }\n }\n \n // 更新透明度\n updateRainOpacity();\n \n // 视差效果 - 移动端减少或禁用\n if (!isMobile) {\n handleParallax();\n }\n \n // 保存当前滚动位置和时间\n lastScrollY = currentScrollY;\n lastScrollTime = now;\n lastScrollPos = currentScrollY;\n prevScrollY = currentScrollY;\n }\n \n // 更新数字雨透明度 - 移动端降低透明度提高性能\n function updateRainOpacity() {\n // 普通数字雨容器\n const rainContainer = document.getElementById('digital-rain');\n if (rainContainer) {\n const baseOpacity = isMobile ? 0.15 : 0.25;\n const dynamicOpacity = Math.min(isMobile ? 0.3 : 0.6, baseOpacity + (scrollSpeed * (isMobile ? 0.2 : 0.5)));\n rainContainer.style.opacity = dynamicOpacity.toString();\n }\n \n // 全屏数字雨容器\n const fullscreenRain = document.getElementById('fullscreen-rain');\n if (fullscreenRain) {\n const baseOpacity = isMobile ? 0.1 : 0.3;\n const dynamicOpacity = Math.min(isMobile ? 0.25 : 0.7, baseOpacity + (scrollSpeed * (isMobile ? 0.2 : 0.6)));\n fullscreenRain.style.opacity = dynamicOpacity.toString();\n \n // 视觉上增强效果\n if (scrollSpeed > 0.5 && !isMobile) {\n fullscreenRain.style.filter = 'brightness(' + (1 + scrollSpeed * 0.5) + ')';\n } else {\n fullscreenRain.style.filter = 'brightness(1)';\n }\n }\n }\n \n // 优化后的滚动监听器 - 移动端降低监听频率\n window.addEventListener('scroll', debounce(function() {\n handleScroll();\n }, isMobile ? 20 : 5)); // 移动端防抖时间增加到20ms\n \n // 数字雨动画\n function createMatrixRain() {\n const container = document.getElementById('digital-rain');\n if (!container) return;\n \n // 清除现有的雨滴\n const existingDrops = container.querySelectorAll('.digital-rain-character');\n existingDrops.forEach(drop => {\n if (drop.getBoundingClientRect().top > window.innerHeight) {\n drop.remove();\n }\n });\n \n // 如果元素不可见,不创建新的雨滴\n const rect = container.getBoundingClientRect();\n if (rect.bottom < 0 || rect.top > window.innerHeight) return;\n \n // 创建新的雨滴\n const characters = '01アイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤユヨラリルレロワヲン∆∑Ωφ★♠♣♥♦¶§';\n const x = Math.random() * container.offsetWidth;\n const randomChar = Math.floor(Math.random() * characters.length);\n const char = characters.charAt(randomChar);\n \n const drop = document.createElement('div');\n drop.textContent = char;\n drop.className = 'digital-rain-character';\n \n // 随机大小 - 增加大字符的概率\n const sizeRandom = Math.random();\n if (sizeRandom < 0.2) {\n drop.classList.add('large');\n } else if (sizeRandom < 0.45) {\n drop.classList.add('medium');\n } else if (sizeRandom < 0.6) {\n drop.classList.add('small');\n }\n \n // 随机特效 - 增加特效概率\n const effectRandom = Math.random();\n // 25%概率是高亮字符\n if (effectRandom < 0.25) {\n drop.classList.add('highlight');\n } \n // 20%概率是脉冲字符\n else if (effectRandom < 0.45) {\n // 10%概率使用增强版脉冲\n if (Math.random() < 0.5) {\n drop.classList.add('pulse-enhanced');\n } else {\n drop.classList.add('pulse');\n }\n }\n // 15%概率是抖动字符\n else if (effectRandom < 0.6) {\n // 7%概率使用增强版抖动\n if (Math.random() < 0.5) {\n drop.classList.add('jitter-enhanced');\n } else {\n drop.classList.add('jitter');\n }\n }\n // 10%概率是旋转字符\n else if (effectRandom < 0.7) {\n drop.classList.add('rotate');\n }\n \n // 3D位置随机\n const zPosition = Math.random() * 500 - 250;\n drop.style.transform = `translateZ(${zPosition}px)`;\n \n drop.style.left = x + 'px';\n \n // 根据滚动速度和Z轴位置调整动画速度 - 整体减慢\n let animationDuration = 3 + Math.random() * 5; // 增加基础时间\n if (scrollSpeed > 0) {\n // 滚动越快,动画越快,但保持较慢的基础速度\n animationDuration = Math.max(2, animationDuration - (scrollSpeed * 0.3));\n }\n \n // Z轴越远,速度越慢,模拟3D效果\n const zFactor = Math.abs(zPosition) / 250; // 0到1之间\n animationDuration = animationDuration * (1 + zFactor * 0.8); // 增加Z轴影响\n \n drop.style.animationDuration = animationDuration + 's';\n container.appendChild(drop);\n \n // 设置自动清除\n setTimeout(() => {\n if (drop && drop.parentNode === container) {\n container.removeChild(drop);\n }\n }, animationDuration * 1000);\n }\n \n // 合并后的数字雨动画创建函数\n function createRainDrop(isFullscreen = false) {\n // 选择容器\n const containerId = isFullscreen ? 'fullscreen-rain' : 'digital-rain';\n const container = document.getElementById(containerId);\n if (!container) return;\n \n // 清理过多节点\n const existingDrops = container.querySelectorAll('.digital-rain-character');\n if (existingDrops.length > 300) {\n for (let i = 0; i < 30; i++) {\n if (existingDrops[i]) existingDrops[i].remove();\n }\n }\n \n // 如果不是全屏模式,且元素不可见,则不创建\n if (!isFullscreen) {\n const rect = container.getBoundingClientRect();\n if (rect.bottom < 0 || rect.top > window.innerHeight) return;\n }\n \n // 创建雨滴\n const drop = document.createElement('div');\n drop.className = 'digital-rain-character';\n \n // 更多样化的字符集\n const charSets = [\n \"0123456789蔡徐坤❤️鸡\", // 数字\n \"ABCDEFGHIJKLMNOPQRSTUVWXYZ爱蔡徐坤❤️鸡\", // 大写字母\n \"abcdefghijklmnopqrstuvwxyz爱蔡徐坤❤️鸡\", // 小写字母\n \"爱蔡徐坤❤️\", // 特殊符号\n \"αβγδεζηθικλμνξοπρστυφχψω我爱蔡徐坤❤️鸡\", // 希腊字母\n \"アイウエオカキクケコサシス爱蔡徐坤❤️\", // 少量日文片假名\n \"∏∂∆∇爱蔡徐坤❤️\", // 数学符号\n \"♠♣♥♦♤♧♡♢♩♪♫♬☼☀☁☂☾★☆✓✕爱蔡徐坤❤️\", // 图形符号\n \"蔡徐坤\" // 图形符号\n ];\n \n // 在移动端使用更简单的字符集,提高性能\n if (isMobile) {\n // 移动端时,只使用简单的字符集减少渲染压力\n const mobileCharSets = [\"01\", \"ASJB蔡徐坤❤️鸡\", \"蔡徐坤❤️鸡\"];\n const setIndex = Math.floor(Math.random() * mobileCharSets.length);\n const charSet = mobileCharSets[setIndex];\n const charIndex = Math.floor(Math.random() * charSet.length);\n drop.textContent = charSet[charIndex];\n } else {\n // 随机选择字符集和字符\n const setIndex = Math.floor(Math.random() * charSets.length);\n const charSet = charSets[setIndex];\n const charIndex = Math.floor(Math.random() * charSet.length);\n drop.textContent = charSet[charIndex];\n }\n \n // 随机大小 - 增加随机放大效果的概率\n const sizeRandom = Math.random();\n if (sizeRandom < 0.2) {\n drop.classList.add('large');\n \n // 添加随机放大缩小动画效果 \n if (Math.random() < 0.6) {\n drop.classList.add('scale-pulse');\n }\n } else if (sizeRandom < 0.4) {\n drop.classList.add('medium');\n \n // 添加中等字符的随机放大效果\n if (Math.random() < 0.4) {\n drop.classList.add('scale-pulse');\n }\n } else if (sizeRandom < 0.6) {\n drop.classList.add('small');\n }\n \n // 随机特效\n if (Math.random() < 0.15) {\n drop.classList.add('highlight');\n } else if (Math.random() < 0.25) {\n drop.classList.add('pulse');\n }\n \n // 3D位置\n const zPosition = Math.random() * 400 - 200;\n drop.style.transform = 'translateZ(' + zPosition + 'px)';\n drop.style.setProperty('--z-pos', zPosition + 'px');\n \n // 随机位置\n const x = isFullscreen \n ? Math.random() * window.innerWidth \n : Math.random() * container.offsetWidth;\n drop.style.left = x + 'px';\n \n // 动画速度 - 显著减慢基础速度\n let duration = 3 + Math.random() * 6; // 增加基础下降时间\n \n // Z轴越远,速度越慢\n const zFactor = Math.abs(zPosition) / 200;\n duration *= (1 + zFactor * 0.5);\n \n // 滚动越快,动画越快,但保持较慢的基础速度\n if (scrollSpeed > 0) {\n duration = Math.max(2, duration - (scrollSpeed * 0.3));\n }\n \n // 设置动画持续时间CSS变量\n drop.style.setProperty('--animation-duration', duration + 's');\n \n // 随机下降效果 - 设置不同的动画函数\n if (Math.random() < 0.3) {\n // 添加随机停顿下降效果\n drop.classList.add('stutter-fall');\n } else if (Math.random() < 0.5) {\n // 添加先快后慢的效果\n drop.classList.add('ease-in-fall');\n } else if (Math.random() < 0.7) {\n // 添加先慢后快的效果\n drop.classList.add('ease-out-fall');\n }\n \n drop.style.animationDuration = duration + 's';\n container.appendChild(drop);\n \n // 设置自动清除\n setTimeout(() => {\n if (drop && drop.parentNode) {\n drop.parentNode.removeChild(drop);\n }\n }, duration * 1000 + 500);\n }\n \n // 创建字符群组 - 统一处理普通和全屏\n function createCharacterGroup(count, isFullscreen = false) {\n const containerId = isFullscreen ? 'fullscreen-rain' : 'digital-rain';\n const container = document.getElementById(containerId);\n if (!container) return;\n \n const x = isFullscreen \n ? Math.random() * window.innerWidth \n : Math.random() * container.offsetWidth;\n \n // 简化群组效果选择\n const isHighlight = Math.random() < 0.2;\n \n // 字符集\n const charSets = [\n \"0123456789\", // 数字\n \"ABCDEFGHIJKLMNOPQRSTUVWXYZ\", // 大写字母\n \"abcdefghijklmnopqrstuvwxyz\", // 小写字母\n \"!@#$%^&*()_+-=[]{}|;:<>?\", // 特殊符号\n \"αβγδεζηθικλμνξοπ\", // 希腊字母\n \"アイウエオカキクケコ\", // 少量日文片假名\n \"¢£¥€§©®™±≠≈∞√∫≤≥×∑\", // 数学符号\n \"♠♣♥♦♤♧♡♢♩♪♫♬☼☀☁☂★☆✓✕\" // 图形符号\n ];\n \n // 选择一个字符集\n const selectedSet = charSets[Math.floor(Math.random() * charSets.length)];\n \n for (let i = 0; i < count; i++) {\n setTimeout(() => {\n const drop = document.createElement('div');\n drop.className = 'digital-rain-character';\n \n // 字符选择\n const charIndex = Math.floor(Math.random() * selectedSet.length);\n drop.textContent = selectedSet[charIndex];\n \n // 视觉效果\n if (isHighlight || i === 0) {\n drop.classList.add('highlight');\n } else if (i < 3) {\n drop.classList.add('medium');\n }\n \n // 位置\n const offsetX = x + (Math.random() * 10 - 5);\n drop.style.left = offsetX + 'px';\n drop.style.top = -20 * i + 'px';\n \n // 动画时长\n drop.style.animationDuration = (1.5 + Math.random()) + 's';\n \n container.appendChild(drop);\n \n // 自动清除\n setTimeout(() => {\n if (drop && drop.parentNode) {\n drop.parentNode.removeChild(drop);\n }\n }, 5000);\n }, i * 100);\n }\n }\n \n // 创建增强的扫描线 - 更明显的扫描线,用于快速滚动时\n function addEnhancedScanLine() {\n const sections = document.querySelectorAll('section');\n const targetSection = sections[Math.floor(Math.random() * sections.length)];\n \n if (targetSection) {\n const rect = targetSection.getBoundingClientRect();\n \n // 只在可见区域添加\n if (rect.top < window.innerHeight && rect.bottom > 0) {\n const scanLine = document.createElement('div');\n scanLine.className = 'digital-scan-line enhanced';\n scanLine.style.top = Math.floor(Math.random() * 100) + '%';\n targetSection.appendChild(scanLine);\n \n setTimeout(() => {\n if (scanLine.parentNode) {\n scanLine.parentNode.removeChild(scanLine);\n }\n }, 2000);\n }\n }\n }\n \n // 激活矩阵墙效果 - 简化实现\n function activateMatrixWall(intensity) {\n // 防止多次触发\n if (document.querySelector('.matrix-code-wall.active')) return;\n \n // 创建或获取矩阵墙\n let wall = document.querySelector('.matrix-code-wall');\n if (!wall) {\n wall = document.createElement('div');\n wall.className = 'matrix-code-wall';\n document.body.appendChild(wall);\n }\n \n // 计算字符数量\n const charCount = Math.floor(100 + intensity * 300);\n \n // 更多样化的字符集\n const charSets = [\n \"0123456789蔡徐坤❤️鸡\", // 数字\n \"ABCDEFGHIJKLMNOPQRSTUVWXYZ爱蔡徐坤❤️鸡\", // 大写字母\n \"abcdefghijklmnopqrstuvwxyz爱蔡徐坤❤️鸡\", // 小写字母\n \"爱蔡徐坤❤️\", // 特殊符号\n \"αβγδεζηθικλμνξοπρστυφχψω我爱蔡徐坤❤️鸡\", // 希腊字母\n \"アイウエオカキクケコサシス爱蔡徐坤❤️\", // 少量日文片假名\n \"∏∂∆∇爱蔡徐坤❤️\", // 数学符号\n \"♠♣♥♦♤♧♡♢♩♪♫♬☼☀☁☂☾★☆✓✕爱蔡徐坤❤️\", // 图形符号\n \"蔡徐坤\" // 图形符号\n ];\n \n // 创建字符\n for (let i = 0; i < charCount; i++) {\n setTimeout(() => {\n // 如果墙已被移除,不继续创建\n if (!wall.parentNode) return;\n \n // 创建随机字符\n const drop = document.createElement('div');\n drop.className = 'digital-rain-character';\n \n // 随机效果\n if (Math.random() < 0.3) drop.classList.add('highlight');\n if (Math.random() < 0.3) drop.classList.add(Math.random() < 0.5 ? 'large' : 'medium');\n \n // 随机选择字符集和字符\n const setIndex = Math.floor(Math.random() * charSets.length);\n const charSet = charSets[setIndex];\n const charIndex = Math.floor(Math.random() * charSet.length);\n drop.textContent = charSet[charIndex];\n \n // 位置和动画\n drop.style.left = Math.random() * 100 + 'vw';\n drop.style.top = Math.random() * 100 + 'vh';\n drop.style.animationDuration = (0.5 + Math.random() * 1.5) + 's';\n \n wall.appendChild(drop);\n }, Math.random() * 500);\n }\n \n // 同时增强全屏雨效果\n const fullscreenRain = document.getElementById('fullscreen-rain');\n if (fullscreenRain) {\n // 增强可见度\n fullscreenRain.style.opacity = '0.7';\n fullscreenRain.style.filter = 'brightness(1.3)';\n \n // 创建群组\n for (let i = 0; i < 10; i++) {\n setTimeout(() => {\n createCharacterGroup(10 + Math.floor(intensity * 10), true);\n }, i * 100);\n }\n \n // 增加独立雨滴\n for (let i = 0; i < 50; i++) {\n setTimeout(() => {\n createRainDrop(true);\n }, Math.random() * 300);\n }\n }\n \n // 激活墙\n wall.classList.add('active');\n \n // 3秒后移除效果\n setTimeout(() => {\n // 恢复全屏雨效果\n if (fullscreenRain) {\n fullscreenRain.style.opacity = '0.3';\n fullscreenRain.style.filter = 'brightness(1)';\n }\n \n // 移除墙\n if (wall) {\n wall.classList.remove('active');\n setTimeout(() => {\n if (wall && wall.parentNode) wall.parentNode.removeChild(wall);\n }, 500);\n }\n }, 2500);\n }\n \n // 滚动速度检测,触发全屏数字雨效果\n let lastScrollPos = 0;\n let scrollDetectionTimer;\n \n // 检测快速滚动并触发全屏数字雨效果\n function detectFastScroll() {\n const currentPos = window.scrollY;\n const distance = Math.abs(currentPos - lastScrollPos);\n \n // 清除现有定时器\n clearTimeout(scrollDetectionTimer);\n \n // 如果滚动距离很大,增加全屏数字雨效果\n if (distance > 100) {\n const scrollFactor = distance / 200; // 标准化滚动速度\n \n // 添加全屏数字雨效果\n for (let i = 0; i < Math.min(20, scrollFactor * 10); i++) {\n createRainDrop(true);\n }\n \n // 如果滚动非常快,创建字符群组\n if (distance > 300) {\n createCharacterGroup(Math.min(15, scrollFactor * 5), true);\n }\n \n // 如果滚动极快,激活矩阵墙\n if (distance > 600) {\n activateMatrixWall(scrollFactor);\n }\n \n // 更新全屏雨的不透明度\n const fullscreenRain = document.getElementById('fullscreen-rain');\n if (fullscreenRain) {\n const opacity = Math.min(0.7, 0.3 + scrollFactor * 0.4);\n fullscreenRain.style.opacity = opacity.toString();\n }\n }\n \n // 更新最后滚动位置\n lastScrollPos = currentPos;\n \n // 设置定时器来恢复正常透明度\n scrollDetectionTimer = setTimeout(() => {\n const fullscreenRain = document.getElementById('fullscreen-rain');\n if (fullscreenRain) {\n // 慢慢恢复到正常透明度\n fullscreenRain.style.transition = 'opacity 1s ease';\n fullscreenRain.style.opacity = '0.3';\n \n // 恢复快速变化\n setTimeout(() => {\n fullscreenRain.style.transition = 'opacity 0.3s ease';\n }, 1000);\n }\n }, 1000);\n }\n \n // 页面加载完成后初始化\n if (document.readyState === 'complete') {\n initAnimations();\n } else {\n window.addEventListener('load', initAnimations);\n }\n \n // 显示速度指示器\n function showSpeedIndicator(speed) {\n let indicator = document.getElementById('speed-indicator');\n \n if (!indicator) {\n indicator = document.createElement('div');\n indicator.id = 'speed-indicator';\n indicator.style.position = 'fixed';\n indicator.style.right = '20px';\n indicator.style.top = '50%';\n indicator.style.transform = 'translateY(-50%)';\n indicator.style.background = 'rgba(0,0,0,0.5)';\n indicator.style.color = 'var(--primary)';\n indicator.style.padding = '10px';\n indicator.style.borderRadius = '5px';\n indicator.style.fontFamily = 'monospace';\n indicator.style.fontSize = '12px';\n indicator.style.zIndex = '1000';\n indicator.style.pointerEvents = 'none';\n document.body.appendChild(indicator);\n }\n \n // 完全移除所有文本内容\n indicator.innerHTML = '';\n \n indicator.style.opacity = '1';\n \n // 短暂显示后淡出\n clearTimeout(indicator.fadeTimeout);\n indicator.fadeTimeout = setTimeout(() => {\n indicator.style.opacity = '0';\n indicator.style.transition = 'opacity 1s ease';\n }, 500);\n }\n \n // 增强扫描线效果\n function enhanceScanLines() {\n // 获取当前滚动位置\n const scrollY = window.scrollY;\n const viewportHeight = window.innerHeight;\n \n // 创建新的扫描线\n if (Math.random() < 0.2) { // 20%概率\n // 获取主要容器\n const sections = document.querySelectorAll('section');\n const targetSection = sections[Math.floor(Math.random() * sections.length)];\n \n if (targetSection) {\n const rect = targetSection.getBoundingClientRect();\n \n // 只有在视口内的区域才添加\n if (rect.top < viewportHeight && rect.bottom > 0) {\n // 在随机位置创建一条临时扫描线\n const scanLine = document.createElement('div');\n scanLine.className = 'digital-scan-line';\n scanLine.style.top = Math.floor(Math.random() * 100) + '%';\n scanLine.style.opacity = '0.7';\n targetSection.appendChild(scanLine);\n \n // 3秒后移除临时扫描线\n setTimeout(() => {\n if (scanLine.parentNode) {\n scanLine.parentNode.removeChild(scanLine);\n }\n }, 3000);\n }\n }\n }\n }\n \n // 在每个区块添加数字雨\n function animateSectionRain() {\n document.querySelectorAll('section').forEach((section) => {\n const rect = section.getBoundingClientRect();\n const isInView = (rect.bottom > 0 && rect.top < window.innerHeight);\n \n if (isInView && Math.random() < 0.3) { // 30%的概率\n // 创建临时数字雨容器\n let rainContainer = section.querySelector('.section-rain');\n if (!rainContainer) {\n rainContainer = document.createElement('div');\n rainContainer.className = 'digital-rain-container section-rain';\n section.appendChild(rainContainer);\n }\n \n // 添加数字\n const drop = document.createElement('div');\n drop.textContent = Math.random() < 0.5 ? '0' : '1';\n drop.className = 'digital-rain-character';\n drop.style.left = Math.random() * section.offsetWidth + 'px';\n drop.style.animationDuration = '2s';\n rainContainer.appendChild(drop);\n \n setTimeout(() => {\n if (drop && drop.parentNode) {\n drop.parentNode.removeChild(drop);\n }\n }, 2000);\n }\n });\n }\n \n // 初始化函数 - 移动端优化版本\n function initAnimations() {\n // 添加滚动类\n document.querySelectorAll('.feature-card, .use-case-card, .pricing-card, .section-header, .arch-info').forEach(el => {\n el.classList.add('fade-in-up');\n });\n \n // 定时创建雨滴 - 移动端减少频率\n const rainInterval = isMobile ? 150 : 60; // 移动端从60ms改为150ms\n const fullscreenRainInterval = isMobile ? 250 : 100; // 移动端从100ms改为250ms\n \n setInterval(() => createRainDrop(), rainInterval);\n setInterval(() => createRainDrop(true), fullscreenRainInterval);\n \n // 初始创建一些雨滴 - 移动端减少数量\n const initialDrops = isMobile ? 10 : 30;\n for (let i = 0; i < initialDrops; i++) {\n setTimeout(() => {\n createRainDrop();\n if (i % (isMobile ? 4 : 2) === 0) { // 移动端更少的全屏雨滴\n createRainDrop(true);\n }\n }, i * (isMobile ? 100 : 50)); // 移动端更慢的创建间隔\n }\n \n // 随机字符群组 - 移动端减少或禁用\n if (!isMobile) {\n setInterval(() => {\n if (Math.random() < 0.2) createCharacterGroup(3 + Math.floor(Math.random() * 6));\n if (Math.random() < 0.15) createCharacterGroup(3 + Math.floor(Math.random() * 4), true);\n }, 1500);\n } else {\n // 移动端减少频率\n setInterval(() => {\n if (Math.random() < 0.1) createCharacterGroup(2 + Math.floor(Math.random() * 3));\n }, 3000);\n }\n \n // 初始化处理\n handleScroll();\n \n // 鼠标移动监听 - 移动端禁用\n if (!isMobile) {\n document.addEventListener('mousemove', handleMouseMove);\n }\n \n // 修复移动端白屏问题 - 简化版本\n if (isMobile) {\n // 确保页面背景颜色\n document.body.style.backgroundColor = 'var(--dark)';\n document.documentElement.style.backgroundColor = 'var(--dark)';\n \n // 禁用某些可能导致性能问题的特效\n const fullscreenRain = document.getElementById('fullscreen-rain');\n if (fullscreenRain) {\n fullscreenRain.style.opacity = '0.1';\n }\n \n // 为页面底部添加额外空间\n const bottomSpacer = document.createElement('div');\n bottomSpacer.style.height = '50px';\n bottomSpacer.style.width = '100%';\n bottomSpacer.style.backgroundColor = '#050A14';\n document.body.appendChild(bottomSpacer);\n }\n \n // 触发初始滚动事件\n window.dispatchEvent(new Event('scroll'));\n }\n \n // 鼠标移动处理\n function handleMouseMove(e) {\n const x = e.clientX / window.innerWidth;\n const y = e.clientY / window.innerHeight;\n \n // 3D效果\n const rainContainer = document.getElementById('digital-rain');\n if (rainContainer) {\n rainContainer.style.transform = 'perspective(1000px) rotateX(' + (y * 2 - 1) + 'deg) rotateY(' + (-x * 2 + 1) + 'deg)';\n }\n \n const fullscreenRain = document.getElementById('fullscreen-rain');\n if (fullscreenRain) {\n fullscreenRain.style.transform = 'perspective(1500px) rotateX(' + (y * 1 - 0.5) + 'deg) rotateY(' + (-x * 1 + 0.5) + 'deg)';\n }\n \n // 随机添加字符\n if (Math.random() < 0.2) {\n const drop = document.createElement('div');\n drop.className = 'digital-rain-character';\n \n // 字符选择更丰富\n const chars = \"01ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz!@#$%^&*()αβγδεζηθικλμνξ♠♣♥♦★☆✓✕\";\n drop.textContent = chars.charAt(Math.floor(Math.random() * chars.length));\n \n // 样式\n if (Math.random() < 0.7) drop.classList.add('highlight');\n if (Math.random() < 0.5) drop.classList.add('large');\n \n drop.style.left = e.clientX + 'px';\n drop.style.top = e.clientY + 'px';\n drop.style.animationDuration = '2s';\n \n // 添加到随机容器\n const container = Math.random() < 0.7 ? \n document.getElementById('digital-rain') : \n document.getElementById('fullscreen-rain');\n \n if (container) {\n container.appendChild(drop);\n setTimeout(() => {\n if (drop && drop.parentNode) drop.parentNode.removeChild(drop);\n }, 2000);\n }\n }\n }\n\n // 文本扫描效果 - 移动端简化\n function addTextScanEffect() {\n // 选择所有未处理的标题和特定段落\n const titles = document.querySelectorAll('h2:not(.processed), h3:not(.processed), p.typewriter-text:not(.processed)');\n \n titles.forEach((title, titleIndex) => {\n title.classList.add('processed');\n \n // 移动端简化动画,直接显示文本\n if (isMobile) {\n return;\n }\n \n const text = title.textContent || '';\n title.innerHTML = '';\n \n // 只处理有效的文本\n if (text.length > 0) {\n // 首先创建一个容器和光标元素\n const container = document.createElement('span');\n const cursor = document.createElement('span');\n cursor.className = 'typewriter-cursor';\n \n title.appendChild(container);\n title.appendChild(cursor);\n \n // 逐个字符显示\n let charIndex = 0;\n // 段落的打字速度稍快一些\n let baseDelay = title.tagName.toLowerCase() === 'p' ? 30 : 50;\n \n function typeNextChar() {\n if (charIndex < text.length) {\n // 添加当前字符\n const char = document.createElement('span');\n char.textContent = text[charIndex];\n char.className = 'hover-glow';\n container.appendChild(char);\n \n charIndex++;\n \n // 随机化延迟时间,模拟真实打字节奏\n let delay = baseDelay;\n \n // 标点符号后停顿更长\n if (/[,。!?、;:\"\"(),.!?;:()\"']/.test(text[charIndex - 1])) {\n delay = baseDelay * 3;\n } \n // 随机添加一些停顿,模拟真实打字节奏\n else if (Math.random() < 0.2) {\n delay = baseDelay * (1 + Math.random() * 2);\n }\n \n // 递归调用,打下一个字符\n setTimeout(typeNextChar, delay);\n } else {\n // 打字完成后,等待一会儿再隐藏光标\n setTimeout(() => {\n cursor.style.display = 'none';\n }, 1000);\n }\n }\n \n // 标题之间有序列化延迟,越后面的标题越晚开始打字\n setTimeout(typeNextChar, titleIndex * 200);\n }\n });\n }\n "}})]})}export{v as default,j as links,y as meta};