qihangzhang-272 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）。
怎么做
- 读设计系统：先读
references/design-system.md，它定义了配色、排版、组件类名、响应式断点——这是房子的"风格基因"，照它来保证每份研报观感一致。 - 用骨架模板起步：复制
assets/report-template.html作为起点，它已含完整<style>和所有组件的占位结构。把 memo 内容填进对应 section。 - 按需选组件：
references/components.md列出了所有可用组件（评分条、bull/base/bear 场景卡、时间线、风险矩阵、来源标签等）及其 HTML 片段，按 memo 实际有的内容挑用。缺的 section 就删掉，不要硬凑。 - 填评级与配色：根据 memo 的结论给 header 的评级 badge 和评分上色（见设计系统的语义色规则：绿=利好/强、黄=中性/观察、红=风险/弱）。
- 自检：对照
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— 完整可复制的骨架模板（含全部内联 CSS）
完成标准
- 只读取并转换 10-ic-memo；所有内容、结论、建议、评分和措辞强度均来自 Memo，不读取 01–09 补洞，也不创建第三套投资结论
- 忠实保留 Memo 的推进（Proceed）、有条件推进（Conditional proceed）、观察（Watch）或放弃（Pass），以及分数、估值、回报、单位、日期、情景、缺口和限制
- 完整承接 Memo 的十三个投资人章节，不压薄或用视觉组件替代正文
- 章节名、标签和解释面向中文投资人；专业缩写和英文投资术语沿用 Memo 的中文解释，不以内部工程术语代替业务表达
- 完整保留 Memo 中的真实外部 URL，并在 HTML 中使用可读锚文本、可点击链接以及安全的新窗口属性
- HTML 只呈现投资业务正文，不展示内部工作区元数据、检查过程、尝试记录或运行证明
- 输出为指定路径的单一 HTML，CSS 全部内联，无运行时外部依赖，并包含十三个命名 section；外部来源链接可在联网时点击
- 桌面与移动端均可读、无关键溢出、具备基本可访问性，且 verdict class 和语义色忠于 Memo
- 形成可独立检查的产物：$artifact。
- 在 Mode 内调用与独立调用执行相同标准；无法满足的项目必须说明缺口与影响，不得伪造完成。