feat: 公文三栏单页布局，并修复时间线目录跳转与样式

公告/单页对齐帖子详情三栏壳；时间线按日锚点可跳转，条目改为日志行并用暖金日期区分 feat 色。

Co-authored-by: Cursor <cursoragent@cursor.com>

frontend/components/home/CommunityPanels.tsx

@@ -13,6 +13,7 @@ import {
   TrendingUp,
   Info,
   Pin,
+  ChevronRight,
 } from "lucide-react";
 import type {
   PostListItem,
@@ -27,6 +28,7 @@ import Avatar from "@/components/Avatar";
 import { PulseCheckin } from "./CheckinCard";
 import { FRIEND_LINKS } from "@/lib/friendLinks";
 import { formatCompact, formatShortDate } from "@/lib/format";
+import { pageGlyph } from "@/lib/pageGlyph";
 
 /* ---------- 站点数据（2×2 bento 统计瓦片） ---------- */
 
@@ -120,45 +122,42 @@ function PulseCard({
   );
 }
 
-/* ---------- 关于本站（侧栏单页） ---------- */
+/* ---------- 关于本站（侧栏页目录，置于右栏最底） ---------- */
 
-function AboutSite({ pages }: { pages: SidebarPageItem[] }) {
+function AboutSite({
+  pages,
+  siteDescription,
+}: {
+  pages: SidebarPageItem[];
+  siteDescription?: string;
+}) {
   if (pages.length === 0) return null;
-
-  if (pages.length === 1) {
-    const p = pages[0];
-    return (
-      <section className="j13-module" aria-label="关于本站">
-        <p className="j13-module-title">
-          <Info size={15} style={{ color: "var(--accent)" }} /> 关于本站
-        </p>
-        <Link href={`/p/${p.slug}`} className="block mt-2 rounded-lg px-0.5 py-1 transition-colors hover:bg-[var(--accent-soft)]">
-          <p className="text-[14px] font-semibold leading-snug" style={{ color: "var(--ink)" }}>
-            {p.title}
-          </p>
-          {p.excerpt ? (
-            <p className="meta text-[12.5px] mt-1.5 leading-relaxed line-clamp-3">{p.excerpt}</p>
-          ) : null}
-        </Link>
-      </section>
-    );
-  }
+  const lead = siteDescription?.trim() ?? "";
 
   return (
-    <section className="j13-module" aria-label="关于本站">
-      <p className="j13-module-title mb-1.5">
+    <section className="j13-module j13-about" aria-label="关于本站">
+      <p className="j13-module-title">
         <Info size={15} style={{ color: "var(--accent)" }} /> 关于本站
       </p>
-      <ul className="space-y-0.5">
-        {pages.map((p) => (
-          <li key={p.id}>
-            <Link href={`/p/${p.slug}`} className="j13-raillink" data-tip={p.title}>
-              <span className="flex-1 min-w-0 truncate text-[13px] font-medium" style={{ color: "var(--ink)" }}>
-                {p.title}
-              </span>
-            </Link>
-          </li>
-        ))}
+      {lead ? <p className="j13-about-lead">{lead}</p> : null}
+      <ul className="j13-about-list">
+        {pages.map((p) => {
+          const Icon = pageGlyph(p.slug);
+          return (
+            <li key={p.id}>
+              <Link href={`/p/${p.slug}`} className="j13-about-item">
+                <span className="j13-about-ico" aria-hidden="true">
+                  <Icon size={15} strokeWidth={2} />
+                </span>
+                <span className="j13-about-body">
+                  <span className="j13-about-name">{p.title}</span>
+                  {p.excerpt ? <span className="j13-about-excerpt">{p.excerpt}</span> : null}
+                </span>
+                <ChevronRight className="j13-about-chev" size={15} aria-hidden="true" />
+              </Link>
+            </li>
+          );
+        })}
       </ul>
     </section>
   );
@@ -421,6 +420,7 @@ type PanelsProps = {
   allowComments: boolean;
   canManageAnnouncements?: boolean;
   sidebarPages?: SidebarPageItem[];
+  siteDescription?: string;
 };
 
 function CommunityPanelsBody({
@@ -433,16 +433,17 @@ function CommunityPanelsBody({
   allowComments,
   canManageAnnouncements,
   sidebarPages = [],
+  siteDescription,
 }: PanelsProps) {
   return (
     <>
       <PulseCard stats={stats} checkin={checkin} allowComments={allowComments} />
-      <AboutSite pages={sidebarPages} />
       <Announcements items={announcements} canManageAnnouncements={canManageAnnouncements} />
       <HotRanking posts={hot} allowComments={allowComments} />
       <NewUsers users={newUsers} />
       <ActiveUsers users={activeUsers} allowComments={allowComments} />
       <FriendLinks />
+      <AboutSite pages={sidebarPages} siteDescription={siteDescription} />
     </>
   );
 }