276 lines
15 KiB
HTML
276 lines
15 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="zh-CN">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=1280, height=720">
|
||
<link href="https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;600;700&family=Inter:wght@400;500;600&display=swap" rel="stylesheet">
|
||
<style>
|
||
* { margin: 0; padding: 0; box-sizing: border-box; }
|
||
body { font-family: 'Noto Serif SC', 'Inter', -apple-system, serif; -webkit-font-smoothing: antialiased; }
|
||
.slide { width: 1280px; height: 720px; display: flex; flex-direction: column; padding: 72px 96px; position: relative; overflow: hidden; }
|
||
h1 { font-size: 52px; font-weight: 700; letter-spacing: -0.02em; line-height: 1.2; }
|
||
h2 { font-size: 14px; font-weight: 600; letter-spacing: 0.2em; text-transform: uppercase; opacity: 0.7; }
|
||
.lead { font-size: 28px; font-weight: 500; line-height: 1.5; letter-spacing: 0.02em; }
|
||
.quote { font-size: 34px; font-weight: 600; line-height: 1.5; letter-spacing: 0.01em; }
|
||
.img-wrap { border-radius: 16px; overflow: hidden; box-shadow: 0 8px 24px rgba(0,0,0,0.08); }
|
||
.img-wrap img { width: 100%; height: 100%; object-fit: cover; display: block; }
|
||
.icon { font-size: 48px; opacity: 0.9; line-height: 1; }
|
||
ul { margin-top: 18px; padding-left: 22px; }
|
||
li { font-size: 22px; line-height: 1.6; color: #4A4A4A; margin: 10px 0; }
|
||
.kicker { font-size: 18px; letter-spacing: 0.18em; color: rgba(0,0,0,0.45); }
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<!-- 1. 封面：配图 + 标题 -->
|
||
<div class="slide" id="slide-1" style="background: #0F0F0F; flex-direction: row; align-items: center; gap: 64px; padding: 64px 80px;">
|
||
<div class="img-wrap" style="width: 420px; height: 420px; flex-shrink: 0;">
|
||
<img src="file:///Users/karuo/Documents/卡若Ai的文件夹/图片/naval_01_cover.png" alt="">
|
||
</div>
|
||
<div style="flex: 1;">
|
||
<span class="icon" style="color: rgba(255,255,255,0.6);">📖</span>
|
||
<h1 style="color: #FAFAFA; margin: 24px 0 16px;">纳瓦尔访谈</h1>
|
||
<p style="color: rgba(255,255,255,0.5); font-size: 20px; letter-spacing: 0.15em;">五行结构化读书笔记（去重版）</p>
|
||
<p style="color: rgba(255,255,255,0.35); font-size: 16px; margin-top: 18px;">目标：可复用 · 可执行 · 不复述</p>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 2. 一句话总结 -->
|
||
<div class="slide" id="slide-2" style="background: #FAF8F5; flex-direction: row; align-items: center; gap: 64px;">
|
||
<div class="img-wrap" style="width: 400px; height: 400px; flex-shrink: 0;">
|
||
<img src="file:///Users/karuo/Documents/卡若Ai的文件夹/图片/naval_02_summary.png" alt="">
|
||
</div>
|
||
<div style="flex: 1;">
|
||
<span class="icon" style="color: #8B7355;">✨</span>
|
||
<p class="lead" style="color: #1A1A1A; margin-top: 18px;">
|
||
把“幸福”当首要目标，<br>
|
||
把“财富”当可训练技能，<br>
|
||
用“长期系统”消化焦虑与欲望。
|
||
</p>
|
||
<p class="kicker" style="margin-top: 26px;">幸福 / 财富 / 地位 / 行动 / 复利</p>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 3. 金 -->
|
||
<div class="slide" id="slide-3" style="background: #FAF8F5; flex-direction: row; align-items: center; gap: 56px;">
|
||
<div class="img-wrap" style="width: 360px; height: 360px; flex-shrink: 0;">
|
||
<img src="file:///Users/karuo/Documents/卡若Ai的文件夹/图片/naval_03_jin.png" alt="">
|
||
</div>
|
||
<div style="flex: 1;">
|
||
<h2 style="color: #1A1A1A; margin-bottom: 12px;">金 · 定位与角色</h2>
|
||
<span class="icon" style="color: #C9A227;">🪙</span>
|
||
<h1 style="color: #1A1A1A; margin: 14px 0 8px;">幸福×财富×地位：先区分</h1>
|
||
<ul>
|
||
<li>幸福不是外包给条件的“合约”，而是你与现实的关系。</li>
|
||
<li>财富偏可复制、可规模化；地位偏零和、需比较（副作用不同）。</li>
|
||
<li>立场像“认知教练”：少给答案，多给原则与区分。</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 4. 水 -->
|
||
<div class="slide" id="slide-4" style="background: #FAF8F5; flex-direction: row; align-items: center; gap: 56px;">
|
||
<div class="img-wrap" style="width: 360px; height: 360px; flex-shrink: 0;">
|
||
<img src="file:///Users/karuo/Documents/卡若Ai的文件夹/图片/naval_04_shui.png" alt="">
|
||
</div>
|
||
<div style="flex: 1;">
|
||
<h2 style="color: #1A1A1A; margin-bottom: 12px;">水 · 经历与路径</h2>
|
||
<span class="icon" style="color: #4A90A4;">💧</span>
|
||
<h1 style="color: #1A1A1A; margin: 14px 0 8px;">从痛苦到稳定：回到可控</h1>
|
||
<ul>
|
||
<li>痛苦常来自：欲望未满足 + 对现实的抗拒（双重拉扯）。</li>
|
||
<li>“接受当下”不是躺平：停止内耗，把精力投回可控变量。</li>
|
||
<li>把观点当迭代产物：更新观点不等于背叛过去。</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 5. 木 -->
|
||
<div class="slide" id="slide-5" style="background: #FAF8F5; flex-direction: row; align-items: center; gap: 56px;">
|
||
<div class="img-wrap" style="width: 360px; height: 360px; flex-shrink: 0;">
|
||
<img src="file:///Users/karuo/Documents/卡若Ai的文件夹/图片/naval_05_mu.png" alt="">
|
||
</div>
|
||
<div style="flex: 1;">
|
||
<h2 style="color: #1A1A1A; margin-bottom: 12px;">木 · 方法与产出</h2>
|
||
<span class="icon" style="color: #5A8F4A;">🌱</span>
|
||
<h1 style="color: #1A1A1A; margin: 14px 0 8px;">选择×行动×产品化</h1>
|
||
<ul>
|
||
<li>先选问题再选答案：问题质量决定长期杠杆。</li>
|
||
<li>可逆小行动采样反馈：用现实结果替代脑内争论。</li>
|
||
<li>把灵感产品化：把一次性聪明变成可复用结构。</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 6. 火 -->
|
||
<div class="slide" id="slide-6" style="background: #FAF8F5; flex-direction: row; align-items: center; gap: 56px;">
|
||
<div class="img-wrap" style="width: 360px; height: 360px; flex-shrink: 0;">
|
||
<img src="file:///Users/karuo/Documents/卡若Ai的文件夹/图片/naval_06_huo.png" alt="">
|
||
</div>
|
||
<div style="flex: 1;">
|
||
<h2 style="color: #1A1A1A; margin-bottom: 12px;">火 · 认知与判断</h2>
|
||
<span class="icon" style="color: #D4782A;">🔥</span>
|
||
<h1 style="color: #1A1A1A; margin: 14px 0 8px;">尺度一致：长期视角入账</h1>
|
||
<ul>
|
||
<li>财富与地位常冲突：你想要自由，还是被认可？先选评价函数。</li>
|
||
<li>骄傲像噪声：阻碍归零、学习与承认不确定。</li>
|
||
<li>统一评估尺度：别用一周情绪否定三年目标。</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 7. 土 -->
|
||
<div class="slide" id="slide-7" style="background: #FAF8F5; flex-direction: row; align-items: center; gap: 56px;">
|
||
<div class="img-wrap" style="width: 360px; height: 360px; flex-shrink: 0;">
|
||
<img src="file:///Users/karuo/Documents/卡若Ai的文件夹/图片/naval_07_tu.png" alt="">
|
||
</div>
|
||
<div style="flex: 1;">
|
||
<h2 style="color: #1A1A1A; margin-bottom: 12px;">土 · 系统与沉淀</h2>
|
||
<span class="icon" style="color: #8B6914;">⛰️</span>
|
||
<h1 style="color: #1A1A1A; margin: 14px 0 8px;">复利资产净增：长期不崩盘</h1>
|
||
<ul>
|
||
<li>复利不只在钱：技能/健康/判断力/关系/内容都能复利。</li>
|
||
<li>风险边界：避免押在单一脆弱变量（平台/技能/情绪）。</li>
|
||
<li>输入过滤：新闻热点与权力情绪战降权。</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 8. 方法清单（配图） -->
|
||
<div class="slide" id="slide-8" style="background: #0F1412; flex-direction: row; align-items: center; gap: 64px; padding: 64px 80px;">
|
||
<div class="img-wrap" style="width: 520px; height: 420px; flex-shrink: 0;">
|
||
<img src="file:///Users/karuo/Documents/卡若Ai的文件夹/图片/naval_09_methods.png" alt="">
|
||
</div>
|
||
<div style="flex: 1;">
|
||
<span class="icon" style="color: rgba(255,255,255,0.7);">🌱</span>
|
||
<h1 style="color: #FAFAFA; margin: 16px 0 18px;">三类杠杆动作</h1>
|
||
<ul style="color: rgba(255,255,255,0.92);">
|
||
<li style="color: rgba(255,255,255,0.9);">选择：选问题、选输入、选评价函数。</li>
|
||
<li style="color: rgba(255,255,255,0.9);">行动：可逆小行动、并行试错、快速迭代。</li>
|
||
<li style="color: rgba(255,255,255,0.9);">沉淀：产品化结构、复利资产清单净增。</li>
|
||
</ul>
|
||
<p style="color: rgba(255,255,255,0.5); font-size: 16px; margin-top: 20px;">提示：把“想清楚”改成“先做一小步拿反馈”。</p>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 9. 问答 1 -->
|
||
<div class="slide" id="slide-9" style="background: #12101A; flex-direction: row; align-items: center; gap: 64px; padding: 64px 80px;">
|
||
<div class="img-wrap" style="width: 520px; height: 420px; flex-shrink: 0;">
|
||
<img src="file:///Users/karuo/Documents/卡若Ai的文件夹/图片/naval_10_qa1.png" alt="">
|
||
</div>
|
||
<div style="flex: 1;">
|
||
<span class="icon" style="color: rgba(255,255,255,0.7);">❓</span>
|
||
<h1 style="color: #FAFAFA; margin: 16px 0 10px;">高频问题（1/2）</h1>
|
||
<p style="color: rgba(255,255,255,0.6); font-size: 18px;">把访谈变成可照抄回答</p>
|
||
<ul style="margin-top: 18px;">
|
||
<li style="color: rgba(255,255,255,0.9);">快乐延后？→ 先解绑幸福与条件。</li>
|
||
<li style="color: rgba(255,255,255,0.9);">财富 or 地位？→ 先选自由或认可。</li>
|
||
<li style="color: rgba(255,255,255,0.9);">被评价牵着走？→ 换成可控指标。</li>
|
||
<li style="color: rgba(255,255,255,0.9);">直觉不靠谱？→ 当作“补证据提示”。</li>
|
||
<li style="color: rgba(255,255,255,0.9);">信息过载？→ 建输入过滤系统。</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 10. 问答 2 -->
|
||
<div class="slide" id="slide-10" style="background: #1A1210; flex-direction: row; align-items: center; gap: 64px; padding: 64px 80px;">
|
||
<div class="img-wrap" style="width: 520px; height: 420px; flex-shrink: 0;">
|
||
<img src="file:///Users/karuo/Documents/卡若Ai的文件夹/图片/naval_11_qa2.png" alt="">
|
||
</div>
|
||
<div style="flex: 1;">
|
||
<span class="icon" style="color: rgba(255,255,255,0.7);">❓</span>
|
||
<h1 style="color: #FAFAFA; margin: 16px 0 10px;">高频问题（2/2）</h1>
|
||
<p style="color: rgba(255,255,255,0.6); font-size: 18px;">长期主义的落地方式</p>
|
||
<ul style="margin-top: 18px;">
|
||
<li style="color: rgba(255,255,255,0.9);">灵感落地难？→ 先做“最小模板”。</li>
|
||
<li style="color: rgba(255,255,255,0.9);">想多做少？→ 24小时内做可逆动作。</li>
|
||
<li style="color: rgba(255,255,255,0.9);">焦虑失控？→ 先观察，再决策。</li>
|
||
<li style="color: rgba(255,255,255,0.9);">意义摇摆？→ 统一尺度（1年/3年）。</li>
|
||
<li style="color: rgba(255,255,255,0.9);">长期系统？→ 复利资产清单净增。</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 11. 流程图 -->
|
||
<div class="slide" id="slide-11" style="background: #0D1220; flex-direction: row; align-items: center; gap: 64px; padding: 64px 80px;">
|
||
<div class="img-wrap" style="width: 560px; height: 420px; flex-shrink: 0;">
|
||
<img src="file:///Users/karuo/Documents/卡若Ai的文件夹/图片/naval_13_flow.png" alt="">
|
||
</div>
|
||
<div style="flex: 1;">
|
||
<span class="icon" style="color: rgba(255,255,255,0.7);">🔁</span>
|
||
<h1 style="color: #FAFAFA; margin: 16px 0 18px;">从选择到自由的闭环</h1>
|
||
<ul>
|
||
<li style="color: rgba(255,255,255,0.9);">先区分目标：财富 vs 地位。</li>
|
||
<li style="color: rgba(255,255,255,0.9);">行动采样：可逆小步拿反馈。</li>
|
||
<li style="color: rgba(255,255,255,0.9);">产品化沉淀：模板/系统可复用。</li>
|
||
<li style="color: rgba(255,255,255,0.9);">复利净增：边界+过滤，让系统不崩盘。</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 12. 金句（改写版） -->
|
||
<div class="slide" id="slide-12" style="background: #1A1A1A; flex-direction: row; align-items: center; gap: 64px; padding: 64px 80px;">
|
||
<div class="img-wrap" style="width: 380px; height: 380px; flex-shrink: 0; opacity: 0.9;">
|
||
<img src="file:///Users/karuo/Documents/卡若Ai的文件夹/图片/naval_08_quote.png" alt="">
|
||
</div>
|
||
<div style="flex: 1;">
|
||
<span class="icon" style="color: rgba(255,255,255,0.55);">“</span>
|
||
<p class="quote" style="color: #FAFAFA; margin: 10px 0 18px;">
|
||
幸福不是终点奖杯，<br>
|
||
是系统运行的副产品。
|
||
</p>
|
||
<p style="color: rgba(255,255,255,0.7); font-size: 20px; line-height: 1.7;">
|
||
把观点当迭代，不当身份；<br>
|
||
把灵感做成结构，不让它过期。
|
||
</p>
|
||
<span class="icon" style="color: rgba(255,255,255,0.55); margin-top: 10px; display: inline-block;">”</span>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 13. 关键词 -->
|
||
<div class="slide" id="slide-13" style="background: #FAF8F5; flex-direction: row; align-items: center; gap: 64px;">
|
||
<div class="img-wrap" style="width: 420px; height: 420px; flex-shrink: 0;">
|
||
<img src="file:///Users/karuo/Documents/卡若Ai的文件夹/图片/naval_12_keywords.png" alt="">
|
||
</div>
|
||
<div style="flex: 1;">
|
||
<span class="icon" style="color: #6B7280;">🔑</span>
|
||
<h1 style="color: #1A1A1A; margin: 16px 0 10px;">关键词</h1>
|
||
<p class="lead" style="color: #4A4A4A; font-size: 26px;">幸福 · 欲望合约 · 财富/地位区分 · 产品化 · 复利系统</p>
|
||
<p style="color: #8A8A8A; font-size: 18px; margin-top: 34px;">使用顺序：先金（区分）→ 再木（动作）→ 再土（系统）</p>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 14. 7天行动 -->
|
||
<div class="slide" id="slide-14" style="background: #0E1626; flex-direction: row; align-items: center; gap: 64px; padding: 64px 80px;">
|
||
<div class="img-wrap" style="width: 560px; height: 420px; flex-shrink: 0;">
|
||
<img src="file:///Users/karuo/Documents/卡若Ai的文件夹/图片/naval_14_action.png" alt="">
|
||
</div>
|
||
<div style="flex: 1;">
|
||
<span class="icon" style="color: rgba(255,255,255,0.7);">📌</span>
|
||
<h1 style="color: #FAFAFA; margin: 16px 0 14px;">补齐 Day6～Day7</h1>
|
||
<ul>
|
||
<li style="color: rgba(255,255,255,0.9);">Day6：做一次复利资产盘点（技能/健康/内容/判断）。</li>
|
||
<li style="color: rgba(255,255,255,0.9);">Day7：复盘并删除 1 个消耗项（输入/关系/习惯）。</li>
|
||
<li style="color: rgba(255,255,255,0.9);">原则：每天只做一件“净增”的事。</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 15. 结尾 -->
|
||
<div class="slide" id="slide-15" style="background: #0F0F0F; flex-direction: row; align-items: center; gap: 64px; padding: 64px 80px;">
|
||
<div class="img-wrap" style="width: 520px; height: 420px; flex-shrink: 0;">
|
||
<img src="file:///Users/karuo/Documents/卡若Ai的文件夹/图片/naval_15_end.png" alt="">
|
||
</div>
|
||
<div style="flex: 1;">
|
||
<span class="icon" style="color: rgba(255,255,255,0.6);">✨</span>
|
||
<h1 style="color: #FAFAFA; margin: 16px 0 14px;">从今天开始</h1>
|
||
<p class="lead" style="color: rgba(255,255,255,0.75); font-size: 26px;">
|
||
做一个可逆的小动作，<br>
|
||
拿一次真实反馈，<br>
|
||
让系统净增一点点。
|
||
</p>
|
||
<p style="color: rgba(255,255,255,0.35); font-size: 16px; margin-top: 26px;">（PPT v2：去重 + 可执行）</p>
|
||
</div>
|
||
</div>
|
||
</body>
|
||
</html>
|