9 段 · 147s 补卡 · 30 元素 · 单一权威源 cards-skin.css 28 件 Result 库
✓ 真空档校准 · ✓ ASR 字级时间锚 · ✓ alpha mov · 剪映抠像

ep01 · 9 段补卡完整动效设计

每段 = 1 张大复合 alpha mov · 内部按 ASR 字级时间多元素接力浮现 · ProRes 4444 yuva444p12le · 透明背景 · 1920×1080

1 · 设计语言（cards-skin.css 单一权威源）

字体：
• 大字 / .tbh / .gate / .pop / .punchline / .quote / .list4：Source Han Serif SC 思源宋体 SC weight 800-900
• 字幕 / .typewriter / .countup-num / .odo-flip：Noto Sans CJK SC 思源黑体 SC weight 800-900
• kicker / scramble / monospace：ui-monospace, SF Mono, Menlo

核心色：
• --c-gold #E5A93C 主金 · 招牌色
• --c-gold-soft #FFD874 亮金 · 高亮字 / 强调态
• --c-warn #c25a3e 暗红橙 · 笑点 / 反面 / 警示
• --c-paper #f3ead4 米纸 · quote 引用文字
• 字白色：rgba(244,247,248,.92) 静态 / #fff 高亮

真人禁区（baseVid 720s 实测 · 1920×1080）：
• 脸中心 x≈980 y≈340 · 头宽 x 770-1180 · 头肩 y 80-680 · 整身 y 50-1080
• 真人核心禁区 x 500-1500 / y 80-1080
• 现成字幕在 y≈950 居中

三角 placement 安全区（避真人）：
• 左上 x 60-460 / y 80-380
• 右上 x 1480-1860 / y 80-380
• 中央顶 x 100-1820 / y 50-200 头顶横条
• 底部 x 80-1840 / y 800-920 不撞字幕

text-behind 例外：.tbh 横贯全宽 y 200-500 · 关键字主动藏 x 770-1180 让人头挡住 · z 层 z=15 < subjVid z=20

字号档位：tbh 240-300px / gate 200-280px / pop 100-200px / punchline 100-180px / lst 80-140px / list4 内 48-72px / typewriter 32-64px / countup 80-380px

退场默认：opacity 0 / y±20-30 / duration 0.4-0.6 / ease "power2.in"
入场默认：opacity 0→1 / y±30-50 / duration 0.4-0.7 / ease "power3.out" 或 "back.out(1.6)"

2 · 9 段动效（按 ABS 时间顺序）

Z4a 19s · 3 元素 ABS 06:20 → 06:39
ASR 原文
S054 末 (06:18-21): 凡是你能说出来的话，它都见过这句话曾经被人怎么接下去
S055 (06:21-26): 但是这是这节课最关键的一点，你想一想，猜下一个字这么容
S056 (06:26-32): 听起来这么简单，凭什么这么简单的动作能够让 AI 懂得这么多东西？
S057 (06:32-39): 凭什么它能够让你觉得它在跟你聊天，在帮你解决问题，甚至是在帮你思考？
最关键的一点
三连问「凭什么？」
list3「聊天 / 解决问
最关键的一点 06:21.5-26.0 · 4.5s .tbh
文案最关键的一点
位置y=200 横贯 / 关键字"键"藏 x 980 人头位
字号/色260px · #FFD874
tl.fromTo("#e1", {opacity:0, y:-30}, {opacity:1, y:0, duration:0.6, ease:"power3.out"}, 1.5); tl.to("#e1", {x:-180, duration:0.4, ease:"power2.inOut"}, 2.5); // 藏字法 tl.to("#e1", {opacity:0, y:20, duration:0.5, ease:"power2.in"}, 5.5);
⭐ 招牌 text-behind · 灵魂位
三连问「凭什么？」 06:26-32 · 6.0s .scramble + .pop ×3
文案凭什么？ × 3 (位置不同)
位置左上 x=120 y=240 / 中下 x=820 y=820 / 右上 x=1480 y=140 三角错位
字号/色110px · #E5A93C edge dark
// 第 1 个「凭什么？」左上 06:26 tl.fromTo("#e2a", {opacity:0, scale:0.7}, {opacity:1, scale:1, duration:0.45, ease:"back.out(1.7)"}, 6.0); tl.to("#e2a", {opacity:0, scale:1.1, duration:0.3}, 11.5); // 第 2 个 06:28 中下 tl.fromTo("#e2b", {opacity:0, scale:0.7}, {opacity:1, scale:1, duration:0.45, ease:"back.out(1.7)"}, 8.0); tl.to("#e2b", {opacity:0, scale:1.1, duration:0.3}, 11.5); // 第 3 个 06:30 右上 tl.fromTo("#e2c", {opacity:0, scale:0.7}, {opacity:1, scale:1, duration:0.45, ease:"back.out(1.7)"}, 10.0); tl.to("#e2c", {opacity:0, scale:1.1, duration:0.3}, 11.7);
三连问累加（不退场到第 3 个出完才一起退）
list3「聊天 / 解决问题 / 思考」 06:32-39 · 7.0s .list4.landscape
文案聊天 → 解决问题 → 思考
位置底部 x=200 y=860 横排三项 width=1520 height=160
字号/色72px · #FFE7AE
tl.fromTo("#e3-1", {opacity:0, y:40}, {opacity:1, y:0, duration:0.4, ease:"power2.out"}, 12.5); tl.fromTo("#e3-2", {opacity:0, y:40}, {opacity:1, y:0, duration:0.4, ease:"power2.out"}, 14.0); tl.fromTo("#e3-3", {opacity:0, y:40}, {opacity:1, y:0, duration:0.4, ease:"power2.out"}, 15.5); // 第 3 项「思考」金色高亮 tl.to("#e3-3", {color:"#FFD874", duration:0.3}, 17.0); tl.to(["#e3-1","#e3-2","#e3-3"], {opacity:0, y:-20, duration:0.5}, 18.4);
逐项底部横排 stagger 出现 + 末项「思考」金色高亮
Z4b 19s · 2 元素 ABS 06:40 → 06:59
ASR 原文
S058 (06:39-41): 因为量变带来质变 (←已有卡 16 GATE 在 06:38-52)
S059 (06:41-52): 我给你看一件事啊，一百三十八亿年前，宇宙的全部塞在一个小而看不到的点里面，安静漆黑，什么也没有发生 (←部分已有卡 16)
S060 (06:52-07:01): 可是某一秒，啪，它炸开了，星河、星系、行星、太阳、地球，你整个宇宙就在那个点里面爆炸出来
「啪」punchline 闪
「星河·星系·行星·太阳·地
「啪」punchline 闪光 06:53-54 · 1.0s .gate + flash + particle
文案啪！
位置中央 x=860 y=380 / 全屏白光 0.2s 闪 + 粒子爆散
字号/色320px · #fff edge #c25a3e shadow gold
tl.fromTo("body", {backgroundColor:"transparent"}, {backgroundColor:"rgba(255,255,255,0.8)", duration:0.1, ease:"none"}, 13.0); tl.to("body", {backgroundColor:"transparent", duration:0.15, ease:"power2.out"}, 13.1); tl.fromTo("#e4", {opacity:0, scale:0.3}, {opacity:1, scale:1.0, duration:0.25, ease:"back.out(2)"}, 13.0); tl.to("#e4", {opacity:0, scale:1.3, duration:0.4}, 13.7); // 粒子爆散（canvas/css 4-6 个 div） tl.to(".particle-p", {x:gsap.utils.random(-600,600,true), y:gsap.utils.random(-400,400,true), opacity:0, duration:1.0, stagger:0.02}, 13.1);
全屏闪光 + 巨字「啪」+ 粒子四散（呼应宇宙爆炸）
「星河·星系·行星·太阳·地球」kinetic typo 06:54-59 · 5.0s .pop ×5 stagger
文案星河 · 星系 · 行星 · 太阳 · 地球
位置横排扩散：5 词从中央向两侧爆出 · 终态 x 120/580/960/1340/1720 y 480
字号/色88px → 各词错位 · #FFD874
// 5 词从中心爆出散到终态位置 const px = [120, 580, 960, 1340, 1720]; const py = [480, 320, 540, 360, 500]; // 错位 y 防齐平 const txt = ["星河","星系","行星","太阳","地球"]; txt.forEach((w, i) => { const sel = `#e5-${i}`; tl.fromTo(sel, {opacity:0, x:0, y:0, scale:0.3, left:'960px', top:'440px'}, {opacity:1, left:px[i]+'px', top:py[i]+'px', scale:1, duration:0.55, ease:"power3.out"}, 14.0 + i*0.4); }); tl.to(".e5", {opacity:0, scale:0.7, duration:0.5}, 18.4);
5 词从中心爆出按 ASR 字级停在终态位（错位 y 不齐平）
Z5 15s · 3 元素 ABS 07:38 → 07:53
ASR 原文
S064 末 (07:38-42): 和你的前女友的所有的记忆，都是从这八百亿个简单的零件里面冒出来的
S065 (07:42-53): AI 走的也是这条路，最简单的猜下一个字，乘以万亿条数据，乘以千亿个参数，就涌现出了真正了不起的地方
「前女友的记忆」笑点藏字
公式「猜下一个字 × 万亿条
「涌现」金光大字 punch
「前女友的记忆」笑点藏字 07:38-42 · 4.0s .tbh.gold
文案前女友的记忆
位置y=260 横贯 / 关键字"友"藏 x 980 人头投影 / 暖红高光
字号/色240px · #FFD874 with warm-red glow
tl.fromTo("#e1", {opacity:0, y:-30, color:"#FFD874"}, {opacity:1, y:0, duration:0.5, ease:"power3.out"}, 0.3); tl.to("#e1", {x:-220, duration:0.3, ease:"power2.inOut"}, 0.9); tl.to("#e1", {color:"#c25a3e", textShadow:"0 0 80px rgba(194,90,62,.7)", duration:0.4}, 2.0); // 笑点变暖红 tl.to("#e1", {opacity:0, y:30, duration:0.5}, 3.5);
黑色幽默 · 暖红高光强化笑点
公式「猜下一个字 × 万亿条 × 千亿个」 07:42-46 · 4.0s .typewriter 公式
文案猜下一个字 × 万亿条数据 × 千亿个参数
位置顶部 y=140 横排 width=1720 单行公式
字号/色64px · #FFE7AE × 暖金
// 三段公式逐段打入，乘号弹出 tl.fromTo("#e2-a", {opacity:0, x:-40}, {opacity:1, x:0, duration:0.5}, 4.3); tl.fromTo("#e2-x1", {opacity:0, scale:0.3}, {opacity:1, scale:1.4, duration:0.3, ease:"back.out(2)"}, 4.9); tl.to("#e2-x1", {scale:1, duration:0.2}, 5.2); tl.fromTo("#e2-b", {opacity:0, x:-40}, {opacity:1, x:0, duration:0.5}, 5.4); tl.fromTo("#e2-x2", {opacity:0, scale:0.3}, {opacity:1, scale:1.4, duration:0.3, ease:"back.out(2)"}, 6.0); tl.to("#e2-x2", {scale:1, duration:0.2}, 6.3); tl.fromTo("#e2-c", {opacity:0, x:-40}, {opacity:1, x:0, duration:0.5}, 6.5); tl.to(".e2", {opacity:0, duration:0.4}, 7.6);
保留 4s 累加显示 → 全段退场
「涌现」金光大字 punchline 07:46-53 · 7.0s .gate + .pop "涌现"
文案涌现
位置中央 x=760 y=300 跨头顶 / 「涌」x=860 / 「现」x=1280
字号/色380px · #FFD874 三层暖金辉光
// 「涌」「现」分两字 stagger 浮现 + 巨大辉光 tl.fromTo("#e3-1", {opacity:0, scale:0.5, filter:"blur(10px)"}, {opacity:1, scale:1, filter:"blur(0px)", duration:0.7, ease:"power3.out"}, 8.2); tl.fromTo("#e3-2", {opacity:0, scale:0.5, filter:"blur(10px)"}, {opacity:1, scale:1, filter:"blur(0px)", duration:0.7, ease:"power3.out"}, 8.9); // 持续脉冲呼吸 tl.to(".e3", {scale:1.05, duration:1.5, yoyo:true, repeat:2, ease:"sine.inOut"}, 9.6); tl.to(".e3", {opacity:0, scale:0.9, duration:0.6}, 14.0);
⭐ 呼应 Z3 涌现钩子 + 全集核心概念落锤
Z6 13s · 2 元素 ABS 09:01 → 09:14
ASR 原文
S073 (09:01-02): 讲到这里
S074 (09:02-08): 你会问，现在二零二六年了，AI 还会有这么明显的幻觉吗？
S075 (09:08-11): 我跟你说实话，很多典型的幻觉都已经被修好了
「2026」时间码 + 反问
「✅ 大部分典型已修好」绿勾
「2026」时间码 + 反问 09:02-08 · 6.0s .odo-flip + .pop
文案2026 · 还会幻觉吗？
位置左上 x=120 y=120 "2026"翻牌 / 右上 x=1180 y=140 "还会幻觉吗？" pop
字号/色180px (2026) / 88px (反问) · #E5A93C / #fff
// 2026 odo-flip 从 0000 翻到 2026 tl.fromTo("#e1-odo", {opacity:0, y:-20}, {opacity:1, y:0, duration:0.4}, 1.0); const obj = {n:0}; tl.to(obj, {n:2026, duration:1.5, ease:"power2.out", onUpdate:()=>{ document.getElementById("e1-odo-val").textContent = Math.round(obj.n).toString().padStart(4,"0"); }}, 1.2); // 反问大字浮入 tl.fromTo("#e1-q", {opacity:0, x:50}, {opacity:1, x:0, duration:0.5}, 3.5); tl.fromTo("#e1-q-mark", {opacity:0, scale:0.5}, {opacity:1, scale:1.2, duration:0.4, ease:"back.out(2)"}, 4.5); tl.to("#e1-q-mark", {scale:1, duration:0.2}, 4.9); tl.to(["#e1-odo","#e1-q"], {opacity:0, y:-20, duration:0.5}, 6.5);
左上时间码 + 右上反问，呼应 ASR S074
「✅ 大部分典型已修好」绿勾 09:08-11 · 4.0s .list4 单项
文案✓ 大部分典型已修好
位置右下 x=1280 y=720 width=560 height=140 绿勾打入
字号/色52px · #7eca6c (绿) + #FFE7AE
tl.fromTo("#e2", {opacity:0, x:60, scale:0.9}, {opacity:1, x:0, scale:1, duration:0.5, ease:"back.out(1.4)"}, 7.5); tl.fromTo("#e2-check", {opacity:0, scale:0.5, rotation:-90}, {opacity:1, scale:1.3, rotation:0, duration:0.4, ease:"back.out(2)"}, 8.0); tl.to("#e2-check", {scale:1, duration:0.2}, 8.5); tl.to("#e2", {opacity:0, x:60, duration:0.5}, 11.8);
绿勾呼应「都被修好了」
Z7a 24s · 4 元素 ABS 09:50 → 10:14
ASR 原文
S077 末 (09:50-10:02): 在它没见过的地方，在它逻辑链特别长的地方，在特别需要很多步算法和很多步推理的时候，幻觉一定会冒出来，只是更加的隐蔽了，所以说
S078 (10:02-11): 这一节课你不用记律师那个故事，你只用记住那个小包之前跟你说对不起，我跟你讲了这个东西其实是可以喝的，结果它其实是不能喝
S079 前 (10:12-14): 那现在你既然嘎了，我也只能先给你道个歉
幻觉发生场景 list3
「隐蔽」scramble 解
「✓ 可以喝 → ✗ 不能喝
「道歉」大字 + 点点 ch
幻觉发生场景 list3 09:50-55 · 5.0s .list4 三项
文案✗ 没见过 · 逻辑链长 · 多步推理
位置左上 x=100 y=140 竖排三项 width=620 line-height 80
字号/色54px · #c25a3e (红警) + #FFE7AE
tl.fromTo("#e1", {opacity:0, x:-60}, {opacity:1, x:0, duration:0.4}, 0.3); tl.fromTo("#e1-1", {opacity:0, y:30}, {opacity:1, y:0, duration:0.4}, 0.5); tl.fromTo("#e1-2", {opacity:0, y:30}, {opacity:1, y:0, duration:0.4}, 1.5); tl.fromTo("#e1-3", {opacity:0, y:30}, {opacity:1, y:0, duration:0.4}, 2.5); tl.to("#e1", {opacity:0, x:-60, duration:0.5}, 4.5);
三种幻觉发生场景
「隐蔽」scramble 解码大字 09:55-10:01 · 6.0s .scramble + .tbh
文案隐 蔽
位置y=240 中央横贯 / 关键字 x=860 / scramble 解码 1.5s
字号/色320px · #E5A93C 暖金 + monospace 风
// scramble 解码: 1.5s 内字符随机变换 → 终态 tl.fromTo("#e2", {opacity:0}, {opacity:1, duration:0.4}, 5.5); // JS scramble: 替换文字 30ms/frame × 50 帧 let chars="!@#$%&*<>?+="; let frames=50; for(let i=0;i{document.getElementById("e2-txt").textContent = Math.random(){document.getElementById("e2-txt").textContent = "隐 蔽";}, 8.0); tl.to("#e2", {scale:1.05, duration:0.8, yoyo:true, repeat:1}, 8.5); tl.to("#e2", {opacity:0, duration:0.6}, 10.4);
⭐ S077 末核心金句 · scramble 解码呼应「隐蔽」概念
「✓ 可以喝 → ✗ 不能喝」反转分屏 10:02-11 · 9.0s .splitcard
文案可以喝（左）→ 不能喝（右）
位置中下 x=200 y=540 width=1520 height=380 左右分屏
字号/色88px (val) + 36px (lab) · 左白 / 右暗红
tl.fromTo("#e3", {opacity:0, y:40}, {opacity:1, y:0, duration:0.5}, 11.5); tl.fromTo("#e3 .l", {opacity:0, x:-40}, {opacity:1, x:0, duration:0.4}, 12.0); tl.fromTo("#e3 .r", {opacity:0, x:40}, {opacity:1, x:0, duration:0.4}, 13.5); // 右侧反转翻牌 tl.to("#e3 .r .val", {scale:1.15, color:"#c25a3e", duration:0.4}, 15.5); tl.to("#e3 .r .val", {scale:1, duration:0.3}, 15.9); tl.to("#e3", {opacity:0, y:-20, duration:0.6}, 19.0);
小包故事 · ✓→✗ 反转节奏
「道歉」大字 + 点点 chibi 鞠躬 10:12-14 · 4.0s .tbh + chibi
文案道 歉
位置y=300 横贯 + 右下 chibi 红熊猫 x=1500 y=720
字号/色280px · #FFD874
tl.fromTo("#e4", {opacity:0, y:-40}, {opacity:1, y:0, duration:0.5, ease:"power3.out"}, 20.5); // chibi 鞠躬动画（如有 sprite） tl.fromTo("#e4-chibi", {opacity:0, scale:0.7, rotation:0}, {opacity:1, scale:1, duration:0.5}, 20.8); tl.to("#e4-chibi", {rotation:30, duration:0.4, ease:"power2.in"}, 21.8); tl.to("#e4-chibi", {rotation:0, duration:0.4, ease:"power2.out"}, 22.2); tl.to(["#e4","#e4-chibi"], {opacity:0, duration:0.5}, 23.4);
收口幽默 · 点点替点哥道歉
Z7b 21s · 5 元素 ABS 10:17 → 10:38
ASR 原文
S080 (10:17-23): 真正我们在 AI 辅助的同时，负责的还是那个人本身，这一点你一定要永远记清楚 ★课程铁律
S081 (10:23-26): 我们说到这里，你可能会想，那这个玩意儿还能用吗？
S082 (10:26-29): 能，那当然用，而且必须用，而且还要把它用好
S083 (10:30-34): 关键是我们要好好用，要明白原理的去用 ★课程定位
S084-086 (10:34-38): 它擅长什么？它见过什么事？它有模式的事情它都是擅长的
🔴 「永远记清楚」横贯藏字
「还能用吗？」反问 punc
「能 · 必须用 · 用好」
🔴 「明白原理」课程定位
三问「擅长什么/见过什么/有
🔴 「永远记清楚」横贯藏字 10:17-23 · 6.0s .tbh ⭐⭐⭐ 灵魂
文案永远记清楚
位置y=260 横贯全宽 / 关键字"记"藏 x 980 人头投影 / 暖金渐入
字号/色300px · #FFD874 + 暖金大辉光
// 灵魂招牌位 · text-behind 横贯藏字 tl.fromTo("#e1", {opacity:0, y:-50, color:"rgba(244,247,248,.5)"}, {opacity:1, y:0, duration:0.8, ease:"power3.out"}, 0.5); tl.to("#e1", {x:-260, duration:0.6, ease:"power2.inOut"}, 1.5); // 藏字法 tl.to("#e1", {color:"#FFD874", textShadow:"0 0 100px rgba(229,169,60,.8),0 14px 48px rgba(0,0,0,.8)", duration:0.6}, 2.5); tl.to("#e1", {scale:1.04, duration:1.5, yoyo:true, repeat:1, ease:"sine.inOut"}, 3.5); tl.to("#e1", {opacity:0, y:30, duration:0.6}, 5.4);
⭐⭐⭐ ep01 灵魂金句位 · text-behind 招牌
「还能用吗？」反问 punch 10:23-26 · 3.0s .pop ?
文案还能用吗？
位置中央偏顶 y=180 x=860 + 问号巨大 x=1380
字号/色120px (文) / 200px (?) · #fff + 问号 #FFD874
tl.fromTo("#e2-txt", {opacity:0, scale:0.5}, {opacity:1, scale:1, duration:0.45, ease:"back.out(1.7)"}, 6.3); tl.fromTo("#e2-q", {opacity:0, scale:0.3, rotation:-20}, {opacity:1, scale:1.3, rotation:0, duration:0.5, ease:"back.out(2)"}, 6.9); tl.to("#e2-q", {scale:1.5, duration:0.4, yoyo:true, repeat:1}, 7.5); tl.to(["#e2-txt","#e2-q"], {opacity:0, scale:1.2, duration:0.4}, 8.4);
反问停顿 · 问号巨大跳动
「能 · 必须用 · 用好」三段累加 10:26-29 · 3.0s .typewriter + .list4 三段
文案能 · 必须用 · 用好
位置中央竖排 x=820 y=240 每行间距 100px
字号/色88px · #FFE7AE → 末项 #FFD874
tl.fromTo("#e3-1", {opacity:0, x:-40}, {opacity:1, x:0, duration:0.4, ease:"power2.out"}, 9.2); tl.fromTo("#e3-2", {opacity:0, x:-40}, {opacity:1, x:0, duration:0.4, ease:"power2.out"}, 9.9); tl.fromTo("#e3-3", {opacity:0, x:-40}, {opacity:1, x:0, duration:0.4, ease:"power2.out"}, 10.6); tl.to("#e3-3", {color:"#FFD874", scale:1.15, duration:0.3}, 11.1); tl.to("#e3-3", {scale:1, duration:0.2}, 11.5); tl.to(".e3", {opacity:0, y:-30, duration:0.5}, 11.7);
末项"用好"高亮 · 三段累加
🔴 「明白原理」课程定位 10:30-34 · 4.0s .tbh 🔴 灵魂
文案明白原理
位置y=280 横贯 / 关键字"理"藏 x 980 / 暖金渐入
字号/色280px · #FFD874
tl.fromTo("#e4", {opacity:0, y:-40}, {opacity:1, y:0, duration:0.7, ease:"power3.out"}, 12.3); tl.to("#e4", {x:-200, duration:0.5, ease:"power2.inOut"}, 13.1); // 藏字 tl.to("#e4", {scale:1.04, duration:1.2, yoyo:true, repeat:1, ease:"sine.inOut"}, 13.6); tl.to("#e4", {opacity:0, y:30, duration:0.5}, 15.5);
⭐ 课程定位金句 · 第 2 张 tbh 灵魂位
三问「擅长什么/见过什么/有模式擅长」 10:34-38 · 5.0s .typewriter 三问
文案擅长什么？/ 见过什么？/ 有模式 → 擅长
位置右下竖排 x=1280 y=480 line-height 90
字号/色48px · #FFE7AE
tl.fromTo("#e5", {opacity:0, x:40}, {opacity:1, x:0, duration:0.4}, 16.5); // 三句逐字打字（typewriter） "#e5-1 #e5-2 #e5-3".split(" ").forEach((sel, i) => { const chars = document.querySelectorAll(sel + " .tw-char"); chars.forEach((c, j) => { tl.to(c, {opacity:1, duration:0.05}, 16.7 + i*1.2 + j*0.06); }); }); tl.to("#e5", {opacity:0, x:40, duration:0.5}, 20.3);
三连问 typewriter 逐字打入
Z8a3 16s · 3 元素 ABS 11:44 → 12:00
ASR 原文
S102 (11:43-53): 如果说是刚发生的，那你需要让他搜索之后再来回答你，而不是说基于他模型训练的本身的数据，那他一定会编，编的你怀疑人生
S103 (11:53-12:02): 这三个事情如果说你都判别了，你就大胆的去问他，得到你想要的答案，但是还是带有思辨的去辨别这个答案是否对
「✅ AI 搜索 / ❌ 仅
「怀疑人生」笑点 punch
流程链「3 ✓ → 大胆问
「✅ AI 搜索 / ❌ 仅靠训练数据」对比分屏 11:44-50 · 6.0s .splitcard
文案左：✓ 让 AI 搜索 / 右：✗ 仅靠训练数据
位置中央 x=160 y=300 width=1600 height=440 左右分屏
字号/色64px (lab) + 84px (val) · 左 #fff / 右 #c25a3e
tl.fromTo("#e1", {opacity:0, y:30}, {opacity:1, y:0, duration:0.5}, 0.5); tl.fromTo("#e1 .l", {opacity:0, x:-40}, {opacity:1, x:0, duration:0.4}, 1.0); tl.fromTo("#e1 .l-check", {opacity:0, scale:0.3, rotation:-45}, {opacity:1, scale:1.2, rotation:0, duration:0.4, ease:"back.out(2)"}, 1.5); tl.to("#e1 .l-check", {scale:1, duration:0.2}, 1.9); tl.fromTo("#e1 .r", {opacity:0, x:40}, {opacity:1, x:0, duration:0.4}, 3.0); tl.fromTo("#e1 .r-x", {opacity:0, scale:0.3, rotation:45}, {opacity:1, scale:1.2, rotation:0, duration:0.4, ease:"back.out(2)"}, 3.5); tl.to("#e1 .r-x", {scale:1, duration:0.2}, 3.9); tl.to("#e1", {opacity:0, y:-20, duration:0.5}, 5.5);
S102 前半 · ✓ vs ✗ 对比
「怀疑人生」笑点 punch 11:50-53 · 3.0s .tbh
文案怀疑人生
位置y=320 横贯 / 关键字"人"藏 x 980 人头投影
字号/色260px · #fff + #c25a3e edge
tl.fromTo("#e2", {opacity:0, scale:0.5}, {opacity:1, scale:1, duration:0.5, ease:"back.out(1.6)"}, 6.2); tl.to("#e2", {x:-200, duration:0.4}, 6.8); tl.to("#e2", {color:"#c25a3e", textShadow:"0 0 80px rgba(194,90,62,.7)", duration:0.4}, 7.2); tl.to("#e2", {scale:1.08, duration:0.6, yoyo:true, repeat:1, ease:"sine.inOut"}, 7.6); tl.to("#e2", {opacity:0, y:20, duration:0.4}, 8.5);
笑点 · 暖红高光
流程链「3 ✓ → 大胆问 → 思辨」 11:53-12:00 · 7.0s .chain
文案3 ✓ → 大胆问 → 思辨辨别
位置底部 x=160 y=820 width=1600 height=180 三节点责任链
字号/色52px · #FFE7AE 节点 → 末节 #FFD874
tl.fromTo("#e3", {opacity:0, y:30}, {opacity:1, y:0, duration:0.5}, 9.3); // 三节点逐个 lit tl.fromTo("#e3-n1 .lbl", {opacity:0, y:20}, {opacity:1, y:0, duration:0.4}, 9.6); tl.fromTo("#e3-s1 i", {scaleX:0}, {scaleX:1, duration:0.6, ease:"power2.out"}, 10.5); tl.fromTo("#e3-n2 .lbl", {opacity:0, y:20}, {opacity:1, y:0, duration:0.4}, 11.5); tl.fromTo("#e3-s2 i", {scaleX:0}, {scaleX:1, duration:0.6}, 12.5); tl.fromTo("#e3-n3 .lbl", {opacity:0, y:20, color:"#FFE7AE"}, {opacity:1, y:0, color:"#FFD874", duration:0.5}, 13.5); tl.to("#e3", {opacity:0, y:-20, duration:0.5}, 15.4);
责任链节点逐个点亮 · 末节金色高亮
Z9a 16s · 3 元素 ABS 12:00 → 12:16
ASR 原文
S103 末 (12:00-02): 但是还是带有思辨的去辨别这个答案是否对
S104 (12:02-07): 对你有帮助，这个答案所引用的这些数据有没有可能产生一些幻觉？
S105 (12:07-13): 这就能够让你把这个概念记住，能够让你少踩百分之八十的 AI 幻觉坑
S106 头 (12:13-16): 所以说 AI 是一个我们一定会用，而且必须好好用的工具
「思辨」+ 连线「答案→数据
🔴 「80%」数字 punc
「✓ 一定会用 · ✓ 必须
「思辨」+ 连线「答案→数据→幻觉」 12:00-07 · 7.0s .tbh + .linedraw
文案思 辨 / 答案 → 引用数据 → 也可能幻觉
位置y=200 "思辨"横贯 + 底部 y=820 SVG 三节点连线图
字号/色320px (tbh) + 36px (line label) · #FFD874 + 暖金线
// "思辨"先 tbh tl.fromTo("#e1-tbh", {opacity:0, y:-30}, {opacity:1, y:0, duration:0.6, ease:"power3.out"}, 0.5); tl.to("#e1-tbh", {x:-200, duration:0.5}, 1.2); // 同时底部连线 draw-on tl.fromTo("#e1-line", {opacity:0}, {opacity:1, duration:0.4}, 2.5); tl.to("#e1-line path", {attr:{"stroke-dashoffset":0}, duration:2.0, ease:"power2.out"}, 2.8); tl.fromTo("#e1-line .ld-node", {opacity:0}, {opacity:1, duration:0.4, stagger:0.7}, 3.0); tl.fromTo("#e1-line .ld-label", {opacity:0, y:10}, {opacity:1, y:0, duration:0.4, stagger:0.7}, 3.2); tl.to(["#e1-tbh","#e1-line"], {opacity:0, duration:0.5}, 6.5);
"思辨"上 + 连线下 = 双层视觉
🔴 「80%」数字 punchline + 「AI 幻觉坑」 12:07-13 · 6.0s .countup + .pop ⭐
文案80% · AI 幻觉坑
位置中央 x=720 y=300 "80%" 大数字 + 下方 x=600 y=620 "AI 幻觉坑"
字号/色380px (80%) + 100px (label) · #FFD874 + 暖金辉光
const obj = {n:0}; tl.fromTo("#e2-num", {opacity:0, scale:0.5}, {opacity:1, scale:1, duration:0.5}, 7.3); tl.to(obj, {n:80, duration:1.5, ease:"power2.out", onUpdate:()=>{ document.getElementById("e2-num-val").textContent = Math.round(obj.n)+"%"; }}, 7.5); tl.to("#e2-num", {scale:1.1, duration:0.5, yoyo:true, repeat:1, ease:"sine.inOut"}, 9.2); tl.fromTo("#e2-lbl", {opacity:0, y:30}, {opacity:1, y:0, duration:0.5}, 9.8); // "坑"字暖红重音 tl.to("#e2-keng", {color:"#c25a3e", scale:1.2, duration:0.3}, 10.5); tl.to("#e2-keng", {scale:1, duration:0.3}, 10.8); tl.to(["#e2-num","#e2-lbl"], {opacity:0, scale:0.9, duration:0.5}, 12.4);
⭐ 80% countup 大数字 · 全集最强数字 punchline
「✓ 一定会用 · ✓ 必须好好用」工具卡 12:13-16 · 3.0s .list4 双项
文案✓ 一定会用 · ✓ 必须好好用
位置左上 x=120 y=140 width=820 height=240 横排双项
字号/色52px · #FFE7AE
tl.fromTo("#e3", {opacity:0, x:-50}, {opacity:1, x:0, duration:0.5}, 13.3); tl.fromTo("#e3-1", {opacity:0, y:30}, {opacity:1, y:0, duration:0.4}, 13.5); tl.fromTo("#e3-2", {opacity:0, y:30}, {opacity:1, y:0, duration:0.4}, 14.0); tl.to("#e3", {opacity:0, x:-50, duration:0.5}, 15.4);
过渡到 Z9b 收官
Z9b 16s · 4 元素 ABS 12:17 → 12:33
ASR 原文
S106 全段 (12:13-32): 所以说 AI 是一个我们一定会用，而且必须好好用的工具，但是用它的前提是你明白它怎么工作，这就是节点 Nexus 我们想要带你做的事情，不教你怕 AI，也不教你迷信 AI，教你清醒的去用 AI ★全集收官金句
🔴 「明白它怎么工作」（呼应
「节点 NEXUS · 我们
「✗ 怕 / ✗ 迷信 /
🔴🔴 「清醒」收官落锤
🔴 「明白它怎么工作」（呼应 C18） 12:17-21 · 4.0s .tbh ⭐ 灵魂
文案明白它怎么工作
位置y=260 横贯 / 关键字"它"藏 x 980 人头投影
字号/色240px · #FFD874
tl.fromTo("#e1", {opacity:0, y:-40}, {opacity:1, y:0, duration:0.7, ease:"power3.out"}, 0.5); tl.to("#e1", {x:-280, duration:0.5, ease:"power2.inOut"}, 1.4); // 藏字 tl.to("#e1", {scale:1.04, duration:1.2, yoyo:true, repeat:1, ease:"sine.inOut"}, 1.9); tl.to("#e1", {opacity:0, y:30, duration:0.5}, 3.4);
⭐ 呼应 Z7b C18「明白原理」金句锚 · 课程灵魂
「节点 NEXUS · 我们想做的事」品牌横条 12:21-25 · 4.0s .quote 品牌横条
文案节点 NEXUS · 我们想要带你做的事情
位置中下 x=200 y=820 width=1520 height=180 品牌横条
字号/色60px (主) + 32px (kicker) · #FFD874 (NEXUS) + #f3ead4
tl.fromTo("#e2", {opacity:0, y:40, scale:0.95}, {opacity:1, y:0, scale:1, duration:0.6, ease:"power3.out"}, 4.3); // NEXUS 字单独高亮 tl.fromTo("#e2-nexus", {color:"#FFE7AE", scale:1}, {color:"#FFD874", scale:1.1, duration:0.4}, 5.5); tl.to("#e2-nexus", {scale:1, duration:0.3}, 5.9); tl.to("#e2", {opacity:0, y:30, duration:0.5}, 7.4);
品牌定位横条
「✗ 怕 / ✗ 迷信 / ✓ 清醒」三段对比 12:25-28 · 4.0s .list4 三项 (✗✗✓)
文案✗ 怕 AI · ✗ 迷信 AI · ✓ 清醒用 AI
位置中央 x=320 y=220 width=1280 height=500 竖排三项
字号/色72px · 前两项 rgba(244,247,248,.55) / 末项 #FFD874
tl.fromTo("#e3", {opacity:0, scale:0.95}, {opacity:1, scale:1, duration:0.5}, 8.3); tl.fromTo("#e3-1", {opacity:0, x:-50}, {opacity:1, x:0, duration:0.4}, 8.5); tl.fromTo("#e3-2", {opacity:0, x:-50}, {opacity:1, x:0, duration:0.4}, 9.3); tl.fromTo("#e3-3", {opacity:0, x:-50, color:"rgba(244,247,248,.55)"}, {opacity:1, x:0, color:"#FFD874", duration:0.6}, 10.1); tl.to("#e3-3", {scale:1.1, duration:0.4, yoyo:true, repeat:1, ease:"sine.inOut"}, 10.8); tl.to("#e3", {opacity:0, scale:0.95, duration:0.5}, 11.4);
对比 · 末项「清醒」金色高亮
🔴🔴 「清醒」收官落锤 12:28-32 · 4.0s .tbh ⭐⭐ 收官落锤
文案清 醒
位置y=240 中央横贯 / 字间距大 / 巨大暖金辉光
字号/色380px · #FFD874 + 双层巨大辉光
// 全集落锤位 · 渐入 + 持续呼吸 + 渐出 tl.fromTo("#e4", {opacity:0, scale:0.7, filter:"blur(15px)", letterSpacing:"0.5em"}, {opacity:1, scale:1, filter:"blur(0px)", letterSpacing:"0.16em", duration:1.0, ease:"power3.out"}, 12.3); tl.to("#e4", {scale:1.06, duration:1.0, yoyo:true, repeat:1, ease:"sine.inOut"}, 13.4); // 暖金辉光呼吸 tl.to("#e4", {textShadow:"0 0 120px rgba(229,169,60,.9),0 0 240px rgba(229,169,60,.5),0 18px 56px rgba(0,0,0,.9)", duration:1.2, yoyo:true, repeat:1}, 13.5); tl.to("#e4", {opacity:0, scale:1.15, filter:"blur(8px)", duration:0.8}, 15.0);
⭐⭐ ep01 全集落锤金字 · text-behind 收官 + 暖金巨光呼吸