37863-vm/index.php
2026-01-27 14:58:22 +00:00

612 lines
32 KiB
PHP
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<?php
require_once __DIR__ . '/db/config.php';
?>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>财神组 · 全域运营实战框架</title>
<!-- Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Ma+Shan+Zheng&family=Noto+Serif+SC:wght@600;900&family=Noto+Sans+SC:wght@300;400;500;700&display=swap" rel="stylesheet">
<!-- Icons & Animations -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"/>
<link rel="stylesheet" href="assets/css/custom.css?v=<?php echo time(); ?>">
</head>
<body class="luxury-theme">
<!-- 全屏平铺水印 -->
<div class="watermark-grid"></div>
<!-- 背景装饰动效 -->
<div class="bg-decoration">
<div class="orb orb-gold"></div>
<div class="orb orb-black"></div>
</div>
<!-- 顶部进度导航 (手机端) -->
<nav class="mobile-nav">
<div class="nav-container">
<div class="nav-brand">
<img src="assets/pasted-20260127-142809-74cd1546.jpg" alt="Logo">
<span>财神组</span>
</div>
<div class="nav-links">
<a href="#day1">7日法</a>
<a href="#chat-strategy">10步法</a>
</div>
</div>
</nav>
<!-- 侧边进度导航 (PC端) -->
<aside class="sidebar-nav">
<div class="sidebar-logo">
<img src="assets/pasted-20260127-142809-74cd1546.jpg" alt="Logo">
<span>财神组</span>
</div>
<ul class="nav-menu">
<li class="menu-label" style="padding: 10px 15px; font-size: 12px; color: var(--gold); font-weight: 700;">1-7天运营计划</li>
<li><a href="#day1" class="active"><span class="nav-num">D1</span> 信息获取</a></li>
<li><a href="#day2"><span class="nav-num">D2</span> 寻找共鸣</a></li>
<li><a href="#day3"><span class="nav-num">D3</span> 感情经历</a></li>
<li><a href="#day5"><span class="nav-num">D5</span> 邀约切客</a></li>
<li><a href="#day6"><span class="nav-num">D6</span> 塑造爱心</a></li>
<li class="menu-label" style="padding: 20px 15px 10px; font-size: 12px; color: var(--gold); font-weight: 700;">10步聊天实战</li>
<li><a href="#step1"><span class="nav-num">01</span> 自我介绍</a></li>
<li><a href="#step2"><span class="nav-num">02</span> 下诱饵</a></li>
<li><a href="#step3"><span class="nav-num">03</span> 倾听技巧</a></li>
<li><a href="#step4"><span class="nav-num">04</span> 建立共鸣</a></li>
<li><a href="#step5"><span class="nav-num">05</span> 个人故事</a></li>
<li><a href="#step10"><span class="nav-num">10</span> 客户判断</a></li>
</ul>
</aside>
<main class="main-content">
<!-- Hero Section -->
<header class="luxury-hero animate__animated animate__fadeIn">
<div class="badge">内部资料 · 严禁外传</div>
<h1 class="main-title">财神组全域运营框架</h1>
<h2 class="sub-title">17 天精细运营 + 10 步实战聊天 · 绝密手册</h2>
<div class="hero-stats">
<div class="stat-item"><i class="fa-solid fa-brain"></i> 心理博弈</div>
<div class="stat-item"><i class="fa-solid fa-gem"></i> 价值锚定</div>
<div class="stat-item"><i class="fa-solid fa-shield-halved"></i> 信任构建</div>
</div>
</header>
<!-- PART 1: 7-Day Plan -->
<div class="part-divider" style="border-bottom: 2px solid var(--gold); margin-bottom: 50px; padding-bottom: 10px;">
<h4 style="color: var(--gold); font-family: 'Noto Serif SC', serif;">第一部分1-7天精细化运营计划</h4>
</div>
<!-- Day 1 -->
<section id="day1" class="step-section">
<div class="section-header">
<div class="step-num">DAY 01</div>
<h3 class="step-title">第一天|获取客户【基本信息】</h3>
<p class="step-goal">核心目标:建立第一印象,不被察觉地进行背景渗透</p>
</div>
<div class="step-body">
<div class="logic-card">
<div class="logic-item">
<h4>【基本信息获取流程】</h4>
<p>跟客户聊天,互换消息,了解客户的<strong>职业、年龄、兴趣爱好</strong>等。慢慢去完善客户画像,但不要太明显目的。</p>
<p class="warning-text" style="color: #e67e22; margin-top: 15px;">
<i class="fa-solid fa-circle-exclamation"></i> <strong>特别讲解:</strong>女人是隐私感很强的人,当你问他这些东西的时候,需要先介绍自己的,这就叫互换信息。或者用其他的聊天话题侧面去了解。这样不容易让客户反感。
</p>
</div>
</div>
<div class="tactic-grid">
<div class="tactic-card">
<h5><i class="fa-solid fa-wand-sparkles"></i> 插入小铺垫</h5>
<p>在刚开始介绍自己兴趣爱好时,就可以提前铺垫。比如提到自己喜欢健身、品酒、打高尔夫。最后面加上自己有在<strong>“搬砖套利”</strong>,一般这种在第一次讲一下就好,不用细聊。</p>
</div>
<div class="tactic-card">
<h5><i class="fa-solid fa-mask"></i> 欲擒故纵法则</h5>
<p>就算客户问起也不需要立即告诉他USDT短线交易的重要信息。不要让客户觉得我们的目的性太明显。客户问可以含糊其辞或点到为止这就是<strong>欲擒故纵</strong>。</p>
</div>
</div>
<div class="example-box">
<h5><i class="fa-solid fa-quote-left"></i> 话术示例</h5>
<div class="script">
“我平时在大马打理餐馆之余,会跟着小叔研究点搬砖套利。这种短线交易挺有意思的,不需要花太多时间,收益也稳定,算是给自己攒点旅游基金吧~”
</div>
</div>
</div>
</section>
<!-- Day 2 -->
<section id="day2" class="step-section">
<div class="section-header">
<div class="step-num">DAY 02</div>
<h3 class="step-title">第二天|【寻找共鸣】</h3>
<p class="step-goal">核心目标:拉升热度与黏度,确立“同频”关系</p>
</div>
<div class="step-body">
<div class="logic-card">
<div class="logic-item">
<h4>【流程详解】</h4>
<p>这时候就是要开始拉热度,拉黏度。试探客户喜欢的话题:旅游、事业、投资、慈善、国家经济等。只要是客户感兴趣的,让客户感觉我们跟他一样的想法,找到共鸣那么客户就算聊热了。</p>
</div>
</div>
<div class="tactic-card" style="margin-bottom: 30px;">
<h5><i class="fa-solid fa-user-tie"></i> 职业与背景铺垫</h5>
<p><strong>台马两头跑的事业女性:</strong>大马的餐馆是兴趣(喜欢美食+妈妈是大马人),在台湾有自己的公司。基本上一个月或两个月回台湾。这种双栖背景为后续“无法见面”和“有钱”做了完美背书。</p>
</div>
<div class="logic-card">
<h5><i class="fa-solid fa-scissors"></i> 核心战术:话题拆分法</h5>
<p>发素材图或视频打开话题。例如:客户发海边游泳照片。</p>
<p><strong>拆分1</strong>【海边】夸张这个位置,点评在哪个地方游泳风景好,适合夏天去潜水。</p>
<p><strong>拆分2</strong>【游泳】聊这是一项很好的运动,可以促进全身运动,对身体健康有什么好处。</p>
<p style="color: var(--gold); font-weight: 700; margin-top: 10px;">最终目的:聊到双方产生兴趣,聊到看着屏幕傻笑。</p>
</div>
</div>
</section>
<!-- Day 3-4 -->
<section id="day3" class="step-section">
<div class="section-header">
<div class="step-num">DAY 03-04</div>
<h3 class="step-title">第三、四天|【感情经历】</h3>
<p class="step-goal">核心目标:升华信任,建立情感依赖</p>
</div>
<div class="step-body">
<div class="logic-card">
<div class="logic-item">
<h4>【流程讲解】</h4>
<p>分享人设的感情经历。一定要是正能量的结果(即便分开了)。体现“弱势女群体”的属性,激发男人的<strong>保护欲</strong>。这是升华感情和信任度的必经之路。</p>
</div>
</div>
<div class="tactic-card">
<h5><i class="fa-solid fa-hand-fist"></i> 掌握主动权</h5>
<p>之前是了解客户,现在要主动找话题,引导客户。铺垫自己是如何加入产品市场的:为什么做这个赚钱?通过对比失败和成功(比如之前被套牢过,亏过很多钱,最后通过小叔带路翻身)。</p>
</div>
</div>
</section>
<!-- Day 5 -->
<section id="day5" class="step-section">
<div class="section-header">
<div class="step-num">DAY 05</div>
<h3 class="step-title">第五天|【邀切客户】</h3>
<p class="step-goal">核心目标:发起邀约,正式转化</p>
</div>
<div class="step-body">
<div class="logic-card">
<div class="logic-item">
<h4>【流程讲解】</h4>
<p>邀请客户一起做交易。<strong>关键动作:</strong>必须先铺垫要飞回台湾处理事情。这样当带入平台客户想见面时,可以有合理理由拒绝,避免怀疑。</p>
</div>
</div>
<div class="tactic-card">
<h5><i class="fa-solid fa-bullseye"></i> 主动切入技巧</h5>
<p>说自己要去忙看走势、做节点,随后发盈利图。主动展示你的投资收益,让客户产生强烈的好奇感来问你。</p>
</div>
</div>
</section>
<!-- Day 6-7 -->
<section id="day6" class="step-section">
<div class="section-header">
<div class="step-num">DAY 06-07</div>
<h3 class="step-title">第六、七天|【塑造爱心】</h3>
<p class="step-goal">核心目标:塑造完美人格魅力</p>
</div>
<div class="step-body">
<div class="logic-card">
<div class="logic-item">
<h4>【流程讲解】</h4>
<p>塑造孝心、爱心、慈善、责任心。编造具体的小故事,情节要详细,要有画面感和真实感。让客户觉得你不仅是一个事业成功的女性,更是一个善良、有爱心的伴侣。</p>
</div>
</div>
<div class="final-summary" style="text-align: center; margin-top: 50px;">
<i class="fa-solid fa-award" style="font-size: 3rem; color: var(--gold); margin-bottom: 20px;"></i>
<p>聊客户其实很简单,只要按照周期和逻辑去走,就能精准吸引。</p>
</div>
</div>
</section>
<!-- PART 2: 10-Step Chat strategy -->
<div id="chat-strategy" class="part-divider" style="border-bottom: 2px solid var(--gold); margin-top: 100px; margin-bottom: 50px; padding-bottom: 10px;">
<h4 style="color: var(--gold); font-family: 'Noto Serif SC', serif;">第二部分:十步聊天实战手册</h4>
</div>
<!-- Step 1 -->
<section id="step1" class="step-section">
<div class="section-header">
<div class="step-num">STEP 01</div>
<h3 class="step-title">第一步:自我介绍(建立安全感)</h3>
<p class="step-goal">在聊天最初,让客户对你这个人“放下防备”</p>
</div>
<div class="step-body">
<div class="logic-card">
<div class="logic-item">
<h5><i class="fa-solid fa-lightbulb"></i> 正确逻辑</h5>
<ul>
<li>陌生人聊天,客户第一反应是防备</li>
<li>主动、简短、自我介绍 = 告诉对方你是正常人,不是来套话的</li>
<li>安全感是信任的第一层</li>
</ul>
</div>
</div>
<div class="tactic-grid">
<div class="tactic-card success">
<h5><i class="fa-solid fa-circle-check"></i> 为什么正确</h5>
<p>主动介绍=你掌控聊天节奏;短介绍=不占用客户精力;带一点背景=真实感。</p>
<div class="example-box">
<strong>正确示例:</strong>
<p>“我叫安娜老家在XX从小家里比较严格所以比较早独立现在主要做客户维护。”</p>
</div>
</div>
<div class="tactic-card error">
<h5><i class="fa-solid fa-circle-xmark"></i> 为什么错误</h5>
<p>不介绍自己,客户会默认你“不重要”或“不可信”;长篇介绍,会被当成推销前摇。</p>
<div class="example-box">
<strong>错误示例:</strong>
<p>“我们公司成立很多年,业务范围包括……”</p>
</div>
</div>
</div>
</div>
</section>
<!-- Step 2 -->
<section id="step2" class="step-section">
<div class="section-header">
<div class="step-num">STEP 02</div>
<h3 class="step-title">第二步:下诱饵(让聊天继续)</h3>
<p class="step-goal">主动抛出一个客户愿意接的话题</p>
</div>
<div class="step-body">
<div class="logic-card">
<div class="logic-item">
<h5><i class="fa-solid fa-fish"></i> 为什么要这样做</h5>
<ul>
<li>陌生人不会主动找话题</li>
<li>不下诱饵,聊天一定断</li>
</ul>
</div>
</div>
<div class="tactic-grid">
<div class="tactic-card success">
<h5><i class="fa-solid fa-circle-check"></i> 正确做法</h5>
<p>从客户身上找话题=以客户为中心;一个话题聊深,比十个话题聊浅强。</p>
<div class="example-box">
<strong>正确示例:</strong>
<p>“看你头像是在海边拍的,你是很喜欢旅行吗?”</p>
</div>
</div>
<div class="tactic-card error">
<h5><i class="fa-solid fa-circle-xmark"></i> 错误做法</h5>
<p>连续抛问题=审问;多话题并行=客户不知道回哪个。</p>
<div class="example-box">
<strong>错误示例:</strong>
<p>“你做什么工作的?多大?结婚了吗?”</p>
</div>
</div>
</div>
</div>
</section>
<!-- Step 3 -->
<section id="step3" class="step-section">
<div class="section-header">
<div class="step-num">STEP 03</div>
<h3 class="step-title">第三步:倾听(让客户愿意留下)</h3>
<p class="step-goal">认真接住客户说的话,而不是急着表达自己</p>
</div>
<div class="step-body">
<div class="logic-card">
<div class="logic-item">
<h5><i class="fa-solid fa-ear-listen"></i> 为什么要这样做</h5>
<ul>
<li>客户只会对“被理解”的人产生好感</li>
<li>倾听是信任的核心动作</li>
</ul>
</div>
</div>
<div class="tactic-grid">
<div class="tactic-card success">
<h5><i class="fa-solid fa-circle-check"></i> 正确做法</h5>
<p>抓一个点延伸=你在听;顺着情绪问=情感连接。</p>
<div class="example-box">
<strong>正确示例:</strong>
<p>客户:“最近工作挺累。”<br>你:“听起来压力不小,是事情多,还是人比较难配合?”</p>
</div>
</div>
<div class="tactic-card error">
<h5><i class="fa-solid fa-circle-xmark"></i> 错误做法</h5>
<p>抢话题=否定客户;立刻讲自己=客户失去表达欲。</p>
<div class="example-box">
<strong>错误示例:</strong>
<p>“我也累,我之前比你还惨。”</p>
</div>
</div>
</div>
</div>
</section>
<!-- Step 4 -->
<section id="step4" class="step-section">
<div class="section-header">
<div class="step-num">STEP 04</div>
<h3 class="step-title">第四步:建立共鸣(关系升级)</h3>
<p class="step-goal">让客户感觉你们是“同一类人”</p>
</div>
<div class="step-body">
<div class="logic-card">
<div class="logic-item">
<h5><i class="fa-solid fa-people-arrows"></i> 核心价值</h5>
<ul>
<li>人只会信任和自己相似的人</li>
<li>共鸣比讨好更高级</li>
</ul>
</div>
</div>
<div class="tactic-grid">
<div class="tactic-card success">
<h5><i class="fa-solid fa-circle-check"></i> 正确做法</h5>
<p>先认同客户,再轻分享自己;共鸣=拉近心理距离。</p>
<div class="example-box">
<strong>正确示例:</strong>
<p>“你说的我懂,我之前也经历过类似阶段。”</p>
</div>
</div>
<div class="tactic-card error">
<h5><i class="fa-solid fa-circle-xmark"></i> 错误做法</h5>
<p>比惨=抢情绪;只讲自己=自我中心。</p>
<div class="example-box">
<strong>错误示例:</strong>
<p>“你这算什么,我当年更难。”</p>
</div>
</div>
</div>
</div>
</section>
<!-- Step 5 -->
<section id="step5" class="step-section">
<div class="section-header">
<div class="step-num">STEP 05</div>
<h3 class="step-title">第五步:分享个人故事(塑造真实人设)</h3>
<p class="step-goal">通过小故事,让客户觉得你真实、立体</p>
</div>
<div class="step-body">
<div class="logic-card">
<div class="logic-item">
<h5><i class="fa-solid fa-book"></i> 为什么要这样做</h5>
<ul>
<li>信任来自真实,而不是完美</li>
<li>故事比观点更容易被记住</li>
</ul>
</div>
</div>
<div class="tactic-grid">
<div class="tactic-card success">
<h5><i class="fa-solid fa-circle-check"></i> 正确做法</h5>
<p>小、真、日常;留空间,不一次讲完。</p>
<div class="example-box">
<strong>正确示例:</strong>
<p>“今天看到一个小孩,让我想到小时候家里对我要求特别严格。”</p>
</div>
</div>
<div class="tactic-card error">
<h5><i class="fa-solid fa-circle-xmark"></i> 错误做法</h5>
<p>编故事=早晚穿帮;一次性讲完=失去后续聊天点。</p>
<div class="example-box">
<strong>错误示例:</strong>
<p>“我人生经历特别丰富,我从头给你讲。”</p>
</div>
</div>
</div>
</div>
</section>
<!-- Step 6 -->
<section id="step6" class="step-section">
<div class="section-header">
<div class="step-num">STEP 06</div>
<h3 class="step-title">第六步:幽默与轻松(提升依赖感)</h3>
<p class="step-goal">让客户和你聊天是“舒服的”</p>
</div>
<div class="step-body">
<div class="logic-card">
<div class="logic-item">
<h5><i class="fa-solid fa-face-smile"></i> 核心价值</h5>
<ul>
<li>人会对让自己开心的人产生依赖</li>
<li>轻幽默=拉近距离;自嘲安全、不冒犯</li>
</ul>
</div>
</div>
<div class="tactic-grid">
<div class="tactic-card success">
<h5><i class="fa-solid fa-circle-check"></i> 正确做法</h5>
<div class="example-box">
<strong>正确示例:</strong>
<p>“我这个人慢热,但熟了就话多。”</p>
</div>
</div>
<div class="tactic-card error">
<h5><i class="fa-solid fa-circle-xmark"></i> 错误做法</h5>
<p>强行玩笑=尴尬;调侃客户=踩雷。</p>
<div class="example-box">
<strong>错误示例:</strong>
<p>“你怎么这么慢才回?”</p>
</div>
</div>
</div>
</div>
</section>
<!-- Step 7 -->
<section id="step7" class="step-section">
<div class="section-header">
<div class="step-num">STEP 07</div>
<h3 class="step-title">第七步:尊重隐私(防止信任崩塌)</h3>
<p class="step-goal">避免过早触碰金钱、资产敏感点</p>
</div>
<div class="step-body">
<div class="logic-card">
<div class="logic-item">
<h5><i class="fa-solid fa-user-shield"></i> 为什么要这样做</h5>
<ul>
<li>钱是成年人最高级隐私</li>
<li>过早触碰=动机暴露</li>
</ul>
</div>
</div>
<div class="tactic-grid">
<div class="tactic-card success">
<h5><i class="fa-solid fa-circle-check"></i> 正确做法</h5>
<p>先表达观点,再问看法;点到为止。</p>
<div class="example-box">
<strong>正确示例:</strong>
<p>“我之前有关注房地产,你怎么看现在这个方向?”</p>
</div>
</div>
<div class="tactic-card error">
<h5><i class="fa-solid fa-circle-xmark"></i> 错误做法</h5>
<p>追问金额=目的性太强。</p>
<div class="example-box">
<strong>错误示例:</strong>
<p>“你投了多少钱?现在赚了吗?”</p>
</div>
</div>
</div>
</div>
</section>
<!-- Step 8 -->
<section id="step8" class="step-section">
<div class="section-header">
<div class="step-num">STEP 08</div>
<h3 class="step-title">第八步:提彩(身份铺垫)</h3>
<p class="step-goal">让客户知道你是做什么的,但不成交</p>
</div>
<div class="step-body">
<div class="logic-card">
<div class="logic-item">
<h5><i class="fa-solid fa-gem"></i> 为什么要这样做</h5>
<ul>
<li>完全不提=后期反而显得刻意</li>
<li>提太多=像推销</li>
</ul>
</div>
</div>
<div class="tactic-grid">
<div class="tactic-card success">
<h5><i class="fa-solid fa-circle-check"></i> 正确做法</h5>
<p>轻描淡写=自然。</p>
<div class="example-box">
<strong>正确示例:</strong>
<p>“我现在主要做客户维护和资源对接。”</p>
</div>
</div>
<div class="tactic-card error">
<h5><i class="fa-solid fa-circle-xmark"></i> 错误做法</h5>
<p>讲收益=破坏信任。</p>
<div class="example-box">
<strong>错误示例:</strong>
<p>“我们这个项目回报很高。”</p>
</div>
</div>
</div>
</div>
</section>
<!-- Step 9 -->
<section id="step9" class="step-section">
<div class="section-header">
<div class="step-num">STEP 09</div>
<h3 class="step-title">第九步:诚实透明(长期信任)</h3>
<p class="step-goal">通过真实态度,让客户长期认可你</p>
</div>
<div class="step-body">
<div class="logic-card">
<div class="logic-item">
<h5><i class="fa-solid fa-handshake"></i> 核心逻辑</h5>
<p>客户信的是人,不是产品。</p>
<div class="example-box">
<strong>正确示例:</strong>
<p>“我之前也被套路过,所以现在做事会谨慎。”</p>
</div>
<div class="example-box error-example">
<strong>错误示例:</strong>
<p>“我从来没失误过。”</p>
</div>
</div>
</div>
</div>
</section>
<!-- Step 10 -->
<section id="step10" class="step-section">
<div class="section-header">
<div class="step-num">STEP 10</div>
<h3 class="step-title">第十步:判断客户是否值得继续</h3>
<p class="step-goal">筛选对的人,不浪费无效精力</p>
</div>
<div class="step-body">
<div class="logic-card">
<div class="logic-item">
<h5><i class="fa-solid fa-magnifying-glass-chart"></i> 判断逻辑</h5>
<ul>
<li><strong>回复积极</strong>=可跟进</li>
<li><strong>敷衍应付</strong>=及时止损</li>
</ul>
</div>
</div>
<div class="final-notice" style="text-align: center; background: linear-gradient(135deg, rgba(212,175,55,0.1), rgba(255,255,255,0.5)); border: 1px solid var(--gold); padding: 30px; border-radius: 20px;">
<i class="fa-solid fa-rocket" style="font-size: 2.5rem; color: var(--gold); margin-bottom: 15px;"></i>
<p style="font-size: 1.2rem; color: var(--gold-dark); font-weight: 700; font-family: 'Noto Serif SC', serif;">
每一份努力都将成为通往成功的基石,让我们共同攀登财富之巅!
</p>
<p style="color: #666; font-size: 0.9rem; margin-top: 10px;">持之以恒,终见彩虹。加油,财神组的每一位伙伴!</p>
</div>
</div>
</section>
<footer class="luxury-footer">
<div class="footer-logo">财神组</div>
<p>&copy; 2026 财神组战略研讨中心 版权所有</p>
<p class="disclaimer">内部绝密资料 · 严禁外传 · 翻印必究</p>
</footer>
</main>
<!-- Cursor Effect -->
<div class="cursor-follower"></div>
<script src="assets/js/main.js"></script>
<script>
// Intersection Observer for Active Menu
document.addEventListener('DOMContentLoaded', () => {
const observerOptions = { threshold: 0.3 };
const observer = new IntersectionObserver((entries) => {
entries.forEach(entry => {
if (entry.isIntersecting) {
entry.target.classList.add('animate-in');
const id = entry.target.getAttribute('id');
if (id) {
document.querySelectorAll('.sidebar-nav a').forEach(a => {
a.classList.toggle('active', a.getAttribute('href') === '#' + id);
});
}
}
});
}, observerOptions);
document.querySelectorAll('.step-section').forEach(section => observer.observe(section));
});
// Mouse follower
const follower = document.querySelector('.cursor-follower');
document.addEventListener('mousemove', (e) => {
follower.style.transform = `translate(${e.clientX - 15}px, ${e.clientY - 15}px)`;
});
</script>
</body>
</html>