[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 }} />

src/components/cstb/SteamUsers.tsx

@@ -37,7 +37,7 @@ const SteamUsers = ({ className }: { className?: string }) => {
           {steam.state.users.map((user, id) => (
             <li
               key={user.account_name}
-              className="flex gap-2 transition rounded-lg bg-zinc-50 dark:bg-zinc-900"
+              className="flex gap-2 transition border rounded-lg bg-white/70 border-zinc-200/50 dark:border-white/5 dark:bg-zinc-900/50"
             >
               <img
                 src={user.avatar ? `data:image/png;base64,${user.avatar}` : "/logo_square.png"}