feat(product-detail): 素材区重做为结构化 — 角色逐个 / 商品图平铺 / 图片成品平铺 / 场景分镜视频按项目打包

按"东西的性质"分,不再一锅炖:
- 后端 /api/products/{id}/materials/:角色=立绘+配对三视图(triview_of)逐个、带「被几个项目引用」
  (BaseAssetGroup 去重计数);商品图平铺;图片成品(上身图/套图/创作)平铺;场景/分镜/视频素材按视频项目打包
- 前端商品详情素材区重做:角色卡(左上标签+左下「N 个项目引用」/「// 暂未引用」,点开看形象图+三视图)、
  商品图平铺、图片成品平铺带类型标签、项目包卡(点开看该项目场景+分镜+视频素材);通用明细弹窗
- 单测 ProductMaterialsTests(角色配对+引用数=1 / 商品图 / 图片成品 / 项目包2素材)

验收:products+assets 22 测绿;tsc+build 绿;无头核对(角色卡「1 个项目引用」+商品图平铺、0 console error)
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

core/frontend/src/api.ts

@@ -233,6 +233,10 @@ export const api = {
     // 软删 = 进垃圾桶(后端 status→archived,可恢复)
     return request<void>(`/api/products/${id}/`, { method: "DELETE" });
   },
+  // 商品详情结构化素材(角色/商品图/图片成品/项目包)
+  productMaterials(id: string) {
+    return request<import("./types").ProductMaterials>(`/api/products/${id}/materials/`);
+  },
   productsTrash() {
     return request<Paginated<Product>>("/api/products/trash/");
   },