t193 四修：裁淨版 lockup＋側邊欄選中態照 portal（leo 兩點）

## ① logo 比例不對＋深色仍有白底＋旁邊大量空白
三個症狀同一個根：**我用的是未裁淨的原始 PNG**。
portal 的註解早就寫著：原始 1840x560 **只有 32% 高度是實際字形**，上下大留白
⇒ 同 height 字看起來很小；留白處露出 paper-on-ink 自帶的 Ink 底板＝白底。
portal 用的是裁淨版（986x176），但**只內嵌在它的 HTML base64 裡**，我抄不到才用了原始圖。

修：
- 從 portal 的 base64 抽出兩張裁淨版，存成 arcrun-cis/trimmed/ 供全站共用
- 兩張**都是透明底**（實測四邊留白 0）⇒ 深色模式**拿掉 Ink 底板**
- 空白是**版面**造成：側欄 232px 扣 padding 剩 184px，logo 高 24px 只有 134px ⇒ 空 50px
  ⇒ 側欄對齊 portal 的 216px，logo 改 width:100% 填滿可用寬度

實測（渲染後量像素）：
  logo 26px 高 × 151px 寬，右側剩餘空白 1px（原本 50px）
  深色：側欄底(18,18,18) vs logo 上下皆(18,18,18) ⇒ 落差 0，無白底

## ② 側邊欄選中態太粗糙
leo：「參考現在 Portal 的格式⋯⋯這個比現在膠囊反紅精緻，重點是跟 portal 的形象符合」
修：逐字照 portal 的 #sidenav .nav.on ——
    **不是實心膠囊**，而是 amber 字色 ＋ 8% amber 底 ＋ 右側 2px amber 邊。
    側欄右緣也照 portal 用 2px amber 35%。
實測：選中列底(237,228,222)=amber 8%、右緣(176,74,47)=Relation、未選(242,241,237)=Canvas。

## 機械閘加三項守衛
- 不准用未裁淨的原始 lockup（字會太小）
- 選中態必須有 border-right-color: var(--amber)
- 不准再出現 border-radius:999px（膠囊，leo 已否決）
兩支閘全過；style.css 仍 0 個 hex。

cmd/arcrun-app/check-render.sh

@@ -58,12 +58,15 @@ for y in range(h):
             line[i]=(line[i]+pr)&255
     rows.append(bytes(line)); prev=line
 px=lambda x,y:tuple(rows[y][x*ch:x*ch+3])
-brand=px(10,10); logo=px(60,47)
-diff=max(abs(a-b) for a,b in zip(brand,logo))
-print(f"  品牌區背景 {brand} ／ logo 底板 {logo} ／ 落差 {diff}")
-if diff > 12:
-    print("  ❌ logo 底板與背景不接合——會出現方塊（leo 截圖裡那個）"); sys.exit(1)
-print("  ✅ logo 底板與背景接合，無方塊")
+# logo 現在用**裁淨版透明底** ⇒ 品牌區四周應該就是頁面底色，不該出現任何色塊。
+# 取 logo 上方與下方各一點：若與側欄底色不同，代表又墊了底板或圖沒裁淨。
+side = px(10, 300)          # 側欄純底色
+above, below = px(150, 6), px(150, 62)
+worst = max(max(abs(a-b) for a,b in zip(side,p)) for p in (above, below))
+print(f"  側欄底色 {side} ／ logo 上方 {above} ／ 下方 {below} ／ 最大落差 {worst}")
+if worst > 10:
+    print("  ❌ logo 周圍出現色塊——底板沒去掉或用到未裁淨的圖"); sys.exit(1)
+print("  ✅ logo 透明底、周圍無色塊")
 # 深色模式有沒有生效：整體應該偏暗
 if sum(px(600,400))/3 > 120:
     print("  ❌ 深色模式沒生效（右側內容區偏亮）"); sys.exit(1)