{"kit":{"id":"finance","name":"金融公益","tagline":"暗红金融 CSR · /finance 聚合页","aliases":["金融公益","finance","/finance","金融行业专场","金融向善","金融公益专场","CSR","企业责任","捐步","公益金","普惠保险"],"family":"charity","status":"ready","packId":"finance","notes":"来源：gongyi.pengyoo.com/finance 源码与 CSS 约束提炼。"},"pack":{"id":"finance","name":"金融公益","tagline":"暗红金融 CSR · /finance 聚合页组件库","aliases":["金融公益","finance","/finance","金融行业专场","金融向善","CSR","企业责任","捐步","公益金"],"tokens":{"bg":"#fce9e9","surface":"#ffffff","text":"#222222","muted":"#8a8a8a","accent":"#d42933","accentText":"#ffffff","border":"#f0d5d5","radius":"18px","font":"\"Noto Sans SC\", \"PingFang SC\", system-ui, sans-serif"},"components":[{"type":"FinanceChromeNav","label":"顶栏胶囊","description":"返回 + 腾讯公益/金融公益品牌条 + 微信胶囊","propsSchema":[{"key":"brandLeft","label":"左品牌","kind":"string"},{"key":"brandRight","label":"右品牌","kind":"string"}]},{"type":"FinanceHero","label":"头图英雄区","description":"暗红渐变遮罩 + 双行主标题 + 一行副文案（对应 .hub-hero）","propsSchema":[{"key":"headline","label":"主标题（可用\\n换行）","kind":"string"},{"key":"sub","label":"副文案","kind":"string"},{"key":"imageUrl","label":"背景图","kind":"string"}]},{"type":"FinanceStatCard","label":"浮层数据卡","description":"叠在头图底部的三等分数值卡（.hub-stats）","propsSchema":[{"key":"items","label":"数字|说明，分号分隔，恰好 3 项","kind":"string"}]},{"type":"FinanceSectionHead","label":"区块标题","description":"红色竖条 + 标题 + 可选副文案/更多","propsSchema":[{"key":"title","label":"标题","kind":"string"},{"key":"sub","label":"副文案","kind":"string"},{"key":"more","label":"右侧链接","kind":"string"}]},{"type":"FinanceFilterTabs","label":"筛选胶囊","description":"横向滚动：全部/协会/金融机构…（.wish-filter）","propsSchema":[{"key":"items","label":"逗号分隔","kind":"string"},{"key":"active","label":"当前","kind":"string"}]},{"type":"FinanceWishScroll","label":"公益金心愿卡","description":"筛选胶囊 + 横滑大卡：红机构角标+白类目标签+绿腾讯公益标+同行面板+实心CTA","propsSchema":[{"key":"title","label":"区块标题","kind":"string"},{"key":"filters","label":"筛选，逗号分隔","kind":"string"},{"key":"filterActive","label":"当前筛选","kind":"string"},{"key":"items","label":"标题|机构|类别|副文案|同行文案|进度|按钮|图片，分号分隔","kind":"string"}]},{"type":"FinanceTwinTabs","label":"双入口导航","description":"全民公益（实心红）+ 普惠计划（白底描边）（.hub-tabs）","propsSchema":[{"key":"leftTitle","label":"左标题","kind":"string"},{"key":"leftSub","label":"左说明","kind":"string"},{"key":"rightTitle","label":"右标题","kind":"string"},{"key":"rightSub","label":"右说明","kind":"string"}]},{"type":"FinancePubGrid","label":"项目双列卡","description":"封面红胶囊机构标 + 伙伴行 + 3px细进度 + 双 meta","propsSchema":[{"key":"title","label":"区块标题","kind":"string"},{"key":"sub","label":"说明","kind":"string"},{"key":"more","label":"更多","kind":"string"},{"key":"items","label":"标题|机构|伙伴行|图片|进度|左meta|右meta，分号分隔","kind":"string"}]},{"type":"FinanceOrgList","label":"机构列表行","description":"48红方Logo + 粉红chip + 灰胶囊标签 + 细进度 + 双meta","propsSchema":[{"key":"title","label":"区块标题","kind":"string"},{"key":"sub","label":"说明","kind":"string"},{"key":"items","label":"简称|全名|chip|标签逗号|进度|左数据|右数据，分号分隔","kind":"string"}]},{"type":"FinanceStoryScroll","label":"志愿者故事横滑","description":"封面红角标+白状态标 + 绿机构名 + 标题描述","propsSchema":[{"key":"title","label":"区块标题","kind":"string"},{"key":"sub","label":"说明","kind":"string"},{"key":"items","label":"标题|机构|标签|描述|图片，分号分隔","kind":"string"}]},{"type":"FinanceCsrList","label":"CSR 列表行","description":"固定84×84缩略图(含红机构标) + 绿机构名 + 标题 + 3行描述","propsSchema":[{"key":"title","label":"区块标题","kind":"string"},{"key":"sub","label":"说明","kind":"string"},{"key":"items","label":"标题|机构|描述|图片，分号分隔","kind":"string"}]},{"type":"FinanceCtaBanner","label":"参与横幅","description":"红渐变底 + 白胶囊按钮红字（非实心白底反色错）","propsSchema":[{"key":"headline","label":"主文案","kind":"string"},{"key":"sub","label":"副文案","kind":"string"},{"key":"cta","label":"按钮","kind":"string"}]},{"type":"FinanceLogoWall","label":"机构 Logo 墙","description":"白底双列格子 + 细灰边框（非四列纯文字）","propsSchema":[{"key":"title","label":"区块标题","kind":"string"},{"key":"sub","label":"说明","kind":"string"},{"key":"items","label":"名称，逗号分隔","kind":"string"}]},{"type":"Frame","label":"容器","description":"可嵌套子区块的容器（类似 Frame）","propsSchema":[{"key":"label","label":"名称","kind":"string"},{"key":"gap","label":"间距","kind":"enum","options":["8","12","16","24"]},{"key":"w","label":"宽度 W","kind":"number"},{"key":"h","label":"高度 H","kind":"number"},{"key":"x","label":"X","kind":"number"},{"key":"y","label":"Y","kind":"number"},{"key":"radius","label":"圆角","kind":"number"},{"key":"fill","label":"填充","kind":"string"},{"key":"opacity","label":"不透明度","kind":"number"}]},{"type":"Text","label":"文本","description":"基础文本层","propsSchema":[{"key":"content","label":"文案","kind":"string"},{"key":"fontSize","label":"字号","kind":"number"},{"key":"fontWeight","label":"字重","kind":"string"},{"key":"fontFamily","label":"字体","kind":"string"},{"key":"lineHeight","label":"行高","kind":"string"},{"key":"letterSpacing","label":"字距","kind":"string"},{"key":"textAlign","label":"对齐","kind":"enum","options":["left","center","right"]},{"key":"fill","label":"颜色","kind":"string"},{"key":"x","label":"X","kind":"number"},{"key":"y","label":"Y","kind":"number"},{"key":"w","label":"宽度 W","kind":"number"},{"key":"opacity","label":"不透明度","kind":"number"}]},{"type":"Rectangle","label":"矩形","description":"基础矩形","propsSchema":[{"key":"fill","label":"填充","kind":"string"},{"key":"radius","label":"圆角","kind":"number"},{"key":"x","label":"X","kind":"number"},{"key":"y","label":"Y","kind":"number"},{"key":"w","label":"宽度 W","kind":"number"},{"key":"h","label":"高度 H","kind":"number"},{"key":"opacity","label":"不透明度","kind":"number"}]},{"type":"Ellipse","label":"椭圆","description":"基础圆形/椭圆","propsSchema":[{"key":"fill","label":"填充","kind":"string"},{"key":"x","label":"X","kind":"number"},{"key":"y","label":"Y","kind":"number"},{"key":"w","label":"宽度 W","kind":"number"},{"key":"h","label":"高度 H","kind":"number"},{"key":"opacity","label":"不透明度","kind":"number"}]}],"recipes":[{"id":"hub","label":"金融公益聚合页","pageRole":"home","summary":"1:1 对应 gongyi.pengyoo.com/finance：Hero→Stats→心愿→双入口→项目格→机构列表→志愿者→CSR→CTA→Logo墙。","sequence":["FinanceChromeNav","FinanceHero","FinanceStatCard","FinanceWishScroll","FinanceTwinTabs","FinancePubGrid","FinanceOrgList","FinanceStoryScroll","FinanceCsrList","FinanceCtaBanner","FinanceLogoWall"]},{"id":"list","label":"金融公益项目列表","pageRole":"list","summary":"顶栏 + 筛选 + 双列项目卡。","sequence":["FinanceChromeNav","FinanceSectionHead","FinanceFilterTabs","FinancePubGrid"]},{"id":"detail","label":"心愿/项目详情","pageRole":"detail","summary":"头图 + 数据 + 机构信息 + CTA。不要再铺整页聚合模块。","sequence":["FinanceChromeNav","FinanceHero","FinanceStatCard","FinanceOrgList","FinanceCtaBanner"]}]}}