feat(community): Hero 双 CTA + /share 极简路由 + 个人主页我的分享 + 修 Next16 layout 错

UI / UX 迭代：
- Hero.tsx: Contribute 按钮旁并排加 ShareLink（风格与 Contribute 完全同构，
  右上角 "+" 徽章跳 /feed/submit），替代之前的次级文字链
- 个人主页 Bento 空态改为 SharesOnProfile 区块（本人可见自己的最近 6 条分享 +
  提交入口），通过父 grid stretch 与左侧 identity 卡同高；非本人返回 null
- 个人主页工具栏新增 SharesLinkIfOwner 入口（"我的分享"，本人可见）
- 新增 /share 独立极简路由：全屏居中卡片，无 Header/Footer，支持 ?url= / ?text=
  预填，成功后停留本页方便连续分享，Bookmarklet 友好

Next 16 兼容修复：
- /feed/submit, /u/[username]/shares 之前是 client component 直接渲染 async
  Server Component Header/Footer，Next 16 严格模式报错。提到各自的 Server Layout
- /feed/submit 提交成功后跳 /u/{username}/shares（之前误用 user.id 对不上路由 param）
- handleSubmit 加 15s AbortController 超时保护，防止 fetch hang 卡在 "提交中..."

i18n：
- 新增 shareLink.button / shareLink.submitAriaLabel
- 移除旧的 hero.feedLink（被并排按钮替代）

Author: github-actions[bot]

app/components/Contribute.tsx

@@ -162,7 +162,8 @@ export function Contribute() {
         }
       }}
     >
-      <div className="relative mt-12 inline-flex w-full sm:w-auto">
+      {/* mt 由外层容器控制；本组件只负责按钮 + 徽章的相对定位 */}
+      <div className="relative inline-flex w-full sm:w-auto">
         <DialogTrigger asChild>
           <Button
             variant="hero"

app/components/Hero.tsx

@@ -3,6 +3,7 @@ import { Suspense } from "react";
 import { getTranslations } from "next-intl/server";
 import ZoteroFeedLazy from "@/app/components/ZoteroFeedLazy";
 import { Contribute } from "@/app/components/Contribute";
+import { ShareLink } from "@/app/components/ShareLink";
 import Image from "next/image";
 import { ActivityTicker } from "@/app/components/ActivityTicker";
 import { cn } from "@/lib/utils";
@@ -64,18 +65,11 @@ export async function Hero() {
                 {t("mission")}
               </p>
 
-              <div className="mt-12">
+              {/* 双 CTA 并排：Contribute（正式投稿 Fumadocs）+ ShareLink（随手分享外部文章到 /feed）
+                  两者视觉平级，移动端堆叠（flex-wrap），桌面并排（gap-6） */}
+              <div className="mt-12 flex flex-wrap items-start gap-x-6 gap-y-8">
                 <Contribute />
-                {/* 次级文字链：层级明显低于主 CTA，斜体小字，不抢夺视觉焦点 */}
-                <Link
-                  href="/feed"
-                  className="mt-4 inline-block text-sm italic text-muted-foreground hover:text-[var(--foreground)] transition-colors duration-200"
-                  data-umami-event="navigation_click"
-                  data-umami-event-region="hero_feed_entry"
-                  data-umami-event-label="feed link"
-                >
-                  {t("feedLink")}
-                </Link>
+                <ShareLink />
               </div>
             </div>
           </div>

app/components/ShareLink.tsx

@@ -0,0 +1,58 @@
+"use client";
+
+/**
+ * Hero 区的"分享链接"按钮。
+ *
+ * 视觉与样式**完全复制** Contribute 主 CTA，和它并排形成双 CTA：
+ * - Contribute → 正式投稿 Fumadocs 知识库（走 GitHub PR）
+ * - ShareLink  → 随手分享公众号/知乎等文章到社区墙（/feed）
+ *
+ * 两者语义平级，视觉也平级——这是用户拍板的设计（之前尝试的次级文字链 UI 不够突出）。
+ * 按钮点击跳 /feed（先看一眼再决定是否提交），右上角徽章保留与 Contribute 对称的图标位。
+ */
+
+import Link from "next/link";
+import { useTranslations } from "next-intl";
+import { Button } from "@/components/ui/button";
+import { Link2, Plus } from "lucide-react";
+
+export function ShareLink() {
+  const t = useTranslations("shareLink");
+
+  return (
+    <div className="relative inline-flex w-full sm:w-auto">
+      {/* 主按钮跳 /feed（社区分享墙），样式与 Contribute 主按钮完全同构 */}
+      <Link
+        href="/feed"
+        className="w-full sm:w-auto"
+        data-umami-event="share_link_trigger"
+        data-umami-event-location="hero"
+      >
+        <Button
+          variant="hero"
+          size="lg"
+          className="relative isolate w-full sm:w-auto h-20 px-14 rounded-none
+                     text-2xl font-serif font-black uppercase italic tracking-tighter
+                     bg-[var(--foreground)] text-[var(--background)] border border-[var(--foreground)]
+                     hover:bg-[var(--background)] hover:text-[var(--foreground)] transition-all duration-300"
+        >
+          <span className="relative z-10 flex items-center gap-4">
+            <Link2 className="h-6 w-6" />
+            <span>{t("button")}</span>
+          </span>
+        </Button>
+      </Link>
+      {/* 右上角徽章：跳 /feed/submit 直接开提交表单，对应 Contribute 的指南 "?" 徽章 */}
+      <Link
+        href="/feed/submit"
+        aria-label={t("submitAriaLabel")}
+        title={t("submitAriaLabel")}
+        className="absolute top-0 right-0 flex h-10 w-10 translate-x-1/2 -translate-y-1/2 items-center justify-center border border-[var(--foreground)] bg-[var(--background)] text-[var(--foreground)] font-mono hover:bg-[#CC0000] hover:text-white transition-colors z-20"
+        data-umami-event="share_link_submit_shortcut"
+      >
+        <Plus className="h-4 w-4" strokeWidth={3} />
+        <span className="sr-only">{t("submitAriaLabel")}</span>
+      </Link>
+    </div>
+  );
+}

app/feed/submit/layout.tsx

@@ -0,0 +1,20 @@
+import type { ReactNode } from "react";
+import { Header } from "@/app/components/Header";
+import { Footer } from "@/app/components/Footer";
+
+/**
+ * /feed/submit 的 Server Component layout。
+ *
+ * 把 Header / Footer（依赖 next-intl/server.getTranslations 的 async Server Component）
+ * 放在这一层，让子 page 可以保持 "use client"，不再触发
+ * "async Client Component is not supported" 报错。
+ */
+export default function SubmitLayout({ children }: { children: ReactNode }) {
+  return (
+    <>
+      <Header />
+      {children}
+      <Footer />
+    </>
+  );
+}

app/feed/submit/page.tsx

@@ -12,8 +12,6 @@ import { useState, useEffect } from "react";
 import { useRouter } from "next/navigation";
 import { useTranslations } from "next-intl";
 import { useAuth } from "@/lib/use-auth";
-import { Header } from "@/app/components/Header";
-import { Footer } from "@/app/components/Footer";
 import { Button } from "@/components/ui/button";
 import { Input } from "@/components/ui/input";
 import { Label } from "@/components/ui/label";
@@ -44,6 +42,10 @@ export default function SubmitPage() {
     setSubmitting(true);
     setError(null);
 
+    // 15s 超时保护，避免 fetch 永远 hang 卡在 "提交中..."
+    const ctrl = new AbortController();
+    const timer = setTimeout(() => ctrl.abort(), 15_000);
+
     try {
       // satoken 从 localStorage 读取，随请求头发送（与其他需鉴权的接口一致）
       const token =
@@ -59,14 +61,16 @@ export default function SubmitPage() {
           url: url.trim(),
           recommendation: recommendation.trim() || undefined,
         }),
+        signal: ctrl.signal,
       });
 
       if (res.ok) {
         // 提交成功：toast 反馈 + 跳用户分享列表页
         // 使用 alert 保持轻量（与 ReportButton 一致，无额外 toast provider 依赖）
         alert(t("successToast"));
-        if (user?.id) {
-          router.push(`/u/${user.id}/shares`);
+        // 路由 param 是 [username] 不是 id，必须用 user.username 而不是 user.id
+        if (user?.username) {
+          router.push(`/u/${user.username}/shares`);
         } else {
           router.push("/feed");
         }
@@ -78,26 +82,27 @@ export default function SubmitPage() {
             `提交失败（HTTP ${res.status}）`,
         );
       }
-    } catch {
-      setError("网络错误，请稍后重试");
+    } catch (e) {
+      if (e instanceof DOMException && e.name === "AbortError") {
+        setError("请求超时（15 秒未响应），请稍后重试");
+      } else {
+        setError("网络错误，请稍后重试");
+      }
     } finally {
+      clearTimeout(timer);
       setSubmitting(false);
     }
   }
 
   // 认证加载中：渲染骨架避免布局跳动
   if (status === "loading") {
     return (
-      <>
-        <Header />
-        <main className="pt-32 pb-16 bg-[var(--background)] min-h-screen">
-          <div className="max-w-xl mx-auto px-6 lg:px-8 animate-pulse">
-            <div className="h-8 bg-neutral-100 dark:bg-neutral-900 rounded mb-4" />
-            <div className="h-4 bg-neutral-100 dark:bg-neutral-900 rounded w-2/3" />
-          </div>
-        </main>
-        <Footer />
-      </>
+      <main className="pt-32 pb-16 bg-[var(--background)] min-h-screen">
+        <div className="max-w-xl mx-auto px-6 lg:px-8 animate-pulse">
+          <div className="h-8 bg-neutral-100 dark:bg-neutral-900 rounded mb-4" />
+          <div className="h-4 bg-neutral-100 dark:bg-neutral-900 rounded w-2/3" />
+        </div>
+      </main>
     );
   }
 
@@ -107,96 +112,90 @@ export default function SubmitPage() {
   }
 
   return (
-    <>
-      <Header />
-      <main className="pt-32 pb-16 bg-[var(--background)] min-h-screen">
-        <div className="max-w-xl mx-auto px-6 lg:px-8">
-          {/* 页头 */}
-          <header className="border-t-4 border-[var(--foreground)] pt-6 mb-10">
-            <div className="font-mono text-[10px] uppercase tracking-[0.3em] text-neutral-500">
-              Community · Feed · Submit
-            </div>
-            <h1 className="font-serif text-4xl md:text-5xl font-black uppercase mt-2 tracking-tight text-[var(--foreground)]">
-              {t("title")}
-            </h1>
-          </header>
-
-          {/* 提交表单 */}
-          <form onSubmit={handleSubmit} className="space-y-6">
-            {/* URL 输入 */}
-            <div className="space-y-2">
+    <main className="pt-32 pb-16 bg-[var(--background)] min-h-screen">
+      <div className="max-w-xl mx-auto px-6 lg:px-8">
+        {/* 页头 */}
+        <header className="border-t-4 border-[var(--foreground)] pt-6 mb-10">
+          <div className="font-mono text-[10px] uppercase tracking-[0.3em] text-neutral-500">
+            Community · Feed · Submit
+          </div>
+          <h1 className="font-serif text-4xl md:text-5xl font-black uppercase mt-2 tracking-tight text-[var(--foreground)]">
+            {t("title")}
+          </h1>
+        </header>
+
+        {/* 提交表单 */}
+        <form onSubmit={handleSubmit} className="space-y-6">
+          {/* URL 输入 */}
+          <div className="space-y-2">
+            <Label
+              htmlFor="url"
+              className="font-mono text-xs uppercase tracking-widest"
+            >
+              {t("urlLabel")}
+            </Label>
+            <Input
+              id="url"
+              type="url"
+              placeholder={t("urlPlaceholder")}
+              value={url}
+              onChange={(e) => setUrl(e.target.value)}
+              required
+              className="rounded-none border-[var(--foreground)] focus-visible:ring-0 focus-visible:border-[var(--foreground)] bg-[var(--background)] text-[var(--foreground)]"
+            />
+          </div>
+
+          {/* 推荐语 textarea */}
+          <div className="space-y-2">
+            <div className="flex items-center justify-between">
               <Label
-                htmlFor="url"
+                htmlFor="recommendation"
                 className="font-mono text-xs uppercase tracking-widest"
               >
-                {t("urlLabel")}
+                {t("recommendationLabel")}
               </Label>
-              <Input
-                id="url"
-                type="url"
-                placeholder={t("urlPlaceholder")}
-                value={url}
-                onChange={(e) => setUrl(e.target.value)}
-                required
-                className="rounded-none border-[var(--foreground)] focus-visible:ring-0 focus-visible:border-[var(--foreground)] bg-[var(--background)] text-[var(--foreground)]"
-              />
-            </div>
-
-            {/* 推荐语 textarea */}
-            <div className="space-y-2">
-              <div className="flex items-center justify-between">
-                <Label
-                  htmlFor="recommendation"
-                  className="font-mono text-xs uppercase tracking-widest"
-                >
-                  {t("recommendationLabel")}
-                </Label>
-                {/* 字数计数 */}
-                <span className="font-mono text-[10px] text-neutral-400">
-                  {t("charCount", { count: recommendation.length })}
-                </span>
-              </div>
-              <textarea
-                id="recommendation"
-                className="w-full border border-[var(--foreground)] p-3 text-sm resize-none h-28 focus:outline-none focus:border-[var(--foreground)] bg-[var(--background)] text-[var(--foreground)] placeholder:text-neutral-400"
-                placeholder={t("recommendationPlaceholder")}
-                value={recommendation}
-                onChange={(e) => {
-                  // 限制最多 200 字
-                  if (e.target.value.length <= 200) {
-                    setRecommendation(e.target.value);
-                  }
-                }}
-                maxLength={200}
-              />
+              {/* 字数计数 */}
+              <span className="font-mono text-[10px] text-neutral-400">
+                {t("charCount", { count: recommendation.length })}
+              </span>
             </div>
+            <textarea
+              id="recommendation"
+              className="w-full border border-[var(--foreground)] p-3 text-sm resize-none h-28 focus:outline-none focus:border-[var(--foreground)] bg-[var(--background)] text-[var(--foreground)] placeholder:text-neutral-400"
+              placeholder={t("recommendationPlaceholder")}
+              value={recommendation}
+              onChange={(e) => {
+                // 限制最多 200 字
+                if (e.target.value.length <= 200) {
+                  setRecommendation(e.target.value);
+                }
+              }}
+              maxLength={200}
+            />
+          </div>
 
-            {/* 错误提示 */}
-            {error && (
-              <p className="text-sm text-[#CC0000] font-mono">{error}</p>
-            )}
-
-            {/* 提交按钮 */}
-            <div className="flex items-center gap-4">
-              <Button
-                type="submit"
-                disabled={submitting || !url.trim()}
-                className="rounded-none px-8 py-3 font-sans text-xs uppercase tracking-widest font-bold bg-[var(--foreground)] text-[var(--background)] hover:bg-[var(--background)] hover:text-[var(--foreground)] border border-[var(--foreground)] transition-all duration-200 h-auto disabled:opacity-40"
-              >
-                {submitting ? t("submitting") : t("submitButton")}
-              </Button>
-              <button
-                type="button"
-                onClick={() => router.back()}
-                className="font-mono text-xs uppercase tracking-widest text-neutral-500 hover:text-[var(--foreground)] transition-colors"
-              >
-                取消
-              </button>
-            </div>
-          </form>
-        </div>
-      </main>
-      <Footer />
-    </>
+          {/* 错误提示 */}
+          {error && <p className="text-sm text-[#CC0000] font-mono">{error}</p>}
+
+          {/* 提交按钮 */}
+          <div className="flex items-center gap-4">
+            <Button
+              type="submit"
+              disabled={submitting || !url.trim()}
+              className="rounded-none px-8 py-3 font-sans text-xs uppercase tracking-widest font-bold bg-[var(--foreground)] text-[var(--background)] hover:bg-[var(--background)] hover:text-[var(--foreground)] border border-[var(--foreground)] transition-all duration-200 h-auto disabled:opacity-40"
+            >
+              {submitting ? t("submitting") : t("submitButton")}
+            </Button>
+            <button
+              type="button"
+              onClick={() => router.back()}
+              className="font-mono text-xs uppercase tracking-widest text-neutral-500 hover:text-[var(--foreground)] transition-colors"
+            >
+              取消
+            </button>
+          </div>
+        </form>
+      </div>
+    </main>
   );
 }