feat:适配英文版

Author: 葛锐

frontend/app/[locale]/market/MarketContent.tsx

@@ -429,8 +429,10 @@ export default function MarketContent({
                         {/* Featured row per category (show only if there are featured items) */}
                         {featuredItems.length > 0 && (
                           <div className="mb-6 featured-area">
-                            <div className="flex items-center justify-between mb-4">
-                              <h2 className="text-2xl font-bold">{t("market.featuredTitle", "精选智能体")}</h2>
+                            <div className="flex items-center justify-between mb-5">
+                              <h2 className="text-2xl font-bold">
+                                {isZh ? t("market.featuredTitle", "精选智能体") : "Featured Agents"}
+                              </h2>
                               <div className="hidden md:flex items-center gap-2">
                                 <button
                                   aria-label="Prev featured"
@@ -463,7 +465,7 @@ export default function MarketContent({
                             <div
                               id="featured-row"
                               ref={featuredRowRef}
-                              className="flex gap-4 overflow-x-auto no-scrollbar pb-2"
+                              className="flex gap-4 overflow-x-auto no-scrollbar pt-2 pb-2"
                             >
                               {featuredItems.map((agent, index) => (
                                 <div
@@ -483,9 +485,16 @@ export default function MarketContent({
                           </div>
                         )}
 
+                        {/* Separator between featured and main list (only when both exist) */}
+                        {featuredItems.length > 0 && agents.length > 0 && (
+                          <div className="mt-4 mb-8">
+                            <div className="w-full h-[0.5px] bg-slate-200 dark:bg-slate-700 rounded" />
+                          </div>
+                        )}
+
                         {agents.length > 0 && (
                           <>
-                            <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4 pb-8">
+                            <div className="mt-6 grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4 pb-8">
                               {agents.map((agent, index) => (
                                 <motion.div
                                   key={agent.id}

frontend/app/[locale]/market/components/AgentMarketCard.tsx

@@ -43,15 +43,19 @@ export function AgentMarketCard({
     : "📦";
 
   const baseClasses =
-    "group h-full min-h-[320px] rounded-lg border transition-all duration-300 overflow-hidden flex flex-col cursor-pointer relative";
+    "group z-10 hover:z-0 h-full min-h-[320px] rounded-lg border transition-all duration-300 overflow-visible flex flex-col cursor-pointer relative";
   const defaultClasses =
     "bg-white dark:bg-slate-800 border-slate-200 dark:border-slate-700 hover:border-purple-300 dark:hover:border-purple-600 hover:shadow-lg";
   const featuredClasses =
-    "border-slate-200 dark:border-slate-700 text-slate-900 dark:text-white";
+    "bg-white dark:bg-slate-800 border-slate-200 dark:border-slate-700 text-slate-900 dark:text-white hover:border-purple-300 dark:hover:border-purple-600 hover:shadow-lg";
+
+  const unifiedHoverShadow =
+    "0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05)";
 
   return (
     <motion.div
-      whileHover={{ y: -4 }}
+      whileHover={{ y: -4, boxShadow: unifiedHoverShadow }}
+      transition={{ type: "spring", stiffness: 300, damping: 25 }}
       onClick={handleCardClick}
       className={`${baseClasses} ${variant === "featured" ? featuredClasses : defaultClasses}`}
     >
@@ -142,7 +146,7 @@ export function AgentMarketCard({
       <div className="absolute left-0 right-0 bottom-0 px-4 py-3 border-t border-slate-100 dark:border-slate-700 bg-transparent z-10">
         <button
           onClick={handleDownload}
-          className="w-full px-4 py-2 rounded-md bg-gradient-to-r from-purple-500 to-indigo-500 hover:from-purple-600 hover:to-indigo-600 text-white text-sm font-medium transition-all duration-300 flex items-center justify-center gap-2 group-hover:shadow-md z-10"
+          className="w-full px-4 py-2 rounded-md bg-gradient-to-r from-purple-500 to-indigo-500 hover:from-purple-600 hover:to-indigo-600 text-white text-sm font-medium transition-all duration-300 flex items-center justify-center gap-2"
         >
           <Download className="h-4 w-4" />
           {t("market.download", "Download")}

frontend/styles/globals.css

@@ -209,6 +209,12 @@
   }
 }
 
+/* Reserve space at bottom of featured area so separator spacing stays consistent
+   whether native scrollbar is visible or not. Matches typical scrollbar height. */
+.featured-area {
+  padding-bottom: 0px;
+}
+
 /* Tool Pool Tabs scroll fix */
 .tool-pool-tabs .ant-tabs-content-holder {
   overflow: hidden;