-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathjiuzhang.html
More file actions
446 lines (422 loc) · 23.6 KB
/
Copy pathjiuzhang.html
File metadata and controls
446 lines (422 loc) · 23.6 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
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>九章 · ALGOR — 多智能体量化投研平台</title>
<meta name="description" content="九章 · ALGOR：以九章算经之章法，驭现代多智能体 AI 之算力，熔行情、情绪、资金、研报、估值与另类人群指数于一炉的量化投研中枢。">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="preload" href="https://fonts.googleapis.com/css2?family=Cinzel:wght@500;700&family=Noto+Serif+SC:wght@500;700;900&family=Noto+Sans+SC:wght@300;400;500&family=JetBrains+Mono:wght@400;600&family=Spectral:ital,wght@0,300;0,400;1,300&display=swap" as="style" onload="this.rel='stylesheet'">
<noscript><link href="https://fonts.googleapis.com/css2?family=Cinzel:wght@500;700&family=Noto+Serif+SC:wght@500;700;900&family=Noto+Sans+SC:wght@300;400;500&family=JetBrains+Mono:wght@400;600&family=Spectral:ital,wght@0,300;0,400;1,300&display=swap" rel="stylesheet"></noscript>
<style>
/* ============ 设计令牌 ============ */
:root{
--bg:#05080d; --bg2:#0a0f17; --bg3:#0e151f;
--panel:rgba(16,23,33,.72); --panel-line:rgba(120,160,190,.14);
--cyan:#2fe6e0; --cyan-2:#27d3ee; --cyan-dim:rgba(47,230,224,.16);
--gold:#e3c07a; --gold-2:#d9b56b; --jade:#7fe9c9;
--txt:#e9eef5; --txt-2:#aeb9c6; --muted:#76838f;
--cn-serif:"Noto Serif SC","Source Han Serif SC","Songti SC",STSong,serif;
--cn-sans:"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;
--en-disp:"Cinzel","Noto Serif SC",serif;
--en-body:"Spectral","Noto Sans SC",Georgia,serif;
--mono:"JetBrains Mono","IBM Plex Mono",ui-monospace,monospace;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
font-family:var(--en-body); color:var(--txt);
background:var(--bg); line-height:1.75; -webkit-font-smoothing:antialiased;
overflow-x:hidden;
}
body::before{
content:""; position:fixed; inset:0; z-index:-3;
background:
radial-gradient(1100px 600px at 78% -8%, rgba(47,230,224,.10), transparent 60%),
radial-gradient(900px 500px at 8% 12%, rgba(227,192,122,.06), transparent 55%),
linear-gradient(180deg,#05080d 0%, #070b12 40%, #05080d 100%);
}
body::after{
content:""; position:fixed; inset:0; z-index:-2;
background-image:
linear-gradient(rgba(47,230,224,.04) 1px, transparent 1px),
linear-gradient(90deg, rgba(47,230,224,.04) 1px, transparent 1px);
background-size:80px 80px; mask-image:radial-gradient(ellipse at 50% 0%, black 0%, transparent 70%);
}
.wrap{width:min(1120px,92vw); margin:0 auto}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
/* 顶栏 */
.topbar{
position:sticky; top:0; z-index:50; backdrop-filter:blur(10px);
background:linear-gradient(180deg, rgba(5,8,13,.94), rgba(5,8,13,.65));
border-bottom:1px solid var(--panel-line);
}
.topbar .wrap{display:flex; align-items:center; justify-content:space-between; min-height:66px; padding:9px 0}
.brand{display:flex; flex-direction:column; align-items:flex-start; gap:2px}
.brand .main{display:flex; align-items:baseline; gap:12px}
.brand .cn{font-family:var(--cn-serif); font-weight:900; font-size:21px; letter-spacing:.04em}
.brand .en{font-family:var(--en-disp); font-weight:700; font-size:15px; letter-spacing:.22em; color:var(--gold)}
.brand .dot{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan);align-self:center}
.brand .sub{font-family:var(--cn-sans); font-size:11px; color:var(--muted); letter-spacing:.05em; line-height:1; margin-top:1px}
.nav{display:flex; gap:26px; font-family:var(--cn-sans); font-size:13.5px; color:var(--txt-2)}
.nav a{position:relative; padding:4px 0; transition:color .25s}
.nav a:hover{color:var(--cyan)}
.nav a::after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:1px;background:var(--cyan);transition:width .3s}
.nav a:hover::after{width:100%}
/* 页面两栏布局 */
.page-wrap{display:flex; align-items:flex-start; gap:40px; width:min(1180px,96vw); margin:0 auto; padding:30px 0 80px}
.main-col{flex:1; min-width:0}
.side-nav{
position:sticky; top:90px; width:170px; flex-shrink:0;
border-left:1px solid var(--panel-line); padding-left:22px;
font-family:var(--cn-sans); font-size:13px;
}
.side-nav .label{
font-family:var(--mono); font-size:11px; letter-spacing:.24em; text-transform:uppercase;
color:var(--cyan); margin-bottom:18px; display:flex; align-items:center; gap:10px;
}
.side-nav .label::before{content:"";width:18px;height:1px;background:linear-gradient(90deg,var(--cyan),transparent)}
.side-nav a{
display:block; color:var(--txt-2); padding:9px 0; border-bottom:1px solid rgba(120,160,190,.08);
transition:.25s; position:relative;
}
.side-nav a:hover, .side-nav a.active{color:var(--gold)}
.side-nav a.active::before{
content:""; position:absolute; left:-23px; top:50%; transform:translateY(-50%);
width:3px; height:16px; background:var(--cyan); box-shadow:0 0 10px var(--cyan);
}
.side-nav .cta{
margin-top:20px; display:inline-flex; align-items:center; gap:8px;
border:1px solid var(--gold); color:var(--gold); padding:9px 14px; font-size:12px;
font-family:var(--mono); letter-spacing:.08em; transition:.25s;
}
.side-nav .cta:hover{background:var(--gold); color:#1a1408}
@media(max-width:980px){
.page-wrap{flex-direction:column; gap:0}
.side-nav{display:none}
}
/* HERO */
.hero{padding:70px 0 50px; text-align:center}
.hero .eyebrow{
font-family:var(--mono); font-size:12px; letter-spacing:.34em; text-transform:uppercase;
color:var(--cyan); display:inline-flex; align-items:center; gap:12px;
}
.hero .eyebrow::before{content:"";width:34px;height:1px;background:linear-gradient(90deg,var(--cyan),transparent)}
.hero h1{font-family:var(--cn-serif); font-weight:900; font-size:clamp(58px,10vw,120px); line-height:.95; margin:14px 0 4px}
.hero h1 .accent{color:var(--cyan); text-shadow:0 0 38px rgba(47,230,224,.35)}
.hero .algor{
font-family:var(--en-disp); font-weight:700; font-size:clamp(30px,5.5vw,66px);
letter-spacing:.18em; color:var(--gold); line-height:1; margin-bottom:16px;
}
.hero .slogan{font-family:var(--en-body); font-style:italic; color:var(--gold); font-size:18px; letter-spacing:.02em}
.hero .lede{
font-family:var(--cn-sans); max-width:620px; margin:26px auto 0; color:var(--txt-2); font-size:15.5px; line-height:1.9;
}
.hero .lede b{color:var(--txt); font-weight:500}
.hero-cta{display:flex; gap:16px; justify-content:center; flex-wrap:wrap; margin-top:32px}
.btn{
font-family:var(--mono); font-size:12.5px; letter-spacing:.12em; text-transform:uppercase;
padding:14px 26px; border:1px solid var(--cyan); color:var(--cyan); cursor:pointer;
transition:.28s; position:relative; overflow:hidden; background:transparent;
}
.btn:hover{color:#04121a; background:var(--cyan); box-shadow:0 0 30px rgba(47,230,224,.4)}
.btn.gold{border-color:var(--gold); color:var(--gold)}
.btn.gold:hover{color:#1a1408; background:var(--gold); box-shadow:0 0 30px rgba(227,192,122,.35)}
/* 通用区块 */
section{padding:80px 0 0}
.sec-head{margin-bottom:38px}
.eyebrow2{
font-family:var(--mono); font-size:11.5px; letter-spacing:.3em; text-transform:uppercase;
color:var(--cyan); display:inline-flex; align-items:center; gap:12px;
}
.eyebrow2::before{content:"";width:30px;height:1px;background:linear-gradient(90deg,var(--cyan),transparent)}
.sec-head h2{font-family:var(--cn-serif); font-weight:700; font-size:clamp(28px,3.8vw,44px); line-height:1.15; margin:14px 0 10px}
.sec-head h2 .en{display:block; font-family:var(--en-disp); font-weight:500; font-size:clamp(13px,1.6vw,17px); letter-spacing:.18em; color:var(--gold); margin-top:8px; text-transform:uppercase}
.sec-head p{font-family:var(--cn-sans); color:var(--txt-2); font-size:14.5px; line-height:1.85; max-width:640px}
/* 功能板块 */
.feature .grid{display:grid; grid-template-columns:1fr 1fr; gap:44px; align-items:center; margin-top:30px}
.feature:nth-child(even) .grid{direction:rtl}
.feature:nth-child(even) .grid > *{direction:ltr}
.feature .shot{
border:1px solid var(--panel-line); border-radius:10px; overflow:hidden;
background:var(--panel); box-shadow:0 24px 70px rgba(0,0,0,.45);
position:relative;
}
.feature .shot::before{
content:""; position:absolute; inset:0; border-radius:10px;
box-shadow:inset 0 0 0 1px rgba(47,230,224,.08); pointer-events:none;
}
.feature .shot img{width:100%; height:auto; display:block}
.feature .text h3{font-family:var(--cn-serif); font-size:26px; margin-bottom:12px}
.feature .text h3 .en{font-family:var(--en-disp); font-size:13px; letter-spacing:.18em; color:var(--gold); display:block; margin-top:6px; text-transform:uppercase}
.feature .text p{font-family:var(--cn-sans); color:var(--txt-2); font-size:14.5px; line-height:1.9; margin-bottom:16px}
.feature .tags{display:flex; flex-wrap:wrap; gap:10px; margin-top:18px}
.feature .tag{
font-family:var(--mono); font-size:11px; letter-spacing:.1em;
color:var(--cyan); border:1px solid rgba(47,230,224,.35); padding:6px 12px;
}
@media(max-width:820px){
.feature .grid{grid-template-columns:1fr; gap:28px}
.feature:nth-child(even) .grid{direction:ltr}
}
/* 获取方式 */
.access{padding-top:90px}
.access-card{
display:grid; grid-template-columns:auto 1fr; gap:34px; align-items:center;
max-width:820px; margin:0 auto;
background:linear-gradient(180deg,rgba(16,23,33,.78),rgba(10,15,22,.5));
border:1px solid var(--panel-line); padding:40px 46px;
}
.access .qr{width:168px; height:168px; border:1px solid var(--panel-line); padding:8px; background:#fff}
.access .qr img{width:100%; height:100%; object-fit:contain; display:block}
.access .info .label{font-family:var(--mono); font-size:12px; letter-spacing:.24em; text-transform:uppercase; color:var(--cyan)}
.access .info .name{font-family:var(--cn-serif); font-weight:900; font-size:34px; color:var(--gold); margin:10px 0 14px}
.access .info .tip{font-family:var(--cn-sans); color:var(--txt-2); font-size:15.5px; line-height:1.85}
.access .info .tip b{color:var(--txt); font-weight:500}
.access .contact{margin-top:22px; padding-top:20px; border-top:1px solid var(--panel-line)}
.access .contact .label{font-family:var(--mono); font-size:12px; letter-spacing:.24em; text-transform:uppercase; color:var(--cyan); margin-bottom:8px}
@media(max-width:760px){
.access-card{grid-template-columns:1fr; text-align:center; padding:34px 26px}
.access .qr{margin:0 auto}
}
/* CTA 评论区获取 */
.cta-section{padding-top:90px; text-align:center}
.cta-card{
max-width:720px; margin:0 auto;
background:linear-gradient(180deg, rgba(227,192,122,.10), rgba(16,23,33,.6));
border:1px solid rgba(227,192,122,.35); border-radius:12px; padding:60px 40px;
position:relative; overflow:hidden;
}
.cta-card::before{
content:""; position:absolute; top:-50%; left:-50%; width:200%; height:200%;
background:radial-gradient(circle, rgba(47,230,224,.10) 0%, transparent 60%);
animation:pulse 5s ease-in-out infinite;
}
@keyframes pulse{0%,100%{opacity:.4}50%{opacity:.8}}
.cta-card > *{position:relative; z-index:1}
.cta-card h2{font-family:var(--cn-serif); font-size:clamp(30px,4vw,46px); margin-bottom:10px}
.cta-card h2 .en{display:block; font-family:var(--en-disp); font-size:15px; letter-spacing:.2em; color:var(--gold); margin-top:10px; text-transform:uppercase}
.cta-card p{font-family:var(--cn-sans); color:var(--txt-2); font-size:16px; line-height:1.85; max-width:520px; margin:0 auto 26px}
.cta-card .comment{
display:inline-flex; align-items:center; gap:10px;
font-family:var(--mono); font-size:13px; color:var(--cyan);
border:1px solid rgba(47,230,224,.4); padding:12px 22px; border-radius:30px;
background:rgba(47,230,224,.06);
}
/* 页脚 */
footer{border-top:1px solid var(--panel-line); padding:50px 0 40px; margin-top:90px; background:linear-gradient(180deg,transparent,rgba(8,12,18,.6))}
.foot-grid{display:flex; justify-content:space-between; flex-wrap:wrap; gap:30px; align-items:flex-start}
.foot-brand .cn{font-family:var(--cn-serif); font-weight:900; font-size:24px}
.foot-brand .en{font-family:var(--en-disp); color:var(--gold); letter-spacing:.2em; font-size:14px}
.foot-brand p{font-family:var(--cn-sans); color:var(--muted); font-size:13px; margin-top:12px; max-width:360px; line-height:1.8}
.foot-meta{font-family:var(--mono); font-size:11.5px; color:var(--muted); line-height:2; text-align:right}
.foot-meta b{color:var(--txt-2); font-weight:400}
@media(max-width:620px){.foot-meta{text-align:left}}
/* 入场动画 */
.reveal{opacity:0; transform:translateY(26px); transition:opacity .8s cubic-bezier(.2,.7,.2,1), transform .8s cubic-bezier(.2,.7,.2,1)}
.reveal.in{opacity:1; transform:none}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}}
</style>
</head>
<body>
<!-- 顶栏 -->
<header class="topbar">
<div class="wrap">
<div class="brand">
<span class="main"><span class="dot"></span><span class="cn">九章</span><span class="en">ALGOR</span></span>
<span class="sub">多智能体量化投研平台</span>
</div>
<nav class="nav">
<a href="#world">世界指数</a>
<a href="#macro">宏观简报</a>
<a href="#sentiment">社媒热点</a>
<a href="#quant">量化筛选</a>
<a href="#market">市场情绪</a>
<a href="#access">获取</a>
</nav>
</div>
</header>
<div class="page-wrap">
<main class="main-col">
<!-- HERO -->
<section class="hero" id="top">
<span class="eyebrow reveal">Multi-Agent Quant Research Platform</span>
<h1 class="reveal" style="--d:.06s">九章<span class="accent">·</span></h1>
<div class="algor reveal" style="--d:.14s">ALGOR</div>
<div class="slogan reveal" style="--d:.22s">Nine Algorithms, Infinite Markets.</div>
<p class="lede reveal" style="--d:.3s">
一个把<b>古代算经智慧</b>与<b>现代多智能体 AI</b>熔于一炉的量化投研中枢。
从实时行情、市场情绪、资金流向，到深度研报、估值体系与另类人群指数——
<b>九章九智协同调度</b>，让每一次决策都有章法、有源头、可溯源。
</p>
<div class="hero-cta reveal" style="--d:.4s">
<a class="btn" href="#world">浏览能力 · EXPLORE</a>
<a class="btn gold" href="#access">获取入口 · ACCESS</a>
</div>
</section>
<!-- 世界指数 -->
<section id="world" class="feature">
<div class="sec-head reveal">
<span class="eyebrow2">I · REAL-TIME MARKET</span>
<h2>世界主要指数<span class="en">One Map, Every Market</span></h2>
<p>全球主要股指、商品与汇率在同一幅世界地图上实时跳动，支持缩放/拖拽与详情穿透，一眼看清全球市场联动。</p>
</div>
<div class="grid reveal">
<div class="shot"><img src="brand-screens/screen_01.png" alt="世界主要指数"></div>
<div class="text">
<h3>全局视角 <span class="en">Global Vision</span></h3>
<p>覆盖 A 股、港股、美股、欧股、亚太主要指数及大宗商品。地图气泡大小反映市场活跃度，颜色实时映射涨跌，开盘/盘中/收盘状态一目了然。</p>
<p>点击任一市场标记，即刻下钻到指数详情、成分股热力与关联板块，把“世界在发生什么”变成可交易的信号。</p>
<div class="tags"><span class="tag">A股 / 港股 / 美股</span><span class="tag">大宗商品</span><span class="tag">实时联动</span></div>
</div>
</div>
</section>
<!-- 宏观简报 -->
<section id="macro" class="feature">
<div class="sec-head reveal">
<span class="eyebrow2">II · MACRO BRIEF</span>
<h2>宏观简报 · 每日财经<span class="en">Macro Pulse, Daily</span></h2>
<p>CPI、PPI、PMI、GDP、LPR、M2、社融、国债收益率——八大核心指标每日更新，并附通俗解读与资产影响方向。</p>
</div>
<div class="grid reveal">
<div class="shot"><img src="brand-screens/screen_02.png" alt="宏观简报"></div>
<div class="text">
<h3>数据背后的含义 <span class="en">What It Means</span></h3>
<p>不止于罗列数据。每个指标都附带“对经济/股市/债市/汇市的影响”解释，以及健康区间、前瞻信号与政策隐含方向。</p>
<p>宏观不再是你看不懂的数字，而是判断仓位、行业与风格的底层坐标。</p>
<div class="tags"><span class="tag">CPI / PPI / PMI</span><span class="tag">LPR / M2 / 社融</span><span class="tag">每日解读</span></div>
</div>
</div>
</section>
<!-- 社媒情绪 & 题材热点 -->
<section id="sentiment" class="feature">
<div class="sec-head reveal">
<span class="eyebrow2">III · SOCIAL & TOPICS</span>
<h2>社媒情绪 · 题材热点<span class="en">Hear the Market Whisper</span></h2>
<p>聚合 StockTwits、Reddit、雪球、百度、小红书、抖音、X（推特）等多源社媒情绪，叠加同花顺题材热点与涨停归因，捕捉情绪与题材的共振点。</p>
</div>
<div class="grid reveal">
<div class="shot"><img src="brand-screens/screen_03.png" alt="社媒情绪与题材热点"></div>
<div class="text">
<h3>情绪即信号 <span class="en">Sentiment As Signal</span></h3>
<p>实时追踪海内外散户与机构的情绪温度，识别恐慌/贪婪拐点；题材热点自动归类涨停原因，帮你快速定位“今天资金在炒什么”。</p>
<p>当社媒情绪、题材强度与价格走势出现背离，往往就是超额收益的发源地。</p>
<div class="tags"><span class="tag">多源社媒</span><span class="tag">题材归因</span><span class="tag">情绪拐点</span></div>
</div>
</div>
</section>
<!-- 量化筛选 -->
<section id="quant" class="feature">
<div class="sec-head reveal">
<span class="eyebrow2">IV · QUANT SCREENING</span>
<h2>量化筛选 · 策略回测<span class="en">Rule the Data</span></h2>
<p>内置低估值、动量突破、RSI 超卖反转、均线多头排列、高股息防御等预设策略；也支持自定义买入/卖出条件，对历史行情进行逐日回测。</p>
</div>
<div class="grid reveal">
<div class="shot"><img src="brand-screens/screen_04.png" alt="量化筛选与策略回测"></div>
<div class="text">
<h3>从想法到验证 <span class="en">Idea to Backtest</span></h3>
<p>用自然语言描述思路，AI 自动生成匹配的策略模板；设定股票池与时间区间后，一键回测总收益、年化、最大回撤与夏普率。</p>
<p>所有计算在本地完成，数据直连 akshare / 腾讯 / 东方财富，真实可复现，不是玩具演示。</p>
<div class="tags"><span class="tag">预设策略</span><span class="tag">自定义条件</span><span class="tag">本地回测</span></div>
</div>
</div>
</section>
<!-- 市场情绪 & 另类人群指数 -->
<section id="market" class="feature">
<div class="sec-head reveal">
<span class="eyebrow2">V · MARKET SENTIMENT</span>
<h2>市场情绪 · 另类人群指数<span class="en">Beyond Traditional Indicators</span></h2>
<p>综合恐惧贪婪、五维情绪面、人群面、资金面、板块面与技术面，生成市场情绪温度计；另类人群指数覆盖宝妈、大学生、散户、机构、白领、银发、游资七大群体。</p>
</div>
<div class="grid reveal">
<div class="shot"><img src="brand-screens/screen_05.png" alt="市场情绪与另类人群指数"></div>
<div class="text">
<h3>看清谁在主导市场 <span class="en">Who Moves the Market</span></h3>
<p>当传统技术指标失效时，人群行为往往领先一步。恐慌指数、宝妈指数、大学生指数等另类指标，帮你识别“非共识”机会与风险。</p>
<p>情绪不是玄学，而是可量化、可跟踪、可回测的另类 alpha 来源。</p>
<div class="tags"><span class="tag">恐惧贪婪指数</span><span class="tag">另类人群</span><span class="tag">多维情绪面</span></div>
</div>
</div>
</section>
<!-- 获取方式 -->
<section id="access" class="access">
<div class="sec-head reveal" style="text-align:center">
<span class="eyebrow2">VI · GET & CONTACT</span>
<h2>如何获取 / 联系我们<span class="en">How to Get & Contact Us</span></h2>
</div>
<div class="access-card reveal">
<div class="qr"><img src="wechat-qrcode.jpg" alt="微信公众号二维码"></div>
<div class="info">
<div class="label">WeChat Official Account</div>
<div class="name">小鱼总的小圈子</div>
<div class="tip">微信公众号搜索 <b>「小鱼总的小圈子」</b>，或扫码关注。<br>回复「九章」即可获取内测入口与使用指南。</div>
<div class="contact">
<div class="label">联系我们 · Contact</div>
<div class="tip">商务合作 / 产品反馈：关注公众号 <b>「小鱼总的小圈子」</b> 后，在后台留言即可与我们联系。</div>
</div>
</div>
</div>
</section>
<!-- 评论区获取 CTA -->
<section class="cta-section">
<div class="cta-card reveal">
<h2>抖音 / 视频号评论区获取<span class="en">Get Access in Comments</span></h2>
<p>如果你是在抖音、视频号或小红书看到这条内容，欢迎在评论区留言「九章」或点击主页链接，我们会通过私信或公众号把内测入口发给你。</p>
<div class="comment">💬 评论区扣「九章」· 私信发入口</div>
</div>
</section>
<!-- 页脚 -->
<footer>
<div class="foot-grid">
<div class="foot-brand">
<div class="cn">九章 · ALGOR</div>
<div class="en">MULTI-AGENT QUANT PLATFORM</div>
<p>以九章算经之章法，驭现代多智能体 AI 之算力。本页所述能力均基于真实数据引擎构建，非概念演示。</p>
</div>
<div class="foot-meta">
<b>DATA SOURCES</b><br>
腾讯财经 · 同花顺 · 新浪 · 东方财富<br>
akshare · NeoData 金融搜索 · market-sentiment<br><br>
<b>DISCLAIMER</b><br>
仅供研究参考，不构成投资建议 · 市场有风险，决策需谨慎
</div>
</div>
</footer>
</main>
<!-- 右侧快速导航 -->
<aside class="side-nav">
<div class="label">NAV</div>
<a href="#top" class="active">首页</a>
<a href="#world">世界指数</a>
<a href="#macro">宏观简报</a>
<a href="#sentiment">社媒热点</a>
<a href="#quant">量化筛选</a>
<a href="#market">市场情绪</a>
<a href="#access">获取入口</a>
<a class="cta" href="#access">立即获取 →</a>
</aside>
</div>
<script>
/* 入场动画 */
const io=new IntersectionObserver((entries)=>{
entries.forEach(e=>{ if(e.isIntersecting){ e.target.classList.add('in'); io.unobserve(e.target);} });
},{threshold:.12});
document.querySelectorAll('.reveal').forEach(el=>io.observe(el));
/* 右侧导航高亮 */
const links=document.querySelectorAll('.side-nav a[href^="#"]');
const sections=[...links].map(a=>document.querySelector(a.getAttribute('href'))).filter(Boolean);
const navIO=new IntersectionObserver((entries)=>{
entries.forEach(en=>{
if(en.isIntersecting){
const id=en.target.id;
links.forEach(a=>a.classList.toggle('active', a.getAttribute('href')==='#'+id));
}
});
},{threshold:.4, rootMargin:'-80px 0px -50% 0px'});
sections.forEach(s=>navIO.observe(s));
</script>
</body>
</html>