investment-visual-reportlisted

# Investment Visual Report 把已经写好的投资 IC memo（过程包 01–09）转成一份**单文件、零依赖、全展开**的 HTML 可视化研报。这是投研链的 `10-visual-report.html` 节点。 ## 核心原则 - **只可视化，不重新研究。** 你的输入是已完成的 memo 文本（fact-pack、判断、评分、估值、DD 等）。把内容如实搬进视觉结构，不新增结论、不改判断、不补搜索。 - **忠于 memo 的自然顺序。** 章节顺序跟随 IC memo：执行摘要 → 公司/产品概览 → 竞争格局 → 单元经济 → 估值/回报 → 评分卡 → 风险/一票否决 → DD → thesis/watch triggers → 来源。 - **单文件、零依赖。** 所有 CSS 内联在 `<style>` 里，不引外部 JS/CSS/字体 CDN（字体用系统栈）。一个 .html 文件能独立打开。 - **全展开、不折叠、不堆叠。** 信息一屏滚到底全部可见，不用 tab/accordion 把内容藏起来——投委要快速通读。 - **落盘**：产物是投研链项目夹里的 `10-visual-report.html`（路径见投研 chain 定义，落到用户项目工作区，不写进技能库 repo）。 ## 怎么做 1. **读设计系统**：先读 `references/design-system.md`，它定义了配色、排版、组件类名、响应式断点——这是房子的"风格基因"，照它来保证每份研报观感一致。 2. **用骨架模板起步**：复制 `assets/report-template.html` 作为起点，它已含完整 `<style>` 和所有组件的占位结构。把 memo 内容填进对应 section。 3. **按需选组件**：`references/components.md` 列出了所有可用组件（评分条、bull/base/bear 场景卡、时间线、风险矩阵、来源标签等）及其 HTML 片段，按 memo 实际有的内容挑用。缺的 section 就删掉，不要硬凑。 4. **填评级与配色**：根据 memo 的结论给 header 的评级 badge 和评分上色（见设计系统的语义色规则：绿=利好/强、黄=中性/观察、红=风险/弱）。 5. **自检**：对照 `references/quality-checklist.md` 过一遍——单文件能打开、响应式不溢出、评分色与结论一致、没有把判断改掉。 ## 不要做 - 不要引入 React/Vue/构建工具——这是一份静态 HTML，不是 App。 - 不要用外部 CDN（离线打不开就失败了）。 - 不要折叠内容到交互组件后面（投委要一眼看全）。 - 不要在可视化阶段"修正"memo 的判断或补数据——有疑问回到 memo 节点，不在这里改。 - 不要把文件写进 plugins/ 或技能库 repo——产物属于用户项目工作区。 ## 参考文件 - `references/design-system.md` — 配色、排版、组件类名、布局、响应式（**先读这个**） - `references/components.md` — 所有组件的 HTML 片段库（按需取用） - `references/quality-checklist.md` — 交付前自检清单 - `assets/report-template.html` — 完整可复制的骨架模板（