修复 AGC 模板库筛选与卡片状态的表现缺陷

- 模板库筛选区改用共享筛选条与标签 chip：选中为实心品牌填充 + 反白文字，未选为浅底描边
- 未选中悬停不再借用品牌色（品牌色专属已选中），状态阶梯固定为静止 / 悬停 / 按下 / 选中
- 新增 getPlatformCategoryChipClassName 收敛筛选 chip 类名口径，模板库、资源画布、参考图弹窗与平台 Web 端共用
- PlatformSegmentedTabs 增加 accent 选中口径，与筛选 chip 共用 --platform-chip-* 语义色
- 修复卡片文字区按 grid auto 行排版导致的标题 / 简介 / 标签被裁：行高契约拆为分项常量，文字区固定 174
- 修复忙状态下动作行塞入第三个元素导致的按钮文案换行顶出卡片：忙状态写在触发它的按钮上
- 修复经典滚动条占宽导致的卡片区横向滚动条：按竖滚动条预留列宽后再算列宽行高
- 焦点环由 15% 透明度改为实心色并用 outline 绘制，选中项聚焦不再被状态投影盖掉
- 封面加载失败改为隐藏图片留中性底色，不再出现浏览器裂图图标
- 补充状态对比度、行高契约、滚动条预留、封面兜底与忙状态文案的回归测试
- 同步技术方案、踩坑记录与决策记录的口径

src/index.css

@@ -1602,7 +1602,7 @@ html[data-mobile-keyboard-open='true'] .platform-mobile-bottom-dock {
   justify-content: center;
   border: 1px solid var(--platform-subpanel-border);
   border-radius: 0.78rem;
-  background: rgba(255, 255, 255, 0.04);
+  background: var(--platform-chip-idle-fill, rgba(255, 253, 250, 0.72));
   color: var(--platform-text-base);
   padding: 0 0.92rem;
   font-size: 0.88rem;
@@ -1610,10 +1610,30 @@ html[data-mobile-keyboard-open='true'] .platform-mobile-bottom-dock {
   white-space: nowrap;
 }
 
+/* 与共享样式表同一口径：未选是浅底描边，选中是实心填充 + 反白文字。
+   这里的规则必须写在共享样式之后（本文件在 @import 之后），否则会被
+   `.platform-category-chip` 的基础底色压回去。 */
 .platform-category-chip--active {
-  border-color: var(--platform-cool-border);
-  background: var(--platform-cool-bg);
-  color: var(--platform-cool-text);
+  border-color: var(--platform-chip-active-border, #7d3719);
+  background: var(
+    --platform-chip-active-fill,
+    linear-gradient(135deg, #b3542f, #8f3f22)
+  );
+  color: var(--platform-chip-active-text, #fffaf5);
+  box-shadow: var(
+    --platform-chip-active-shadow,
+    0 6px 14px rgba(150, 71, 39, 0.24)
+  );
+}
+
+.platform-category-chip__count {
+  font-size: 0.72rem;
+  font-weight: 600;
+  color: var(--platform-text-soft);
+}
+
+.platform-category-chip--active .platform-category-chip__count {
+  color: inherit;
 }
 
 .platform-category-sort-button {
@@ -1652,9 +1672,16 @@ html[data-mobile-keyboard-open='true'] .platform-mobile-bottom-dock {
 }
 
 .platform-category-filter-dialog__option--active {
-  border-color: var(--platform-cool-border);
-  background: var(--platform-cool-bg);
-  color: var(--platform-cool-text);
+  border-color: var(--platform-chip-active-border, #7d3719);
+  background: var(
+    --platform-chip-active-fill,
+    linear-gradient(135deg, #b3542f, #8f3f22)
+  );
+  color: var(--platform-chip-active-text, #fffaf5);
+  box-shadow: var(
+    --platform-chip-active-shadow,
+    0 6px 14px rgba(150, 71, 39, 0.24)
+  );
 }
 
 .platform-category-filter-dialog__actions {