[style] glassic styles of global and related cards

src/app/(main)/dynamic/page.tsx

@@ -55,7 +55,7 @@ const ReleaseNotes = () => {
       {releases?.map((release, index) => (
         <li key={index}>
           {/* <Link href={`/releases/${release.version}`} className="w-full"> */}
-          <Card className="w-full h-full pt-3 transition bg-white text-zinc-900 dark:bg-white/10 dark:text-white">
+          <Card className="w-full h-full pt-3 transition bg-white/60 text-zinc-900 dark:bg-white/5 dark:text-white">
             <CardHeader>
               <h3 className="w-full text-2xl font-semibold">CS工具箱 {release.version}</h3>
               <span className="flex items-center gap-3">

src/app/providers.tsx

@@ -13,7 +13,7 @@ export default function Providers({ children }: { children: React.ReactNode }) {
 
   return (
     <HeroUIProvider
-      className={cn("h-full bg-zinc-200/90 dark:bg-zinc-900", os === "macos" && "rounded-lg")}
+      className={cn("h-full bg-zinc-100/95 dark:bg-zinc-900/95", os === "macos" && "rounded-lg")}
     >
       <NextThemesProvider attribute="class" defaultTheme="light">
         <ToastProvider toastOffset={10} placement="top-center" toastProps={{ timeout: 3000 }} />