蒸汽、钢铁与无限心智我们是否正在重复100年前工厂主的错误？

✨步子哥 (steper) • 2026年01月27日 11:59
                        <!DOCTYPE html><html lang="zh-CN"><head>
    <meta charset="UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <title>蒸汽、钢铁与无限心智：我们是否正在重复100年前工厂主的错误？</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/js/all.min.js"></script>
    <link href="https://fonts.googleapis.com/css2?family=Crimson+Text:ital,wght@0,400;0,600;1,400&amp;family=Inter:wght@300;400;500;600;700&amp;display=swap" rel="stylesheet"/>
    <style>
        :root {
            --sepia: #f5f1e8;
            --sepia-dark: #e8dcc6;
            --charcoal: #2c2c2c;
            --burgundy: #722f37;
            --burgundy-light: #9c4750;
        }
        
        body {
            font-family: 'Inter', sans-serif;
            background-color: var(--sepia);
            color: var(--charcoal);
            line-height: 1.7;
        }
        
        .serif {
            font-family: 'Crimson Text', serif;
        }
        
        .hero-overlay {
            background: linear-gradient(135deg, rgba(114, 47, 55, 0.8) 0%, rgba(44, 44, 44, 0.9) 100%);
        }
        
        .waterwheel-pattern {
            background-image: 
                radial-gradient(circle at 25% 25%, rgba(114, 47, 55, 0.1) 0%, transparent 50%),
                radial-gradient(circle at 75% 75%, rgba(44, 44, 44, 0.1) 0%, transparent 50%);
        }
        
        .toc-fixed {
            position: fixed;
            left: 2rem;
            top: 50%;
            transform: translateY(-50%);
            width: 80px;
            max-height: 80vh;
            overflow-y: auto;
            z-index: 50;
            backdrop-filter: blur(10px);
            background: rgba(245, 241, 232, 0.95);
            border: 1px solid rgba(114, 47, 55, 0.2);
        }
        
        .content-main {
            margin-left: 80px;
            max-width: 900px;
        }
        
        .citation-link {
            color: var(--burgundy);
            text-decoration: none;
            font-weight: 500;
            border-bottom: 1px dotted var(--burgundy);
        }
        
        .citation-link:hover {
            background-color: rgba(114, 47, 55, 0.1);
        }
        
        .bento-grid {
            display: grid;
            grid-template-columns: 2fr 1fr;
            grid-template-rows: auto auto;
            gap: 2rem;
            height: 70vh;
        }
        
        .bento-main {
            grid-row: 1 / 3;
            position: relative;
            overflow: hidden;
        }
        
        .chart-container {
            background: white;
            border-radius: 12px;
            padding: 2rem;
            box-shadow: 0 8px 32px rgba(0,0,0,0.1);
            border: 1px solid rgba(114, 47, 55, 0.1);
        }
        
        <span class="mention-invalid">@media</span> (max-width: 1280px) {
            .toc-fixed {
                position: relative;
                left: auto;
                top: auto;
                transform: none;
                width: 100%;
                margin-bottom: 2rem;
            }
            .content-main {
                margin-left: 0;
            }
        }
        
        <span class="mention-invalid">@media</span> (max-width: 768px) {
            .toc-fixed {
                display: none;
            }
            
            .content-main {
                margin-left: 0;
                padding: 0 1rem;
            }
            
            .bento-grid {
                grid-template-columns: 1fr;
                grid-template-rows: auto auto auto;
                height: auto;
            }
            
            .bento-main {
                grid-row: 1;
            }
            
            .hero-overlay .text-center h1 {
                font-size: 1.5rem;
            }
            
            .hero-overlay .text-center p {
                font-size: 0.875rem;
            }
            
            .section-divider {
                margin: 1rem 0;
            }
        }
        
        .section-divider {
            height: 2px;
            background: linear-gradient(90deg, var(--burgundy) 0%, transparent 100%);
            margin: 3rem 0;
        }
        
        .highlight-box {
            background: linear-gradient(135deg, rgba(114, 47, 55, 0.05) 0%, rgba(44, 44, 44, 0.02) 100%);
            border-left: 4px solid var(--burgundy);
        }
    </style>
  <base target="_blank">
</head>

  <body class="waterwheel-pattern">
    <!-- Fixed Table of Contents -->
    <nav class="toc-fixed rounded-lg shadow-lg p-6">
      <h3 class="serif text-lg font-semibold text-burgundy mb-4">目录</h3>
      <ul class="space-y-2 text-sm">
        <li>
          <a href="#executive-summary" class="citation-link">执行摘要</a>
        </li>
        <li>
          <a href="#core-argument" class="citation-link">核心论点</a>
        </li>
        <li>
          <a href="#transformation-framework" class="citation-link">变革框架</a>
          <ul class="ml-4 mt-1 space-y-1 text-xs">
            <li>
              <a href="#individual-level" class="citation-link">个体层面</a>
            </li>
            <li>
              <a href="#organizational-level" class="citation-link">组织层面</a>
            </li>
            <li>
              <a href="#economic-level" class="citation-link">经济层面</a>
            </li>
          </ul>
        </li>
        <li>
          <a href="#breakthrough-barriers" class="citation-link">突破障碍</a>
        </li>
        <li>
          <a href="#future-vision" class="citation-link">未来愿景</a>
        </li>
        <li>
          <a href="#conclusion" class="citation-link">结论</a>
        </li>
      </ul>
    </nav>

    <!-- Main Content -->
    <main class="content-main px-8 py-12">
   
      <!-- Executive Summary -->
      <section id="executive-summary" class="mb-16">
        <div class="highlight-box rounded-xl p-8 mb-8">
          <h2 class="serif text-3xl font-bold text-burgundy mb-6">执行摘要</h2>
          <div class="prose prose-lg max-w-none">
            <p class="text-lg leading-relaxed mb-4">
              <strong>是的，我们正在重复100年前工厂主的错误。</strong> Notion创始人Ivan Zhao在《蒸汽、钢铁与无限心智》中指出，当前绝大多数AI应用正重蹈19世纪工厂主的覆辙——将AI简单&#34;嫁接&#34;在现有工作流程上，仅获得<strong>适度收益（modest gains）</strong>，而非真正的<strong>生产力爆炸（productivity explosion）</strong>。
            </p>
            <p class="text-lg leading-relaxed">
              真正的突破需要摆脱&#34;水源束缚&#34;（人类认知与沟通带宽的限制），从&#34;工具替换&#34;转向&#34;系统再造&#34;，构建由&#34;无限心智&#34;驱动的全新组织形态。这不仅是技术问题，更是认知框架和组织范式的根本转变。
            </p>
          </div>
        </div>
      </section>

      <div class="section-divider"></div>

      <!-- Core Argument -->
      <section id="core-argument" class="mb-16">
        <h2 class="serif text-4xl font-bold text-burgundy mb-8">核心论点：历史隐喻下的&#34;水轮阶段&#34;困境</h2>

        <div class="mb-12">
          <h3 class="serif text-2xl font-semibold text-charcoal mb-6">工业革命的历史镜鉴</h3>

          <div class="bg-white rounded-lg p-8 shadow-lg border border-burgundy/10 mb-8">
            <h4 class="text-xl font-semibold text-burgundy mb-4">蒸汽机初期的认知局限</h4>
            <p class="mb-4">
              在工业革命初期，英国兰开夏郡的纺织工厂最初依河而建，依靠水车驱动机械运转。当蒸汽机问世后，工厂主们的第一反应并非重构生产体系，而是采取了最为保守的<strong>&#34;水轮替换&#34;（swap out the waterwheel）</strong>策略——简单地将水车拆除，在原位置安装蒸汽机，却保留了原有的厂房布局、生产流程、组织架构乃至河边选址。
              <a href="https://www.notion.com/blog/steam-steel-and-infinite-minds-ai" class="citation-link">[214]</a>
            </p>
            <p class="text-burgundy font-medium">
              结果：生产力提升极其有限（modest gains），远未达到蒸汽技术的变革潜力。
              <a href="https://www.notion.com/blog/steam-steel-and-infinite-minds-ai" class="citation-link">[285]</a>
            </p>
          </div>

          <div class="bg-gradient-to-r from-burgundy/5 to-charcoal/5 rounded-lg p-8 mb-8">
            <h4 class="text-xl font-semibold text-burgundy mb-4">生产力爆发的真正源泉</h4>
            <p class="mb-4">
              真正的突破来自少数具有前瞻性的工厂主意识到可以<strong>彻底摆脱水源束缚（decouple from water entirely）</strong>。他们将工厂迁移至更靠近工人聚居区、港口和原材料产地的地方，并围绕蒸汽机的特性重新设计了整个生产布局。
              <a href="https://www.notion.com/blog/steam-steel-and-infinite-minds-ai" class="citation-link">[190]</a>
            </p>
            <div class="grid grid-cols-1 md:grid-cols-2 gap-4 mt-6">
              <div class="bg-white rounded p-4 border border-burgundy/20">
                <h5 class="font-semibold text-burgundy mb-2">水轮替换阶段</h5>
                <ul class="text-sm space-y-1">
                  <li>• 保留河边选址</li>
                  <li>• 维持原有布局</li>
                  <li>• 简单动力替换</li>
                  <li>• 适度收益</li>
                </ul>
              </div>
              <div class="bg-white rounded p-4 border border-burgundy/20">
                <h5 class="font-semibold text-burgundy mb-2">系统重构阶段</h5>
                <ul class="text-sm space-y-1">
                  <li>• 摆脱地理束缚</li>
                  <li>• 重设计生产流程</li>
                  <li>• 分布式动力配置</li>
                  <li>• 生产力爆炸</li>
                </ul>
              </div>
            </div>
          </div>
        </div>

        <div class="mb-12">
          <h3 class="serif text-2xl font-semibold text-charcoal mb-6">当前AI应用的范式误区</h3>

          <div class="bg-white rounded-lg p-8 shadow-lg border border-burgundy/10 mb-8">
            <blockquote class="text-lg italic text-burgundy border-l-4 border-burgundy pl-6 mb-6">
              &#34;我们仍然处于&#39;更换水轮&#39;阶段&#34;（We&#39;re still in the &#34;swap out the waterwheel&#34; phase）
              <a href="https://www.notion.com/blog/steam-steel-and-infinite-minds-ai" class="citation-link">[190]</a>
            </blockquote>

            <p class="mb-4">
              这一阶段的典型表现是将AI聊天机器人（AI chatbots）生硬地<strong>嫁接（bolted onto）</strong>到现有的软件工具与业务流程中。当前市场上绝大多数AI应用属于此类&#34;工具化嫁接&#34;：在客户关系管理系统中添加AI聊天窗口，在文档编辑器中嵌入AI写作助手，将AI作为&#34;副驾驶&#34;（copilot）功能整合进现有协作平台。
              <a href="https://www.notion.com/blog/steam-steel-and-infinite-minds-ai" class="citation-link">[315]</a>
              <a href="https://www.htx.com/tr-tr/news/steam-steel-and-infinite-intelligence-sPRcVBHr/" class="citation-link">[493]</a>
            </p>

            <div class="bg-burgundy/5 rounded-lg p-6 mt-6">
              <h5 class="font-semibold text-burgundy mb-3">组织形态的惯性依赖</h5>
              <p class="text-sm">
                现代公司的组织架构起源于19世纪铁路公司协调数千人的需求，其本质是解决<strong>人类沟通基础设施</strong>在规模扩张时的承重问题。当前企业仍然依赖层级结构、同步会议和人工审批来协调工作，这些机制都是基于&#34;人类是唯一的认知主体&#34;这一隐含假设设计的。
                <a href="https://www.notion.com/blog/steam-steel-and-infinite-minds-ai" class="citation-link">[314]</a>
              </p>
            </div>
          </div>
        </div>
      </section>

      <div class="section-divider"></div>

      <!-- Transformation Framework -->
      <section id="transformation-framework" class="mb-16">
        <h2 class="serif text-4xl font-bold text-burgundy mb-8">三层变革框架：从个体到经济体的范式跃迁</h2>

        <!-- Individual Level -->
        <div id="individual-level" class="mb-12">
          <h3 class="serif text-2xl font-semibold text-charcoal mb-6">个体层面：从&#34;自行车&#34;到&#34;自动驾驶&#34;的认知升级</h3>

          <div class="bg-white rounded-lg p-8 shadow-lg border border-burgundy/10 mb-8">
            <h4 class="text-xl font-semibold text-burgundy mb-4">知识工作者的进化路径</h4>
            <p class="mb-4">
              Zhao构建了一个从<strong>&#34;自行车&#34;到&#34;汽车&#34;再到&#34;自动驾驶&#34;</strong>的进化框架。这一框架的灵感源自Steve Jobs在1980年代将个人电脑比作<strong>&#34;思维的自行车&#34;（bicycles for the mind）</strong>——计算机增强了人类智力，但仍需人力驱动。
              <a href="https://blog.csdn.net/u013669912/article/details/157218762" class="citation-link">[315]</a>
            </p>

            <div class="bg-gradient-to-r from-burgundy/5 to-charcoal/5 rounded-lg p-6 mb-6">
              <h5 class="font-semibold text-burgundy mb-3">Simon的案例：从10倍到30-40倍工程师</h5>
              <p class="text-sm mb-3">
                Notion联合创始人Simon原本已是业界公认的<strong>&#34;10倍效率程序员&#34;（10× programmer）</strong>，但在采用AI编程智能体后，他很少亲自编写代码，而是同时编排三四个AI代理协同工作。
                <a href="https://blog.csdn.net/u013669912/article/details/157218762" class="citation-link">[576]</a>
              </p>
              <p class="text-sm text-burgundy font-medium">
                结果：整体生产力跃升至<strong>&#34;30-40倍工程师&#34;（30-40× engineer）</strong>的水平
                <a href="https://blog.csdn.net/u013669912/article/details/157218762" class="citation-link">[805]</a>
              </p>
            </div>

            <!-- Evolution Chart -->
            <div class="chart-container">
              <h5 class="text-lg font-semibold text-charcoal mb-4 text-center">知识工作者生产力进化阶段</h5>
              <div class="overflow-x-auto">
                <table class="w-full text-sm">
                  <thead>
                    <tr class="border-b border-burgundy/20">
                      <th class="text-left py-3 px-4 font-semibold text-burgundy">进化阶段</th>
                      <th class="text-left py-3 px-4 font-semibold text-burgundy">动力来源</th>
                      <th class="text-left py-3 px-4 font-semibold text-burgundy">效率倍数</th>
                      <th class="text-left py-3 px-4 font-semibold text-burgundy">工作模式特征</th>
                      <th class="text-left py-3 px-4 font-semibold text-burgundy">关键转变</th>
                    </tr>
                  </thead>
                  <tbody class="divide-y divide-gray-200">
                    <tr class="hover:bg-burgundy/5">
                      <td class="py-3 px-4 font-medium">自行车阶段</td>
                      <td class="py-3 px-4">人力驱动</td>
                      <td class="py-3 px-4">1-10x</td>
                      <td class="py-3 px-4">个人执行所有任务，依赖体力/脑力</td>
                      <td class="py-3 px-4">基础工具使用</td>
                    </tr>
                    <tr class="hover:bg-burgundy/5">
                      <td class="py-3 px-4 font-medium">10x工程师</td>
                      <td class="py-3 px-4">高度熟练</td>
                      <td class="py-3 px-4">10x</td>
                      <td class="py-3 px-4">技能卓越，效率远超常人</td>
                      <td class="py-3 px-4">深度专业精通</td>
                    </tr>
                    <tr class="hover:bg-burgundy/5 bg-burgundy/10">
                      <td class="py-3 px-4 font-medium text-burgundy">30-40x工程师</td>
                      <td class="py-3 px-4">AI编排</td>
                      <td class="py-3 px-4 font-bold text-burgundy">30-40x</td>
                      <td class="py-3 px-4">多智能体管理，异步任务队列</td>
                      <td class="py-3 px-4 font-semibold">从执行到编排</td>
                    </tr>
                    <tr class="hover:bg-burgundy/5">
                      <td class="py-3 px-4 font-medium">自动驾驶阶段</td>
                      <td class="py-3 px-4">自主系统</td>
                      <td class="py-3 px-4">100x+</td>
                      <td class="py-3 px-4">AI主导、人类监督，持续运转</td>
                      <td class="py-3 px-4">杠杆式监督</td>
                    </tr>
                  </tbody>
                </table>
              </div>
              <p class="text-xs text-gray-500 mt-2 text-right">
                数据来源：<a href="https://blog.csdn.net/u013669912/article/details/157218762" class="citation-link">[576]</a>
                <a href="https://blog.csdn.net/u013669912/article/details/157218762" class="citation-link">[805]</a>
                <a href="https://www.notion.com/en-gb/blog/steam-steel-and-infinite-minds-ai" class="citation-link">[830]</a>
              </p>
            </div>
          </div>
        </div>

        <!-- Organizational Level -->
        <div id="organizational-level" class="mb-12">
          <h3 class="serif text-2xl font-semibold text-charcoal mb-6">组织层面：AI作为&#34;钢材&#34;的结构革命</h3>

          <div class="bg-white rounded-lg p-8 shadow-lg border border-burgundy/10 mb-8">
            <h4 class="text-xl font-semibold text-burgundy mb-4">沟通基础设施的承重墙困境</h4>

            <div class="grid grid-cols-1 md:grid-cols-2 gap-6 mb-6">
              <div class="bg-burgundy/5 rounded-lg p-6">
                <h5 class="font-semibold text-burgundy mb-3">木质摩天大楼的局限</h5>
                <p class="text-sm mb-3">
                  当前企业的沟通基础设施比作<strong>&#34;用木材建造摩天大楼&#34;</strong>：依赖人类大脑通过会议与消息进行连接，这种&#34;人肉基础设施&#34;在组织规模呈指数级增长时必然崩溃。
                  <a href="https://www.notion.com/blog/steam-steel-and-infinite-minds-ai" class="citation-link">[314]</a>
                </p>
                <ul class="text-xs space-y-1 text-gray-600">
                  <li>• 每一层决策都需要会议对齐</li>
                  <li>• 每一个跨部门协作都需要多层审批</li>
                  <li>• 每一次信息传递都需要人工确认</li>
                </ul>
              </div>

              <div class="bg-charcoal/5 rounded-lg p-6">
                <h5 class="font-semibold text-charcoal mb-3">钢材效应</h5>
                <p class="text-sm mb-3">
                  AI被定义为<strong>&#34;组织的钢材&#34;（AI is steel for organizations）</strong>，具有在工作流程中维持上下文连贯性，并在需要时精准呈现决策而不引入噪音的能力。
                  <a href="https://www.notion.com/blog/steam-steel-and-infinite-minds-ai" class="citation-link">[575]</a>
                </p>
                <ul class="text-xs space-y-1 text-gray-600">
                  <li>• 沟通降噪：2小时会议 → 5分钟异步审阅</li>
                  <li>• 决策加速：三级审批 → 几分钟完成</li>
                  <li>• 规模无损：真正规模化而不效率衰减</li>
                </ul>
              </div>
            </div>

            <div class="highlight-box rounded-lg p-6">
              <blockquote class="text-lg italic text-burgundy mb-3">
                &#34;AI is steel for organizations&#34;
              </blockquote>
              <p class="text-sm">
                钢材既坚固又具有延展性，使建筑框架可以更轻、墙壁更薄，建筑物可以拔地而起数十层。同样，AI作为组织钢材，能够维持跨工作流的上下文，并在需要时精准呈现决策。
                <a href="https://www.notion.com/blog/steam-steel-and-infinite-minds-ai" class="citation-link">[575]</a>
              </p>
            </div>
          </div>

          <div class="bg-gradient-to-r from-burgundy/5 to-charcoal/5 rounded-lg p-8">
            <h4 class="text-xl font-semibold text-burgundy mb-4">Notion的实验场：700+智能体与1000员工的协同实践</h4>
            <p class="mb-4">
              Notion自身成为了这一组织变革的实验场。Zhao披露，在其<strong>1000名员工</strong>之外，公司目前部署了超过<strong>700个AI智能体</strong>处理重复性工作。
              <a href="https://www.notion.com/blog/steam-steel-and-infinite-minds-ai" class="citation-link">[190]</a>
              <a href="https://www.notion.com/blog/steam-steel-and-infinite-minds-ai" class="citation-link">[720]</a>
            </p>

            <div class="grid grid-cols-1 md:grid-cols-3 gap-4 mb-6">
              <div class="bg-white rounded p-4 border border-burgundy/20">
                <h5 class="font-semibold text-burgundy mb-2 text-sm">会议与文档</h5>
                <p class="text-xs">记录会议纪要并提取行动项、撰写每周状态报告</p>
              </div>
              <div class="bg-white rounded p-4 border border-burgundy/20">
                <h5 class="font-semibold text-burgundy mb-2 text-sm">内部支持</h5>
                <p class="text-xs">回答内部问题、处理IT支持请求、协助新员工入职</p>
              </div>
              <div class="bg-white rounded p-4 border border-burgundy/20">
                <h5 class="font-semibold text-burgundy mb-2 text-sm">客户相关</h5>
                <p class="text-xs">记录客户反馈、整合客户洞察、处理客户请求</p>
              </div>
            </div>

            <div class="bg-burgundy/10 rounded-lg p-4">
              <p class="text-sm text-burgundy font-medium">
                这一比例（0.7个代理 per 员工）已经相当可观，但Zhao强调这仅仅是<strong>&#34;婴儿学步&#34;（baby steps）</strong>，真正的突破需要彻底摆脱&#34;水轮思维&#34;。
                <a href="https://www.notion.com/blog/steam-steel-and-infinite-minds-ai" class="citation-link">[720]</a>
              </p>
            </div>
          </div>
        </div>

        <!-- Economic Level -->
        <div id="economic-level" class="mb-12">
          <h3 class="serif text-2xl font-semibold text-charcoal mb-6">经济层面：从佛罗伦萨到东京的城市隐喻</h3>

          <div class="bg-white rounded-lg p-8 shadow-lg border border-burgundy/10 mb-8">
            <div class="grid grid-cols-1 md:grid-cols-2 gap-8">
              <div>
                <h4 class="text-xl font-semibold text-burgundy mb-4">人文尺度的终结</h4>
                <img src="https://kimi-web-img.moonshot.cn/img/www.pelago.com/8fe1a4fc21e9ad111fae5d1e623ee675329cafec.jpg" alt="佛罗伦萨古城人文尺度城市景观" class="w-full h-48 object-cover rounded-lg mb-4" size="medium" aspect="wide" style="photo" query="佛罗伦萨古城景观" referrerpolicy="no-referrer" data-modified="1" data-score="0.00"/>
                <p class="text-sm mb-4">
                  几百年前的城市是<strong>&#34;人文尺度&#34;（human-scaled）</strong>的——你可以在四十分钟内步行穿越整个佛罗伦萨，生活节奏由人的步行距离与声音传播范围决定。这种尺度限制了城市的密度、多样性与经济复杂度。
                  <a href="https://view.inews.qq.com/a/20251229A01QYA00" class="citation-link">[726]</a>
                </p>
                <div class="bg-burgundy/5 rounded p-4">
                  <p class="text-xs text-burgundy">
                    当前的知识经济比作<strong>&#34;佛罗伦萨&#34;</strong>——团队规模通常限制在数十人，工作流程由会议与邮件的节奏决定，组织在超过几百人时就会开始崩溃。
                    <a href="https://view.inews.qq.com/a/20251229A01QYA00" class="citation-link">[764]</a>
                  </p>
                </div>
              </div>

              <div>
                <h4 class="text-xl font-semibold text-burgundy mb-4">超级城市的崛起</h4>
                <img src="https://kimi-web-img.moonshot.cn/img/static.gltjp.com/3b0285051a783a67351d57a6ece2d56a0319fccb.webp" alt="东京城市夜景" class="w-full h-48 object-cover rounded-lg mb-4" size="medium" aspect="wide" style="photo" query="东京夜景" referrerpolicy="no-referrer" data-modified="1" data-score="0.00"/>
                <p class="text-sm mb-4">
                  钢材与蒸汽机不仅改变了建筑与工厂，更改变了城市本身：钢框架使摩天大楼成为可能，蒸汽机驱动的铁路连接了市中心与腹地，城市在规模与密度上爆炸式增长——<strong>东京、重庆、达拉斯</strong>等超级城市应运而生。
                  <a href="https://view.inews.qq.com/a/20251229A01QYA00" class="citation-link">[726]</a>
                </p>
                <div class="bg-charcoal/5 rounded p-4">
                  <p class="text-xs text-charcoal">
                    这些超级城市不仅仅是&#34;更大的佛罗伦萨&#34;，而是<strong>根本不同的生活方式</strong>。它们是令人迷失的、匿名的、难以导航的，但提供了更多的机会、更多的自由、更多的人以更多的组合方式做着更多的事情。
                    <a href="https://view.inews.qq.com/a/20251229A01QYA00" class="citation-link">[755]</a>
                  </p>
                </div>
              </div>
            </div>
          </div>

          <div class="highlight-box rounded-lg p-8">
            <h4 class="text-xl font-semibold text-burgundy mb-4">组织密度的爆炸</h4>
            <p class="mb-4">
              当AI智能体大规模上线时，我们将从建造&#34;佛罗伦萨&#34;转向建造&#34;东京&#34;——<strong>跨越数千个智能体和人类的组织，工作流程跨时区持续运转，无需等待某人醒来</strong>。
              <a href="https://view.inews.qq.com/a/20251229A01QYA00" class="citation-link">[726]</a>
            </p>

            <div class="grid grid-cols-1 md:grid-cols-2 gap-6 mb-6">
              <div class="bg-white rounded-lg p-6 border border-burgundy/20">
                <h5 class="font-semibold text-burgundy mb-3">当前状态：&#34;稀疏&#34;组织</h5>
                <ul class="text-sm space-y-2">
                  <li>• 大量人类时间浪费在会议、协调、等待</li>
                  <li>• 上下文切换消耗认知资源</li>
                  <li>• 规模扩大导致效率衰减</li>
                  <li>• 受限于人类生物节律和地理分布</li>
                </ul>
              </div>

              <div class="bg-white rounded-lg p-6 border border-burgundy/20">
                <h5 class="font-semibold text-burgundy mb-3">未来状态：&#34;密集&#34;组织</h5>
                <ul class="text-sm space-y-2">
                  <li>• 智能体持续运转，24/7不间断</li>
                  <li>• 人类专注于关键决策和创造性突破</li>
                  <li>• 1000个人类 + 10000个智能体的组合</li>
                  <li>• 跨时区、多语言、全球运营能力</li>
                </ul>
              </div>
            </div>

            <div class="bg-burgundy/10 rounded-lg p-4">
              <p class="text-sm text-burgundy font-medium">
                这将重新定义&#34;公司&#34;的边界：一个只有100人的公司可能拥有10000个智能体，提供相当于传统数万人公司的服务能力。
                <a href="https://view.inews.qq.com/a/20251229A01QYA00" class="citation-link">[726]</a>
              </p>
            </div>
          </div>
        </div>
      </section>

      <div class="section-divider"></div>

      <!-- Breakthrough Barriers -->
      <section id="breakthrough-barriers" class="mb-16">
        <h2 class="serif text-4xl font-bold text-burgundy mb-8">突破瓶颈：跨越水轮阶段的两大障碍</h2>

        <div class="grid grid-cols-1 md:grid-cols-2 gap-8 mb-12">
          <div class="bg-white rounded-lg p-8 shadow-lg border border-burgundy/10">
            <h3 class="serif text-xl font-semibold text-burgundy mb-4">
              <i class="fas fa-puzzle-piece mr-2"></i>
              情境碎片化（Context Fragmentation）
            </h3>

            <div class="mb-6">
              <img src="https://kimi-web-img.moonshot.cn/img/support.huaweicloud.com/6c77cbcd68e6b4e11613b43974d8bedc536d4ffa.png" alt="企业软件工具界面展示信息孤岛问题" class="w-full h-32 object-cover rounded-lg mb-4" size="small" aspect="wide" style="photo" query="企业软件工具界面" referrerpolicy="no-referrer" data-modified="1" data-score="0.00"/>
            </div>

            <p class="text-sm mb-4">
              与编程相比，AI更难助力通用知识工作的首要原因是<strong>情境碎片化</strong>。编程工作的工具和背景高度集中：IDE、代码仓库、终端，所有相关信息都在一个相对封闭和结构化的环境中。
              <a href="https://www.notion.com/en-gb/blog/steam-steel-and-infinite-minds-ai" class="citation-link">[485]</a>
            </p>

            <div class="bg-burgundy/5 rounded-lg p-4 mb-4">
              <h5 class="font-semibold text-burgundy mb-2 text-sm">问题表现</h5>
              <ul class="text-xs space-y-1">
                <li>• 知识工作分散在数十种工具中</li>
                <li>• Slack讨论、策略文档、数据面板、人脑记忆</li>
                <li>• 人类充当&#34;人肉API&#34;进行复制粘贴和标签页切换</li>
              </ul>
            </div>

            <div class="bg-charcoal/5 rounded-lg p-4">
              <h5 class="font-semibold text-charcoal mb-2 text-sm">解决方案</h5>
              <p class="text-xs">
                需要上下文整合技术突破：统一知识图谱、跨工具API集成、结构化信息存储。
                <a href="https://www.notion.com/en-gb/blog/steam-steel-and-infinite-minds-ai" class="citation-link">[601]</a>
              </p>
            </div>
          </div>

          <div class="bg-white rounded-lg p-8 shadow-lg border border-burgundy/10">
            <h3 class="serif text-xl font-semibold text-burgundy mb-4">
              <i class="fas fa-check-circle mr-2"></i>
              可验证性危机（Verifiability）
            </h3>

            <div class="mb-6">
              <img src="https://kimi-web-img.moonshot.cn/img/www.spasvo.com/1fc2467810dc4c4a912bf00b1f962ad127a1830b.png" alt="代码测试验证通过界面" class="w-full h-32 object-cover rounded-lg mb-4" size="medium" aspect="wide" style="photo" query="代码测试通过界面" referrerpolicy="no-referrer" data-modified="1" data-score="0.00"/>
            </div>

            <p class="text-sm mb-4">
              在编程领域，AI之所以能够快速进化，是因为存在<strong>自动验证机制</strong>：代码可以通过编译器检查、单元测试和集成测试来验证其正确性。这种即时反馈使得AI模型能够通过强化学习不断优化。
              <a href="https://www.notion.com/en-gb/blog/steam-steel-and-infinite-minds-ai" class="citation-link">[485]</a>
            </p>

            <div class="bg-burgundy/5 rounded-lg p-4 mb-4">
              <h5 class="font-semibold text-burgundy mb-2 text-sm">编程领域的优势</h5>
              <ul class="text-xs space-y-1">
                <li>• 确定性（deterministic nature）</li>
                <li>• 可测试性（testability）</li>
                <li>• 快速迭代循环</li>
                <li>• 明确的学习信号</li>
              </ul>
            </div>

            <div class="bg-charcoal/5 rounded-lg p-4">
              <h5 class="font-semibold text-charcoal mb-2 text-sm">非结构化工作的挑战</h5>
              <ul class="text-xs space-y-1">
                <li>• 战略备忘录质量难以自动验证</li>
                <li>• 项目管理决策缺乏客观评估标准</li>
                <li>• &#34;评估延迟&#34;制约AI快速改进</li>
              </ul>
            </div>
          </div>
        </div>

        <div class="highlight-box rounded-lg p-8">
          <h3 class="serif text-2xl font-semibold text-burgundy mb-6">监督范式的转变：从红旗法案到杠杆式监督</h3>

          <div class="grid grid-cols-1 md:grid-cols-2 gap-8 mb-6">
            <div class="bg-white rounded-lg p-6 border border-burgundy/20">
              <h4 class="text-lg font-semibold text-burgundy mb-3">
                <i class="fas fa-flag mr-2"></i>
                红旗法案的教训
              </h4>
              <p class="text-sm mb-3">
                1865年英国《红旗法案》要求汽车上路时必须有人持红旗步行开道，限速4英里/小时，这种过度保守的监管严重阻碍了英国汽车工业的发展。
                <a href="https://www.notion.com/en-gb/blog/steam-steel-and-infinite-minds-ai" class="citation-link">[485]</a>
              </p>
              <div class="bg-burgundy/5 rounded p-3">
                <p class="text-xs text-burgundy">
                  现代版&#34;红旗法案&#34;：要求人类深度介入每个决策的&#34;human-in-the-loop&#34;要求
                </p>
              </div>
            </div>

            <div class="bg-white rounded-lg p-6 border border-burgundy/20">
              <h4 class="text-lg font-semibold text-burgundy mb-3">
                <i class="fas fa-lever mr-2"></i>
                杠杆式监督
              </h4>
              <p class="text-sm mb-3">
                人类不再监督每一个具体决策，而是在更高层次上设定目标、约束条件和验收标准，让AI自主执行并在关键节点进行抽查和审计。
                <a href="https://www.notion.com/en-gb/blog/steam-steel-and-infinite-minds-ai" class="citation-link">[806]</a>
              </p>
              <div class="bg-charcoal/5 rounded p-3">
                <p class="text-xs text-charcoal">
                  类似现代自动驾驶汽车监管：通过安全标准、测试认证和事故问责机制确保系统安全
                </p>
              </div>
            </div>
          </div>
        </div>
      </section>

      <div class="section-divider"></div>

      <!-- Future Vision -->
      <section id="future-vision" class="mb-16">
        <h2 class="serif text-4xl font-bold text-burgundy mb-8">未来图景：超越后视镜思维的组织重构</h2>

        <div class="mb-12">
          <h3 class="serif text-2xl font-semibold text-charcoal mb-6">摆脱路径依赖：从副驾驶到无限心智</h3>

          <div class="bg-white rounded-lg p-8 shadow-lg border border-burgundy/10 mb-8">
            <blockquote class="text-xl italic text-burgundy border-l-4 border-burgundy pl-6 mb-6">
              &#34;未来总是伪装成过去的样子出现&#34;（the future arrives disguised as the past）
              <a href="https://blog.csdn.net/u013669912/article/details/157218762" class="citation-link">[315]</a>
            </blockquote>

            <p class="mb-6">
              这种&#34;后视镜思维&#34;（rearview mirror thinking）使得我们难以识别新技术的真正潜力，总是将其降格为旧技术的增强版。早期电话模仿电报的简洁语法，早期电影模仿舞台剧的固定机位，而今天的AI则模仿搜索框的查询-响应模式。
              <a href="https://blog.csdn.net/u013669912/article/details/157218762" class="citation-link">[746]</a>
            </p>

            <div class="grid grid-cols-1 md:grid-cols-2 gap-6 mb-6">
              <div class="bg-burgundy/5 rounded-lg p-6">
                <h4 class="font-semibold text-burgundy mb-3">错误的问题</h4>
                <p class="text-burgundy font-medium mb-3">&#34;AI能为我们做什么？&#34;</p>
                <p class="text-sm text-gray-600">导向工具化嫁接（水轮替换）</p>
                <ul class="text-xs space-y-1 mt-2">
                  <li>• 如何让AI加速现有流程？</li>
                  <li>• 如何用AI替代人工环节？</li>
                  <li>• 如何让AI提高效率10%？</li>
                </ul>
              </div>

              <div class="bg-charcoal/5 rounded-lg p-6">
                <h4 class="font-semibold text-charcoal mb-3">正确的问题</h4>
                <p class="text-charcoal font-medium mb-3">&#34;当AI存在时，什么成为可能？&#34;</p>
                <p class="text-sm text-gray-600">导向系统重构（工厂再造）</p>
                <ul class="text-xs space-y-1 mt-2">
                  <li>• 什么流程根本不再需要存在？</li>
                  <li>• 当认知劳动可以24/7进行时，组织应该是什么样子？</li>
                  <li>• 如何构建由无限心智驱动的全新组织形态？</li>
                </ul>
              </div>
            </div>
          </div>

          <div class="bg-gradient-to-r from-burgundy/5 to-charcoal/5 rounded-lg p-8">
            <h4 class="text-xl font-semibold text-burgundy mb-4">重新想象：旧约束消失后的组织形态</h4>
            <p class="mb-4">
              当公司可以依靠在你睡觉时仍在工作的无限心智运转时，当决策不再需要等待人类大脑的生物节律时，当知识工作可以跨时区连续进行而无需等待某人醒来时，组织架构、管理流程与协作模式应当发生何种根本性的变化？
              <a href="https://www.notion.com/en-gb/blog/steam-steel-and-infinite-minds-ai" class="citation-link">[601]</a>
            </p>

            <div class="bg-white rounded-lg p-6 border border-burgundy/20">
              <h5 class="font-semibold text-burgundy mb-3">从&#34;人类中心主义&#34;到&#34;人机共生主义&#34;</h5>
              <p class="text-sm">
                这种重新想象需要<strong>勇气</strong>和<strong>想象力</strong>。它要求我们放弃对&#34;人文尺度&#34;组织的执念，接受一种可能令人迷失、匿名化但极具效率的新型组织逻辑。
                <a href="https://view.inews.qq.com/a/20251229A01QYA00" class="citation-link">[726]</a>
              </p>
            </div>
          </div>
        </div>

        <div class="mb-12">
          <h3 class="serif text-2xl font-semibold text-charcoal mb-6">钢铁、蒸汽与无限心智的融合</h3>

          <div class="bg-white rounded-lg p-8 shadow-lg border border-burgundy/10 mb-8">
            <div class="grid grid-cols-1 md:grid-cols-3 gap-6 mb-8">
              <div class="text-center">
                <div class="w-16 h-16 bg-burgundy/10 rounded-full flex items-center justify-center mx-auto mb-4">
                  <i class="fas fa-cogs text-2xl text-burgundy"></i>
                </div>
                <h4 class="font-semibold text-burgundy mb-2">蒸汽/水轮</h4>
                <p class="text-xs text-gray-600">动力解放：摆脱地理束缚</p>
              </div>
              <div class="text-center">
                <div class="w-16 h-16 bg-charcoal/10 rounded-full flex items-center justify-center mx-auto mb-4">
                  <i class="fas fa-building text-2xl text-charcoal"></i>
                </div>
                <h4 class="font-semibold text-charcoal mb-2">木材/钢材</h4>
                <p class="text-xs text-gray-600">结构强度：解除材料依赖</p>
              </div>
              <div class="text-center">
                <div class="w-16 h-16 bg-burgundy/10 rounded-full flex items-center justify-center mx-auto mb-4">
                  <i class="fas fa-brain text-2xl text-burgundy"></i>
                </div>
                <h4 class="font-semibold text-burgundy mb-2">佛罗伦萨/东京</h4>
                <p class="text-xs text-gray-600">规模密度：超越人文尺度</p>
              </div>
            </div>

            <div class="highlight-box rounded-lg p-6">
              <h4 class="text-lg font-semibold text-burgundy mb-3">结构强度与动力解放的结合</h4>
              <p class="text-sm mb-4">
                蒸汽机解除了工厂对水源的地理依赖（动力解放），钢材解除了建筑对承重墙的材料依赖（结构强度），而AI将解除组织对人力认知的依赖（动力解放）和沟通带宽的依赖（结构强度）。
                <a href="https://www.notion.com/blog/steam-steel-and-infinite-minds-ai" class="citation-link">[575]</a>
              </p>

              <div class="bg-white rounded-lg p-4 border border-burgundy/20">
                <h5 class="font-semibold text-burgundy mb-2">创造&#34;钢铁组织&#34;</h5>
                <ul class="text-xs space-y-1">
                  <li>• 既具有传统大型组织的规模优势</li>
                  <li>• 又保持初创企业的敏捷性</li>
                  <li>• 7×24小时持续运转能力</li>
                  <li>• 跨地域、跨时区的上下文一致性</li>
                </ul>
              </div>
            </div>
          </div>

          <div class="bg-gradient-to-r from-burgundy/5 to-charcoal/5 rounded-lg p-8">
            <h4 class="text-xl font-semibold text-burgundy mb-4">第二次知识工业革命的黎明</h4>
            <p class="mb-4">
              Zhao的终极愿景是<strong>&#34;第二次知识工业革命&#34;</strong>。第一次工业革命将体力劳动从人类肌肉转移到蒸汽机和电力，第二次知识工业革命将把<strong>认知劳动</strong>从人类大脑转移到AI智能体。
              <a href="https://www.notion.com/blog/steam-steel-and-infinite-minds-ai" class="citation-link">[314]</a>
              <a href="https://view.inews.qq.com/a/20251229A01QYA00" class="citation-link">[726]</a>
            </p>

            <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
              <div class="bg-white rounded-lg p-6 border border-burgundy/20">
                <h5 class="font-semibold text-burgundy mb-3">组织智能的进化</h5>
                <ul class="text-sm space-y-2">
                  <li>• <strong>自修复能力</strong>：瓶颈自动重新分配任务</li>
                  <li>• <strong>预测性适应</strong>：市场变化前自动调整资源</li>
                  <li>• <strong>持续进化</strong>：机器学习不断优化决策模型</li>
                </ul>
              </div>

              <div class="bg-white rounded-lg p-6 border border-burgundy/20">
                <h5 class="font-semibold text-burgundy mb-3">知识工作的东京</h5>
                <ul class="text-sm space-y-2">
                  <li>• 跨越时区、24/7运转</li>
                  <li>• 数千智能体和人类协同</li>
                  <li>• 超级知识经济体</li>
                  <li>• 创新不受生物节律限制</li>
                </ul>
              </div>
            </div>
          </div>
        </div>
      </section>

      <div class="section-divider"></div>

      <!-- Conclusion -->
      <section id="conclusion" class="mb-16">
        <h2 class="serif text-4xl font-bold text-burgundy mb-8">结论：避免重蹈覆辙的关键转向</h2>

        <div class="bg-white rounded-lg p-8 shadow-lg border border-burgundy/10 mb-8">
          <h3 class="serif text-2xl font-semibold text-charcoal mb-6">认知框架的重构：从工具替换到系统再造</h3>

          <p class="text-lg mb-6">
            要避免重复100年前工厂主的错误，必须进行<strong>认知框架的根本重构</strong>：从<strong>&#34;工具替换思维&#34;（tool substitution mindset）</strong>转向<strong>&#34;系统再造思维&#34;（system redesign mindset）</strong>。
            <a href="https://www.notion.com/blog/steam-steel-and-infinite-minds-ai" class="citation-link">[314]</a>
          </p>

          <div class="grid grid-cols-1 md:grid-cols-2 gap-8 mb-8">
            <div class="bg-burgundy/5 rounded-lg p-6">
              <h4 class="font-semibold text-burgundy mb-4">识别并消除&#34;旧约束&#34;</h4>
              <div class="space-y-3">
                <div class="bg-white rounded p-3 border border-burgundy/20">
                  <h5 class="font-medium text-burgundy mb-1 text-sm">19世纪工厂</h5>
                  <p class="text-xs">水源地理依赖：必须依河而建</p>
                </div>
                <div class="bg-white rounded p-3 border border-burgundy/20">
                  <h5 class="font-medium text-burgundy mb-1 text-sm">当代知识工作</h5>
                  <p class="text-xs">人力认知带宽、同步沟通需求</p>
                </div>
              </div>
            </div>

            <div class="bg-charcoal/5 rounded-lg p-6">
              <h4 class="font-semibold text-charcoal mb-4">真正的生产力释放条件</h4>
              <div class="space-y-3">
                <div class="bg-white rounded p-3 border border-charcoal/20">
                  <p class="text-xs">停止将人类沟通视为组织的&#34;承重墙&#34;</p>
                </div>
                <div class="bg-white rounded p-3 border border-charcoal/20">
                  <p class="text-xs">停止将AI视为&#34;副驾驶&#34;，开始将其视为&#34;自动驾驶系统&#34;</p>
                </div>
                <div class="bg-white rounded p-3 border border-charcoal/20">
                  <p class="text-xs">实现生产力爆炸式增长</p>
                </div>
              </div>
            </div>
          </div>
        </div>

        <div class="highlight-box rounded-lg p-8 mb-8">
          <h3 class="serif text-2xl font-semibold text-burgundy mb-6">行动纲领：停止询问&#34;AI能做什么&#34;，开始想象&#34;什么成为可能&#34;</h3>

          <div class="mb-6">
            <blockquote class="text-xl italic text-burgundy mb-4">
              &#34;停止询问&#39;AI能为我们做什么&#39;，开始询问&#39;当AI存在时，什么成为可能？&#39;&#34;
              <a href="https://www.linkedin.com/posts/kavishsheth_ai-notion-automation-activity-7413043975617658880-rrRw" class="citation-link">[599]</a>
            </blockquote>
          </div>

          <div class="grid grid-cols-1 md:grid-cols-2 gap-8">
            <div class="bg-white rounded-lg p-6 border border-burgundy/20">
              <h4 class="font-semibold text-burgundy mb-4">组织行动清单</h4>
              <div class="space-y-3">
                <div class="flex items-start">
                  <div class="w-6 h-6 bg-burgundy/20 rounded-full flex items-center justify-center mr-3 mt-0.5">
                    <span class="text-xs font-bold text-burgundy">1</span>
                  </div>
                  <div>
                    <h5 class="font-medium text-burgundy mb-1 text-sm">识别&#34;水轮&#34;</h5>
                    <p class="text-xs text-gray-600">找出因人力认知局限而存在的环节（同步会议、层级审批、人工数据录入）</p>
                  </div>
                </div>
                <div class="flex items-start">
                  <div class="w-6 h-6 bg-burgundy/20 rounded-full flex items-center justify-center mr-3 mt-0.5">
                    <span class="text-xs font-bold text-burgundy">2</span>
                  </div>
                  <div>
                    <h5 class="font-medium text-burgundy mb-1 text-sm">部署&#34;钢材&#34;</h5>
                    <p class="text-xs text-gray-600">用AI维持跨工作流的上下文，消除沟通作为承重墙的必要性</p>
                  </div>
                </div>
                <div class="flex items-start">
                  <div class="w-6 h-6 bg-burgundy/20 rounded-full flex items-center justify-center mr-3 mt-0.5">
                    <span class="text-xs font-bold text-burgundy">3</span>
                  </div>
                  <div>
                    <h5 class="font-medium text-burgundy mb-1 text-sm">重构&#34;工厂&#34;</h5>
                    <p class="text-xs text-gray-600">围绕AI的&#34;无限心智&#34;特性重新设计组织架构</p>
                  </div>
                </div>
                <div class="flex items-start">
                  <div class="w-6 h-6 bg-burgundy/20 rounded-full flex items-center justify-center mr-3 mt-0.5">
                    <span class="text-xs font-bold text-burgundy">4</span>
                  </div>
                  <div>
                    <h5 class="font-medium text-burgundy mb-1 text-sm">拥抱&#34;东京&#34;</h5>
                    <p class="text-xs text-gray-600">接受规模扩大带来的暂时性&#34;不可读性&#34;，追求知识经济体的超级城市形态</p>
                  </div>
                </div>
              </div>
            </div>

            <div class="bg-white rounded-lg p-6 border border-charcoal/20">
              <h4 class="font-semibold text-charcoal mb-4">关键洞察</h4>
              <div class="bg-charcoal/5 rounded-lg p-4 mb-4">
                <p class="text-sm text-charcoal">
                  前者导向渐进式改进（modest gains），后者导向范式转移（productivity explosion）
                </p>
              </div>
              <div class="space-y-3">
                <div class="bg-burgundy/10 rounded p-3">
                  <p class="text-xs text-burgundy font-medium">
                    历史不会重复，但会押韵。100年前，那些敢于围绕蒸汽机重构工厂布局的工业家战胜了固守水轮思维的保守者。
                  </p>
                </div>
                <div class="bg-charcoal/10 rounded p-3">
                  <p class="text-xs text-charcoal font-medium">
                    今天，那些敢于围绕AI重构组织形态的企业将定义下一个时代。
                  </p>
                </div>
              </div>
            </div>
          </div>
        </div>

        <div class="bg-gradient-to-r from-burgundy/10 to-charcoal/10 rounded-lg p-8 text-center">
          <h3 class="serif text-2xl font-bold text-burgundy mb-4">
            无限心智已经就绪，限制我们的只有想象力和惯性。
          </h3>
          <p class="text-lg text-charcoal">
            <a href="https://www.notion.com/blog/steam-steel-and-infinite-minds-ai" class="citation-link">[575]</a>
            <a href="https://www.notion.com/en-gb/blog/steam-steel-and-infinite-minds-ai" class="citation-link">[601]</a>
          </p>
        </div>
      </section>
    </main>

    <script>
        // Smooth scrolling for anchor links
        document.querySelectorAll('a[href^="#"]').forEach(anchor => {
            anchor.addEventListener('click', function (e) {
                e.preventDefault();
                const target = document.querySelector(this.getAttribute('href'));
                if (target) {
                    target.scrollIntoView({
                        behavior: 'smooth',
                        block: 'start'
                    });
                }
            });
        });

        // Highlight current section in TOC
        const sections = document.querySelectorAll('section[id]');
        const tocLinks = document.querySelectorAll('.toc-fixed a[href^="#"]');

        function highlightCurrentSection() {
            let current = '';
            sections.forEach(section => {
                const sectionTop = section.offsetTop;
                if (window.scrollY >= sectionTop - 100) {
                    current = section.getAttribute('id');
                }
            });

            tocLinks.forEach(link => {
                link.classList.remove('font-bold', 'text-burgundy');
                if (link.getAttribute('href') === `#${current}`) {
                    link.classList.add('font-bold', 'text-burgundy');
                }
            });
        }

        window.addEventListener('scroll', highlightCurrentSection);
        highlightCurrentSection(); // Initial call
    </script>
  

</body></html>                    
讨论回复

0 条回复
还没有人回复，快来发表你的看法吧！
需要登录才能发表回复
登录注册
蒸汽、钢铁与无限心智 我们是否正在重复100年前工厂主的错误？

讨论回复

推荐

蒸汽、钢铁与无限心智我们是否正在重复100年前工厂主的错误？
