-
Notifications
You must be signed in to change notification settings - Fork 2
Expand file tree
/
Copy pathindex.html
More file actions
494 lines (452 loc) · 24.3 KB
/
Copy pathindex.html
File metadata and controls
494 lines (452 loc) · 24.3 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>天眼 Tianyan Academy — 研究课程与商业预测平台</title>
<meta name="description" content="天眼 Tianyan Academy：把政策、经济、文化、国家发展研究做成课程路径、语音伴学、案例研修和 17 个 API 的统一平台。">
<link rel="icon" href="favicon.svg" type="image/svg+xml">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;700&family=Source+Serif+4:wght@600;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="assets/github-pages.css">
</head>
<body class="page-home">
<div class="page-aura page-aura-one"></div>
<div class="page-aura page-aura-two"></div>
<header class="site-nav">
<a class="nav-brand" href="#top">
<span class="nav-brand-mark">◉</span>
<span>
<strong>天眼 Tianyan</strong>
<em>Commercial Intelligence for China</em>
</span>
</a>
<nav class="nav-links">
<a href="#snapshot">平台概览</a>
<a href="#academy">学院模式</a>
<a href="#domains">研究域</a>
<a href="#tracks">课程体系</a>
<a href="#monetization">商业模式</a>
<a href="#growth-launchpad">宣传矩阵</a>
<a href="#voice-academy">语音伴学</a>
<a href="#api-explorer">API Explorer</a>
<a href="#templates">行业模板</a>
<a href="#case-study">案例详情</a>
</nav>
<a class="nav-cta" href="campaigns/index.html">打开增长中心</a>
</header>
<main id="top">
<section class="hero hero-home">
<div class="hero-copy reveal">
<p class="kicker">Academy-mode Intelligence for Policy, Economy, Culture, Strategy, and Delivery</p>
<h1>把研究能力做成课程平台，把交付能力做成学院体系。</h1>
<p class="hero-text">
天眼现在不再只是一个报告展示站，而是一个学院化平台：首页讲清研究框架，课程区讲清学习路径，
语音区讲清伴学模式，案例区讲清客户最终会拿到什么。政策、经济、文化、国家发展与项目调研都被统一进同一套研修结构。
</p>
<div class="hero-actions">
<a class="button button-primary" href="#academy">进入学院模式</a>
<a class="button button-secondary" href="campaigns/index.html">查看商业化与宣传方案</a>
</div>
<div class="hero-meta">
<span>v1.0.0</span>
<span>119 tests</span>
<span>23 endpoints</span>
<span>学院化课程流</span>
<span>小红书 / 抖音 / 数字人</span>
<span>5 templates</span>
</div>
</div>
<div class="hero-visual reveal">
<div class="signal-stage">
<div class="signal-ring signal-ring-1"></div>
<div class="signal-ring signal-ring-2"></div>
<div class="signal-ring signal-ring-3"></div>
<div class="signal-core">
<span>天眼</span>
<small>Decision Engine</small>
</div>
<div class="signal-node node-a">
<strong>人群</strong>
<span>Population</span>
</div>
<div class="signal-node node-b">
<strong>KOL</strong>
<span>Influence</span>
</div>
<div class="signal-node node-c">
<strong>渠道</strong>
<span>Channel Mix</span>
</div>
<div class="signal-node node-d">
<strong>报告</strong>
<span>Board Memo</span>
</div>
</div>
</div>
</section>
<section class="section reveal" id="snapshot">
<div class="section-head">
<p class="section-kicker">Platform Snapshot</p>
<h2>一个首页，同时承担研究院官网、课程目录和项目交付入口。</h2>
<p class="section-body">
页面直接读取仓库内案例和能力资产，既展示产品能力，也展示课程体系、方法论、伴学路径和标准化交付结构。
</p>
</div>
<div class="metric-grid">
<article class="metric-panel">
<span class="metric-label">案例产品</span>
<strong class="metric-value" id="case-product-name">加载中</strong>
<p class="metric-note" id="case-product-note">读取 MediSlim 案例...</p>
</article>
<article class="metric-panel">
<span class="metric-label">综合购买意愿</span>
<strong class="metric-value" id="case-purchase-intent">--</strong>
<p class="metric-note" id="case-confidence">置信度 --</p>
</article>
<article class="metric-panel">
<span class="metric-label">首推渠道</span>
<strong class="metric-value" id="case-top-channel">--</strong>
<p class="metric-note" id="case-top-channel-note">策略建议载入中</p>
</article>
<article class="metric-panel">
<span class="metric-label">首年收入预测</span>
<strong class="metric-value" id="case-y1-revenue">--</strong>
<p class="metric-note" id="case-y1-customers">目标客户数 --</p>
</article>
</div>
</section>
<section class="section reveal" id="academy">
<div class="section-head">
<p class="section-kicker">Academy Mode</p>
<h2>把客户项目拆成可学习、可复用、可交付的学院路径。</h2>
<p class="section-body">
我们借鉴学院型平台的组织方式，但保留天眼自己的研究叙事。用户先进入学习地图，再进入具体课程，再进入案例和交付物。
</p>
</div>
<div class="academy-shell">
<div class="academy-map" id="academy-phase-grid"></div>
<aside class="academy-sidebar">
<article class="academy-focus-card">
<span class="panel-label">Academy Output</span>
<h3>每一个课程模块都要对应真实客户输出。</h3>
<p>课程不是知识堆砌，而是围绕项目立项、材料拆解、研究判断、客户交付四段推进。页面中的每个模块都能回到报告、Skill 或案例。</p>
</article>
<article class="academy-focus-card">
<span class="panel-label">Study Outcome</span>
<div class="bullet-stack" id="academy-outcome-list"></div>
</article>
</aside>
</div>
</section>
<section class="section reveal" id="domains">
<div class="section-head">
<p class="section-kicker">Research Domains</p>
<h2>把政策、经济、文化和国家发展能力做成四大主修方向。</h2>
<p class="section-body">
每个研究域都像学院里的主修模块，明确学习重点、问题框架、输入材料、输出结构和边界条件。
</p>
</div>
<div class="explorer-shell domain-shell">
<aside class="endpoint-list" id="domain-list" aria-label="research domains"></aside>
<section class="endpoint-detail domain-detail">
<div class="panel-row">
<span class="panel-label" id="domain-kicker">研究域</span>
<span class="tag-pill" id="domain-boundary-tag">合规边界</span>
</div>
<h3 id="domain-title">加载中</h3>
<p class="endpoint-description" id="domain-description"></p>
<div class="detail-grid">
<article class="detail-panel">
<span class="panel-label">核心问题</span>
<div class="bullet-stack" id="domain-questions"></div>
</article>
<article class="detail-panel">
<span class="panel-label">输入材料</span>
<div class="bullet-stack" id="domain-materials"></div>
</article>
</div>
<div class="detail-grid">
<article class="detail-panel">
<span class="panel-label">客户输出</span>
<div class="bullet-stack" id="domain-outputs"></div>
</article>
<article class="detail-panel">
<span class="panel-label">分析边界</span>
<p id="domain-boundary"></p>
</article>
</div>
</section>
</div>
</section>
<section class="section reveal" id="pipeline">
<div class="section-head">
<p class="section-kicker">Material to McKinsey</p>
<h2>任何一份材料进来，都要被转成可判断未来预期的项目材料。</h2>
<p class="section-body">
客户给的原始材料可以是政策文件、行业研究、招股书、会议纪要、访谈和舆情。网站要展示我们如何把这些东西变成一个完整的项目工作流。
</p>
</div>
<div class="explorer-shell pipeline-shell">
<aside class="endpoint-list" id="material-list" aria-label="material pipeline"></aside>
<section class="endpoint-detail">
<div class="panel-row">
<span class="panel-label" id="material-kicker">材料类型</span>
<button class="button button-small button-ghost" id="copy-deliverable-button" type="button">复制交付摘要</button>
</div>
<h3 id="material-title">加载中</h3>
<p class="endpoint-description" id="material-description"></p>
<div class="detail-grid">
<article class="detail-panel">
<span class="panel-label">抽取信号</span>
<div class="bullet-stack" id="material-signals"></div>
</article>
<article class="detail-panel">
<span class="panel-label">分析动作</span>
<div class="bullet-stack" id="material-analysis"></div>
</article>
</div>
<div class="code-grid">
<article class="code-panel">
<span class="panel-label">未来预期输出</span>
<pre id="material-outlook"></pre>
</article>
<article class="code-panel">
<span class="panel-label">麦肯锡式交付</span>
<pre id="material-deliverable"></pre>
</article>
</div>
</section>
</div>
</section>
<section class="section reveal" id="tracks">
<div class="section-head">
<p class="section-kicker">Course Tracks</p>
<h2>把现有报告和 skills 重组为课程体系。</h2>
<p class="section-body">
报告库现在作为课程阅读与案例材料，skills 库作为可执行方法单元。这样客户看到的不是“文档很多”，而是“课程结构完整”。
</p>
</div>
<div class="course-shell">
<article class="report-panel">
<div class="panel-row">
<span class="panel-label">Core Curriculum</span>
<span class="tag-pill" id="course-library-count">0 modules</span>
</div>
<div class="course-grid" id="course-library-grid"></div>
</article>
<article class="report-panel">
<div class="panel-row">
<span class="panel-label">Execution Studios</span>
<span class="tag-pill" id="studio-library-count">0 studios</span>
</div>
<div class="course-grid" id="studio-library-grid"></div>
</article>
</div>
</section>
<section class="section reveal" id="monetization">
<div class="section-head">
<p class="section-kicker">Commercial Model</p>
<h2>项目落地不是一句“做 AI 平台”，而是一套分层收费和交付路径。</h2>
<p class="section-body">
商业模式分成四层：诊断式 POC、行业模板报告、持续策略月费、媒体与数字人代运营。这样既能低门槛拿下首单，也能逐步升级到长期客户价值。
</p>
</div>
<div class="monetization-grid" id="monetization-grid"></div>
</section>
<section class="section reveal" id="growth-launchpad">
<div class="section-head">
<p class="section-kicker">Launchpad</p>
<h2>把小红书、抖音和数字人宣传拆成可执行的三条增长线。</h2>
<p class="section-body">
平台不只预测渠道，还要告诉客户每个渠道怎么开局、怎么投、怎么复盘，以及怎么把内容、语音和视频统一起来。
</p>
</div>
<div class="launchpad-grid" id="launchpad-grid"></div>
</section>
<section class="section reveal" id="voice-academy">
<div class="section-head">
<p class="section-kicker">Voice-led Courses</p>
<h2>课程不仅是阅读模式，也提供语音伴学和视频脚本模式。</h2>
<p class="section-body">
语音模块遵循“摘要导读、章节拆解、案例复盘、客户汇报口径”四类讲述方式。页面端先展示模式，接口端再用配音与视频能力落地。
</p>
</div>
<div class="voice-shell">
<div class="voice-mode-grid" id="voice-mode-grid"></div>
<article class="voice-playbook">
<div class="panel-row">
<span class="panel-label">Narration Protocol</span>
<span class="tag-pill">DeepSeek + Mimo + ComfyUI</span>
</div>
<div class="timeline-list" id="voice-playbook-list"></div>
</article>
</div>
</section>
<section class="section reveal">
<div class="section-head">
<p class="section-kicker">Deliverables</p>
<h2>客户看到的应该是项目级材料，不是零散结论。</h2>
<p class="section-body">
我们要把每次研究做成一套完整交付：高层摘要、核心洞察、未来预期、风险清单、行动路线和附录证据。
</p>
</div>
<div class="deliverable-grid" id="deliverable-grid"></div>
</section>
<section class="section reveal" id="report-skills">
<div class="section-head">
<p class="section-kicker">Research Library</p>
<h2>保留底层资产库，但它现在服务于课程层和交付层。</h2>
<p class="section-body">
现有材料继续沉淀成两层底座。第一层是可展示的研究报告资产；第二层是可复用的分析 skills，用于后续课程扩展、报告生产与项目交付。
</p>
</div>
<div class="library-shell">
<article class="report-panel">
<div class="panel-row">
<span class="panel-label">Report Library</span>
<span class="tag-pill" id="report-library-count">0 reports</span>
</div>
<div class="library-grid" id="report-library-grid"></div>
</article>
<article class="report-panel">
<div class="panel-row">
<span class="panel-label">Skills Library</span>
<span class="tag-pill" id="skill-library-count">0 skills</span>
</div>
<div class="library-grid" id="skill-library-grid"></div>
</article>
</div>
</section>
<section class="section reveal" id="api-explorer">
<div class="section-head">
<p class="section-kicker">API Explorer</p>
<h2>把 16 个接口做成可浏览的产品面。</h2>
<p class="section-body">
GitHub Pages 不能直接跑 FastAPI，但完全可以提前把请求结构、响应形态和落地场景展示出来。
</p>
</div>
<div class="explorer-shell">
<aside class="endpoint-list" id="endpoint-list" aria-label="API endpoints"></aside>
<section class="endpoint-detail">
<div class="endpoint-topline">
<div class="endpoint-badges">
<span class="method-pill" id="endpoint-method">GET</span>
<span class="tag-pill" id="endpoint-tag">core</span>
</div>
<button class="button button-small button-ghost" id="copy-request-button" type="button">复制 cURL</button>
</div>
<h3 id="endpoint-path">/api/health</h3>
<p class="endpoint-description" id="endpoint-description"></p>
<div class="detail-grid">
<article class="detail-panel">
<span class="panel-label">适用场景</span>
<p id="endpoint-use-case"></p>
</article>
<article class="detail-panel">
<span class="panel-label">关键返回</span>
<p id="endpoint-returns"></p>
</article>
</div>
<div class="code-grid">
<article class="code-panel">
<div class="panel-row">
<span class="panel-label">Request</span>
<button class="inline-copy" id="copy-json-button" type="button">复制 JSON</button>
</div>
<pre id="endpoint-request"></pre>
</article>
<article class="code-panel">
<span class="panel-label">Response Preview</span>
<pre id="endpoint-response"></pre>
</article>
</div>
</section>
</div>
</section>
<section class="section reveal" id="templates">
<div class="section-head">
<p class="section-kicker">Industry Templates</p>
<h2>把代码里的预置模板映射成页面能力。</h2>
<p class="section-body">
模板不是装饰性的卡片，而是用户从 GitHub Pages 理解“这个平台已经能跑什么”的最短路径。
</p>
</div>
<div class="template-grid" id="template-grid"></div>
</section>
<section class="section reveal" id="case-study">
<div class="section-head">
<p class="section-kicker">Case Detail</p>
<h2>MediSlim 案例在主页给预览，在详情页给结论。</h2>
<p class="section-body">
主页只展示最值得看的部分：定价曲线、最优内容形态、KOL建议和 16 周执行计划。完整分析单独进报告页。
</p>
</div>
<div class="case-preview-shell">
<article class="case-summary-panel">
<span class="panel-label">最佳组合</span>
<h3 id="case-best-combo">加载中</h3>
<p id="case-best-combo-note"></p>
<div class="micro-stat-grid">
<div>
<strong id="case-best-price">--</strong>
<span>建议定价</span>
</div>
<div>
<strong id="case-best-style">--</strong>
<span>最佳小红书内容</span>
</div>
<div>
<strong id="case-best-livestream">--</strong>
<span>最佳直播平台</span>
</div>
</div>
</article>
<article class="case-plan-panel">
<div class="panel-row">
<span class="panel-label">16 周执行计划</span>
<a class="text-link" href="cases/medislim/report.html">打开完整案例</a>
</div>
<div class="timeline-list" id="action-plan-list"></div>
</article>
</div>
</section>
<section class="section reveal">
<div class="section-head">
<p class="section-kicker">Workflow</p>
<h2>这不是单页宣传，而是静态交付的产品骨架。</h2>
</div>
<div class="workflow-grid">
<article>
<span class="step-index">01</span>
<h3>参数化人群</h3>
<p>根据年龄、收入、城市等级、性别与消费行为生成目标市场样本，而不是停留在行业平均数。</p>
</article>
<article>
<span class="step-index">02</span>
<h3>组合场景</h3>
<p>把定价、渠道、KOL、直播和小红书内容放进同一套推演，而不是分散在多个报告里。</p>
</article>
<article>
<span class="step-index">03</span>
<h3>生成决策材料</h3>
<p>输出的不只是数值，还包括可执行的阶段动作、预算建议、风险缓释和财务回收周期。</p>
</article>
</div>
</section>
</main>
<footer class="site-footer">
<div>
<strong>天眼 Tianyan v1.0.0</strong>
<p>119 tests · 23 endpoints · Docker + pyproject + docs</p>
</div>
<div class="footer-links">
<a href="cases/medislim/report.html">案例详情</a>
<a href="docs/strategic_blueprint.md">战略蓝图</a>
<a href="https://github.com/MoKangMedical/tianyan">GitHub</a>
</div>
</footer>
<script src="assets/home.js" defer></script>
</body>
</html>