feat: 帖子分级置顶（板块/全站）与板块管理员置顶权限、消息管理权限调整

frontend/app/globals.css

@@ -30,6 +30,14 @@
   --gold: #825700;
   --gold-soft: rgba(130, 87, 0, 0.13);
 
+  /* 置顶 / 推荐徽章专用色：与 --clay/--gold（还被文档类型、图表等复用）解耦，单独可调 */
+  --pin: #c2410c; /* 置顶：焦橙，明度高、不浑浊 */
+  --pin-soft: rgba(194, 65, 12, 0.1);
+  --pin-line: rgba(194, 65, 12, 0.26);
+  --rec: #b7791f; /* 推荐：琥珀金，偏 saffron 而非暗橄榄 */
+  --rec-soft: rgba(183, 121, 31, 0.13);
+  --rec-line: rgba(183, 121, 31, 0.3);
+
   --danger: #c8281e;
   --danger-soft: rgba(200, 40, 30, 0.09);
   --ok: #137333;
@@ -154,6 +162,13 @@
   --gold: #e0b259;
   --gold-soft: rgba(224, 178, 89, 0.16);
 
+  --pin: #ff9a6b;
+  --pin-soft: rgba(255, 154, 107, 0.14);
+  --pin-line: rgba(255, 154, 107, 0.3);
+  --rec: #e8bd63;
+  --rec-soft: rgba(232, 189, 99, 0.14);
+  --rec-line: rgba(232, 189, 99, 0.3);
+
   --danger: #ff6b60;
   --danger-soft: rgba(255, 107, 96, 0.15);
   --ok: #58d18a;
@@ -6592,23 +6607,33 @@ a.j13-mention-token:hover {
     background: var(--accent-soft);
     color: var(--accent);
   }
-  /* 置顶 / 推荐：图标徽章（无文字，配 title/aria-label），全站统一，节省标题空间 */
+  /* 置顶 / 推荐：图标徽章（无文字，配 title/aria-label），全站统一，节省标题空间。
+     形态：圆角方块 + 极淡底 + 同色发丝边 + 线性图标，避免实心图标在小尺寸下发糊。 */
   .badge-pin,
   .badge-rec {
     display: inline-flex;
     align-items: center;
     justify-content: center;
+    box-sizing: border-box;
     width: 20px;
     height: 20px;
-    border-radius: 6px;
+    border-radius: 7px;
+    border: 1px solid;
+    line-height: 0;
   }
   .badge-pin {
-    background: var(--clay-soft);
-    color: var(--clay);
+    color: var(--pin);
+    background: var(--pin-soft);
+    border-color: var(--pin-line);
+  }
+  /* 板块置顶：去掉底色只留描边，弱一档，与全站置顶拉开层级（不换色相，避免多一套语义色） */
+  .badge-pin[data-scope="board"] {
+    background: transparent;
   }
   .badge-rec {
-    background: var(--gold-soft);
-    color: var(--gold);
+    color: var(--rec);
+    background: var(--rec-soft);
+    border-color: var(--rec-line);
   }
   .badge-pending {
     display: inline-flex;