fix: 修复bug

src/components/JoyrideStep/BeaconComponent.module.less

+.beaconComponent {
+  animation: pulse 1s ease-in-out infinite;
+  background: linear-gradient(to right, #18CCFC, #6344F5, #AE48FF);
+  border-radius: 50%;
+  display: inline-block;
+  height: 0.8rem;
+  width: 0.8rem;
+}
+
+@keyframes pulse {
+  0% {
+    transform: scale(1);
+  }
+
+  55% {
+    background: linear-gradient(to right, #18CCFC, #6344F5, #AE48FF);
+    transform: scale(1.2);
+  }
+}

src/components/JoyrideStep/BeaconComponent.module.less.d.ts

+// This file is automatically generated.
+// Please do not change this file!
+interface CssExports {
+  beaconComponent: string
+  pulse: string
+}
+declare const cssExports: CssExports
+export default cssExports

src/components/JoyrideStep/BeaconComponent.tsx

+import { motion } from 'framer-motion'
+import { forwardRef } from 'react'
+import type { BeaconRenderProps } from 'react-joyride'
+import style from './BeaconComponent.module.less'
+
+const BeaconComponent = forwardRef<HTMLButtonElement, BeaconRenderProps>((props, ref: any) => {
+  return (
+    <motion.div
+      className={style.beaconComponent}
+      ref={ref}
+      {...props}
+    >
+    </motion.div>
+  )
+})
+
+export default BeaconComponent

src/components/MarkdownDetail/index.tsx

@@ -14,7 +14,7 @@ export const MarkdownDetail: React.FC<MarkdownDetailProps> = ({ children }) => {
     <ReactMarkdown
     <ReactMarkdown
       rehypePlugins={[rehypeRaw, rehypeSanitize]}
       rehypePlugins={[rehypeRaw, rehypeSanitize]}
       remarkPlugins={[remarkGfm]}
       remarkPlugins={[remarkGfm]}
-      className="markdown-body flex flex-col gap-[12px] text-[#27353C] text-[15px]"
+      className="markdown-body !bg-[#fff] flex flex-col gap-[12px] text-[#27353C] text-[15px]"
       components={{
       components={{
         img: ({ ...data }): JSX.Element => (
         img: ({ ...data }): JSX.Element => (
           <PhotoProvider maskOpacity={0.1} bannerVisible={false}>
           <PhotoProvider maskOpacity={0.1} bannerVisible={false}>

src/components/TypewriterEffect/index.tsx

@@ -57,7 +57,7 @@ export default function TypewriterEffect({
                   initial={{}}
                   initial={{}}
                   key={`char-${index}`}
                   key={`char-${index}`}
                   className={cn(
                   className={cn(
-                    `dark:text-white text-black opacity-0 hidden`,
+                    `text-black opacity-0 hidden`,
                     className,
                     className,
                     word.className,
                     word.className,
                   )}
                   )}

src/config/theme.ts

@@ -13,7 +13,7 @@ export const theme: NextUIPluginConfig = {
     },
     },
     dark: {
     dark: {
       colors: {
       colors: {
-        background: '#000000', // or DEFAULT
+        background: '#E6F6FE', // or DEFAULT
         primary: {
         primary: {
           DEFAULT: '#29B6FD',
           DEFAULT: '#29B6FD',
         },
         },