polish(frontend): 侧栏与徽章可读性，智能悬停提示

降权全站字重；优化右栏公告/数据块；类型状态徽章用固定浅色区分；TipHost 仅在文案不一致、非文字或省略时显示。

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

frontend/components/home/CommunityPanels.tsx

@@ -73,10 +73,10 @@ function PulseCard({ stats, checkin }: { stats: OverviewStats; checkin?: Checkin
           实时
         </span>
       </div>
-      <div className="j13-pulse mt-3">
+      <div className="j13-pulse">
         {cells.map((c) => (
           <div key={c.label} className="j13-pulse-cell">
-            <p className="j13-pulse-lab" style={{ color: "var(--ink-3)" }}>
+            <p className="j13-pulse-lab">
               <span style={{ color: "var(--accent)" }} aria-hidden="true">
                 {c.icon}
               </span>
@@ -102,32 +102,31 @@ function PulseCard({ stats, checkin }: { stats: OverviewStats; checkin?: Checkin
 function Announcements({ items }: { items: AnnouncementSummary[] }) {
   return (
     <section className="j13-module" aria-label="站点公告">
-      <p className="j13-module-title mb-2">
+      <p className="j13-module-title">
         <Megaphone size={15} style={{ color: "var(--accent)" }} /> 站点公告
       </p>
       {items.length === 0 ? (
-        <p className="meta px-1 py-1.5">暂无公告</p>
+        <p className="meta mt-2 px-0.5">暂无公告</p>
       ) : (
-        <ul>
+        <ul className="j13-anno-list">
           {items.map((a) => (
             <li key={a.id}>
               <Link
                 href={`/announcement/${a.id}`}
-                className="group block -mx-1.5 rounded-lg px-1.5 py-1.5 transition-colors hover:bg-[var(--accent-soft)] focus-visible:bg-[var(--accent-soft)]"
+                className="j13-anno-item"
+                data-tip={a.title}
               >
-                <span className="flex items-center justify-between gap-2">
-                  <span className={`j13-anno-tag is-${a.tag_color}`}>{a.tag}</span>
-                  <span className="meta shrink-0 text-[11px] tabular-nums">
-                    {formatShortDate(a.created_at)}
+                <span className="j13-anno-item-body">
+                  <span className="j13-anno-item-title truncate">{a.title}</span>
+                  <span className="j13-anno-item-meta">
+                    {a.tag ? (
+                      <span className={`j13-anno-tag is-${a.tag_color}`}>{a.tag}</span>
+                    ) : null}
+                    <span className="meta text-[11px] tabular-nums">
+                      {formatShortDate(a.created_at)}
+                    </span>
                   </span>
                 </span>
-                <span
-                  className="mt-1.5 block truncate text-[13px] leading-snug transition-colors group-hover:text-[var(--accent)]"
-                  style={{ color: "var(--ink)" }}
-                  data-tip={a.title}
-                >
-                  {a.title}
-                </span>
               </Link>
             </li>
           ))}
@@ -236,7 +235,7 @@ function ActiveUsers({ users }: { users: ActiveUser[] }) {
                   <Avatar name={name} src={u.avatar} size={30} />
                   <span className="flex-1 min-w-0">
                     <span
-                      className="block truncate text-[13px] font-semibold leading-tight"
+                      className="block truncate text-[13px] leading-tight"
                       style={{ color: "var(--ink)" }}
                     >
                       {name}
@@ -251,7 +250,7 @@ function ActiveUsers({ users }: { users: ActiveUser[] }) {
                     </span>
                   </span>
                   <span
-                    className="shrink-0 text-[13px] font-extrabold tabular-nums"
+                    className="shrink-0 text-[13px] tabular-nums"
                     style={{ color: "var(--accent)" }}
                     aria-label={`本周共 ${u.post_count + u.comment_count} 次互动`}
                   >