's'

app/vip/components/dashboard/CommunityHighlights.tsx

@@ -0,0 +1,38 @@
+"use client";
+
+import Link from "next/link";
+import { COMMUNITY_HIGHLIGHTS } from "@/app/data/vip.mock";
+import styles from "../vip.module.css";
+
+export function CommunityHighlights() {
+  return (
+    <section className={styles.section}>
+      <h2 className={styles.sectionTitle}>社区精选</h2>
+      <div
+        className="animate__animated animate__fadeInUp"
+        style={{ animationDelay: "0.2s", animationFillMode: "both" }}
+      >
+        {COMMUNITY_HIGHLIGHTS.map((item) => (
+          <Link
+            key={item.id}
+            href={item.href}
+            target="_blank"
+            rel="noopener noreferrer"
+            className={styles.card}
+            style={{
+              display: "block",
+              marginBottom: "0.5rem",
+              textDecoration: "none",
+              color: "inherit",
+            }}
+          >
+            <span style={{ color: "var(--foreground)" }}>{item.text}</span>
+            <span style={{ marginLeft: "0.5rem", color: "var(--accent)", fontSize: "0.9rem" }}>
+              →
+            </span>
+          </Link>
+        ))}
+      </div>
+    </section>
+  );
+}