{"ast":null,"code":"import React from'react';import{motion}from'framer-motion';import{jsx as _jsx,Fragment as _Fragment}from\"react/jsx-runtime\";const CyberpunkVignette=_ref=>{let{intensity='medium',variant='neon'}=_ref;const intensityMap={light:{opacity:0.3,blur:0.5},medium:{opacity:0.5,blur:1},strong:{opacity:0.7,blur:2}};const config=intensityMap[intensity];const getBackground=()=>{switch(variant){case'minimal':// 极简变体 - 性能优化版本\nreturn\"\\n          linear-gradient(180deg, \\n            rgba(0, 0, 0, \".concat(config.opacity*0.2,\") 0%, \\n            transparent 15%, \\n            transparent 85%, \\n            rgba(0, 0, 0, \").concat(config.opacity*0.2,\") 100%\\n          )\\n        \");case'glitch':return\"\\n          radial-gradient(ellipse at center, \\n            transparent 30%, \\n            rgba(244, 63, 94, \".concat(config.opacity*0.3,\") 60%,\\n            rgba(168, 85, 247, \").concat(config.opacity*0.5,\") 80%,\\n            rgba(0, 0, 0, \").concat(config.opacity,\") 100%\\n          ),\\n          conic-gradient(\\n            from 0deg at 50% 50%,\\n            rgba(244, 63, 94, \").concat(config.opacity*0.1,\"),\\n            rgba(168, 85, 247, \").concat(config.opacity*0.1,\"),\\n            rgba(6, 182, 212, \").concat(config.opacity*0.1,\"),\\n            rgba(244, 63, 94, \").concat(config.opacity*0.1,\")\\n          )\\n        \");case'neon':return\"\\n          radial-gradient(ellipse at center, \\n            transparent 40%, \\n            rgba(244, 63, 94, \".concat(config.opacity*0.2,\") 70%,\\n            rgba(168, 85, 247, \").concat(config.opacity*0.3,\") 85%,\\n            rgba(0, 0, 0, \").concat(config.opacity*0.8,\") 100%\\n          ),\\n          linear-gradient(180deg, \\n            rgba(0, 0, 0, \").concat(config.opacity*0.3,\") 0%, \\n            transparent 10%, \\n            transparent 90%, \\n            rgba(0, 0, 0, \").concat(config.opacity*0.3,\") 100%\\n          ),\\n          linear-gradient(90deg, \\n            rgba(0, 0, 0, \").concat(config.opacity*0.3,\") 0%, \\n            transparent 10%, \\n            transparent 90%, \\n            rgba(0, 0, 0, \").concat(config.opacity*0.3,\") 100%\\n          )\\n        \");default:return\"\\n          radial-gradient(ellipse at center, \\n            transparent 50%, \\n            rgba(0, 0, 0, \".concat(config.opacity*0.5,\") 100%\\n          ),\\n          linear-gradient(180deg, \\n            rgba(0, 0, 0, \").concat(config.opacity*0.4,\") 0%, \\n            transparent 20%, \\n            transparent 80%, \\n            rgba(0, 0, 0, \").concat(config.opacity*0.4,\") 100%\\n          )\\n        \");}};return/*#__PURE__*/_jsx(_Fragment,{children:/*#__PURE__*/_jsx(motion.div,{className:\"fixed inset-0 pointer-events-none z-20\",style:{background:getBackground(),filter:\"blur(\".concat(config.blur,\"px)\")},initial:{opacity:0},animate:{opacity:1},transition:{duration:1,ease:\"easeOut\"}})});};export default CyberpunkVignette;","map":{"version":3,"names":["React","motion","jsx","_jsx","Fragment","_Fragment","CyberpunkVignette","_ref","intensity","variant","intensityMap","light","opacity","blur","medium","strong","config","getBackground","concat","children","div","className","style","background","filter","initial","animate","transition","duration","ease"],"sources":["/Users/apple/Documents/cursor/Web课件/AI课/education_web_多Agent协作系统/src/components/CyberpunkVignette.tsx"],"sourcesContent":["import React from 'react';\nimport { motion } from 'framer-motion';\n\ninterface CyberpunkVignetteProps {\n  intensity?: 'light' | 'medium' | 'strong';\n  variant?: 'default' | 'neon' | 'glitch' | 'minimal';\n}\n\nconst CyberpunkVignette: React.FC<CyberpunkVignetteProps> = ({ \n  intensity = 'medium',\n  variant = 'neon' \n}) => {\n  const intensityMap = {\n    light: { opacity: 0.3, blur: 0.5 },\n    medium: { opacity: 0.5, blur: 1 },\n    strong: { opacity: 0.7, blur: 2 }\n  };\n\n  const config = intensityMap[intensity];\n\n  const getBackground = () => {\n    switch (variant) {\n      case 'minimal':\n        // 极简变体 - 性能优化版本\n        return `\n          linear-gradient(180deg, \n            rgba(0, 0, 0, ${config.opacity * 0.2}) 0%, \n            transparent 15%, \n            transparent 85%, \n            rgba(0, 0, 0, ${config.opacity * 0.2}) 100%\n          )\n        `;\n      case 'glitch':\n        return `\n          radial-gradient(ellipse at center, \n            transparent 30%, \n            rgba(244, 63, 94, ${config.opacity * 0.3}) 60%,\n            rgba(168, 85, 247, ${config.opacity * 0.5}) 80%,\n            rgba(0, 0, 0, ${config.opacity}) 100%\n          ),\n          conic-gradient(\n            from 0deg at 50% 50%,\n            rgba(244, 63, 94, ${config.opacity * 0.1}),\n            rgba(168, 85, 247, ${config.opacity * 0.1}),\n            rgba(6, 182, 212, ${config.opacity * 0.1}),\n            rgba(244, 63, 94, ${config.opacity * 0.1})\n          )\n        `;\n      case 'neon':\n        return `\n          radial-gradient(ellipse at center, \n            transparent 40%, \n            rgba(244, 63, 94, ${config.opacity * 0.2}) 70%,\n            rgba(168, 85, 247, ${config.opacity * 0.3}) 85%,\n            rgba(0, 0, 0, ${config.opacity * 0.8}) 100%\n          ),\n          linear-gradient(180deg, \n            rgba(0, 0, 0, ${config.opacity * 0.3}) 0%, \n            transparent 10%, \n            transparent 90%, \n            rgba(0, 0, 0, ${config.opacity * 0.3}) 100%\n          ),\n          linear-gradient(90deg, \n            rgba(0, 0, 0, ${config.opacity * 0.3}) 0%, \n            transparent 10%, \n            transparent 90%, \n            rgba(0, 0, 0, ${config.opacity * 0.3}) 100%\n          )\n        `;\n      default:\n        return `\n          radial-gradient(ellipse at center, \n            transparent 50%, \n            rgba(0, 0, 0, ${config.opacity * 0.5}) 100%\n          ),\n          linear-gradient(180deg, \n            rgba(0, 0, 0, ${config.opacity * 0.4}) 0%, \n            transparent 20%, \n            transparent 80%, \n            rgba(0, 0, 0, ${config.opacity * 0.4}) 100%\n          )\n        `;\n    }\n  };\n\n  return (\n    <>\n      <motion.div \n        className=\"fixed inset-0 pointer-events-none z-20\"\n        style={{\n          background: getBackground(),\n          filter: `blur(${config.blur}px)`,\n        }}\n        initial={{ opacity: 0 }}\n        animate={{ opacity: 1 }}\n        transition={{ duration: 1, ease: \"easeOut\" }}\n      />\n      \n      {/* 霓虹边框效果已移除 */}\n    </>\n  );\n};\n\nexport default CyberpunkVignette;"],"mappings":"AAAA,MAAO,CAAAA,KAAK,KAAM,OAAO,CACzB,OAASC,MAAM,KAAQ,eAAe,CAAC,OAAAC,GAAA,IAAAC,IAAA,CAAAC,QAAA,IAAAC,SAAA,yBAOvC,KAAM,CAAAC,iBAAmD,CAAGC,IAAA,EAGtD,IAHuD,CAC3DC,SAAS,CAAG,QAAQ,CACpBC,OAAO,CAAG,MACZ,CAAC,CAAAF,IAAA,CACC,KAAM,CAAAG,YAAY,CAAG,CACnBC,KAAK,CAAE,CAAEC,OAAO,CAAE,GAAG,CAAEC,IAAI,CAAE,GAAI,CAAC,CAClCC,MAAM,CAAE,CAAEF,OAAO,CAAE,GAAG,CAAEC,IAAI,CAAE,CAAE,CAAC,CACjCE,MAAM,CAAE,CAAEH,OAAO,CAAE,GAAG,CAAEC,IAAI,CAAE,CAAE,CAClC,CAAC,CAED,KAAM,CAAAG,MAAM,CAAGN,YAAY,CAACF,SAAS,CAAC,CAEtC,KAAM,CAAAS,aAAa,CAAGA,CAAA,GAAM,CAC1B,OAAQR,OAAO,EACb,IAAK,SAAS,CACZ;AACA,yEAAAS,MAAA,CAEoBF,MAAM,CAACJ,OAAO,CAAG,GAAG,qGAAAM,MAAA,CAGpBF,MAAM,CAACJ,OAAO,CAAG,GAAG,kCAG1C,IAAK,QAAQ,CACX,uHAAAM,MAAA,CAGwBF,MAAM,CAACJ,OAAO,CAAG,GAAG,4CAAAM,MAAA,CACnBF,MAAM,CAACJ,OAAO,CAAG,GAAG,uCAAAM,MAAA,CACzBF,MAAM,CAACJ,OAAO,uHAAAM,MAAA,CAIVF,MAAM,CAACJ,OAAO,CAAG,GAAG,wCAAAM,MAAA,CACnBF,MAAM,CAACJ,OAAO,CAAG,GAAG,uCAAAM,MAAA,CACrBF,MAAM,CAACJ,OAAO,CAAG,GAAG,uCAAAM,MAAA,CACpBF,MAAM,CAACJ,OAAO,CAAG,GAAG,6BAG9C,IAAK,MAAM,CACT,uHAAAM,MAAA,CAGwBF,MAAM,CAACJ,OAAO,CAAG,GAAG,4CAAAM,MAAA,CACnBF,MAAM,CAACJ,OAAO,CAAG,GAAG,uCAAAM,MAAA,CACzBF,MAAM,CAACJ,OAAO,CAAG,GAAG,yFAAAM,MAAA,CAGpBF,MAAM,CAACJ,OAAO,CAAG,GAAG,qGAAAM,MAAA,CAGpBF,MAAM,CAACJ,OAAO,CAAG,GAAG,wFAAAM,MAAA,CAGpBF,MAAM,CAACJ,OAAO,CAAG,GAAG,qGAAAM,MAAA,CAGpBF,MAAM,CAACJ,OAAO,CAAG,GAAG,kCAG1C,QACE,mHAAAM,MAAA,CAGoBF,MAAM,CAACJ,OAAO,CAAG,GAAG,yFAAAM,MAAA,CAGpBF,MAAM,CAACJ,OAAO,CAAG,GAAG,qGAAAM,MAAA,CAGpBF,MAAM,CAACJ,OAAO,CAAG,GAAG,kCAG5C,CACF,CAAC,CAED,mBACET,IAAA,CAAAE,SAAA,EAAAc,QAAA,cACEhB,IAAA,CAACF,MAAM,CAACmB,GAAG,EACTC,SAAS,CAAC,wCAAwC,CAClDC,KAAK,CAAE,CACLC,UAAU,CAAEN,aAAa,CAAC,CAAC,CAC3BO,MAAM,SAAAN,MAAA,CAAUF,MAAM,CAACH,IAAI,OAC7B,CAAE,CACFY,OAAO,CAAE,CAAEb,OAAO,CAAE,CAAE,CAAE,CACxBc,OAAO,CAAE,CAAEd,OAAO,CAAE,CAAE,CAAE,CACxBe,UAAU,CAAE,CAAEC,QAAQ,CAAE,CAAC,CAAEC,IAAI,CAAE,SAAU,CAAE,CAC9C,CAAC,CAGF,CAAC,CAEP,CAAC,CAED,cAAe,CAAAvB,iBAAiB","ignoreList":[]},"metadata":{},"sourceType":"module","externalDependencies":[]}