用途：该模板用于快速产出电影感、高数据密度的社媒矩阵分析面板，适合需要多平台指标总览与深度图表的场景。
主要能力：结构上包含 hero 区、平台矩阵、KPI 条与多图表深度区块；交互上支持深色/浅色主题切换、图表悬停提示（自动限制在视口内）、点击固定图表数据点、拖拽区间分析、Shift+拖拽多区间对比、洞察面板随折线/堆叠/环形/地理图表实时更新，折线图支持触摸与键盘方向键（无障碍）。模板为单 HTML 文件，内联 CSS/JS，无框架依赖。
使用方式：先读取当前 DESIGN.md，将设计令牌映射为 CSS 变量，再改编 assets/template.html；保持原有信息架构与交互保真度；输出前用 references/checklist.md 校验。替换示例数据时需整体替换数组而非单个索引，保持单位与小数位一致（hourChart 互动数 0 位小数、slaChart 分钟 0 位、roiChart 倍数 1 位、cohortChart 百分比 0 位），四条折线序列长度一致（默认 7 点），mixChart 每个 bars[i].stack 保持 3 元素数组，sentimentChart 的 arcs 百分比合计为 100，并同步更新 KPI 条与平台卡片指标。
输出契约：先输出一句简短说明，再输出单个自包含 HTML，使用 <artifact identifier="social-media-matrix-tracker" type="text/html" title="Social Media Matrix Tracker"> 包裹，仅内联 CSS 与 JS，不使用外部框架、CDN 或额外字体导入。
限制：单数据点数据集虽被保护为带标签的点，但体验会下降，建议每图至少 3 个点；资料未提供具体收费、价格或平台支持范围等信息。