/* pages-v4.jsx — 第四轮 · 首页按「从未接触 → 认知 → 信任 → 课程 → 行动」重排；朵奶奶头像进入页首 · 学员证言：手写体摘句 + 头像星群 + 横向流动的长卷，不再弹窗 · 课程：三级价格、二阶段上的职业套餐、报名方式选择（付款 / 客服 / 公众号） · 活动：时间与地点放大成日历块；往期活动 = 同类活动介绍；相册独立成页 */ function V4Styles() { return ( ); } /* ============ 小工具 ============ */ const MONTHS = ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月']; const WEEK = ['周日', '周一', '周二', '周三', '周四', '周五', '周六']; function dparts(iso) { const d = new Date(iso + 'T00:00:00'); return { m: MONTHS[d.getMonth()], mn: d.getMonth() + 1, d: d.getDate(), w: WEEK[d.getDay()], y: d.getFullYear() }; } function CalBlock({ a, compact }) { const s = dparts(a.start); return (
{s.mn} 月 {s.d} {s.w}{a.days > 1 ? ` · ${a.days} 天` : ''}
{!compact && (
地点 {a.city} {a.venue}
)}
); } /* ============ 首页 Hero（创始人入页首） ============ */ function Hero4() { const go = window.__go; return (
量子催眠中国 · 官方站点

有一种状态， 你知道所有的答案。

量子催眠（QHHT®）是朵洛莉丝·侃南用近五十年回溯催眠实践留下的一门技术。 它不是让人失去意识，而是带人抵达一个更清醒的地方——在那里，身体与人生的议题，会以它自己的方式被看见。

document.getElementById('know')?.scrollIntoView({ behavior: 'smooth' })}>先弄明白它是什么 go('courses')}>已经了解，直接看课程 →
2012 年进入中国 简体中文唯一官方代表 禁止远程催眠
量子催眠创始人 朵洛莉丝·侃南
朵洛莉丝·侃南 Dolores Cannon · 1931—2014 · 创始人 「我不是灵媒，我是向导，也是记者。」
); } /* ============ 首页（按潜在学员心态重排） ============ */ function Home4() { const go = window.__go; const scrollTo = (id) => document.getElementById(id)?.scrollIntoView({ behavior: 'smooth', block: 'start' }); return ( <> {/* 阅读路径 */}
{/* 01 认知 */}
01它是什么

第一次听说量子催眠，
通常会先问这三件事。

{[ ['它到底在做什么？', '把人带到最深的 θ 脑波状态（梦游态），在那里回溯更早的经历，并与一个比头脑更清醒的层面——它称之为「潜意识」——对话，找到当下议题的根源。'], ['和普通催眠有什么不同？', '传统催眠多在浅层 α 脑波运作，常强调「暗示」。量子催眠更深，而且操作者只是协助者：不暗示、不主导、不替你回答。'], ['它安全吗，能帮我什么？', '全程一对一、面对面，禁止任何形式的远程。来访者最常反馈的是：情绪与创伤的松动、对人生课题的理解、对死亡与失去的释怀。它不做医疗诊断，也不替代治疗。'], ].map(([q, a]) => (
{q}

{a}

))}
go('learn')} arw>读完整说明（30 秒 / 5 分钟 / 深读）
{/* 四原则 */}
技术内核

四条它绝不妥协的原则

这些原则决定了量子催眠「是什么」，也决定了它「不是什么」。

    {[ ['深度', 'Depth', '带至最深层 θ 脑波状态（梦游态），而非浅层 α 脑波。'], ['定位', 'Position', '操作者是协助者，不是主导者或治疗者，不把自己的信念强加给来访者。'], ['简洁', 'Simplicity', '没有一个多余的步骤，也没有一个可以减掉的环节。'], ['并非"管道"', 'Not a Channel', '真正的管道是来访者自己。朵奶奶说：她不是灵媒，而是向导与记者。'], ].map(([a, b, c]) => (
  • {b.slice(0, 2).toUpperCase()}

    {a}{b}

    {c}

    • ))}
{/* 02 创始人 · 视频 */}
{/* 03 信任：相册 + 证言 */}
03真的有人学过
{/* 04 课程 */}
04怎么学

三个阶段，
每一级都有它的边界。

go('courses')} arw>课程详情
{/* 05 下一步 */}
05下一步

还没想好？
先来一场活动。

{ window.__scrollTo = 'sec-events'; go('courses'); }} arw>全部即将到来的活动 go('book')}>或填一张咨询表 →
{/* 文章 + 公众号 */}
go('posts')} arw>全部文章} />
{QD.posts.slice(0, 3).map((p, i) => )}
); } /* 创始人视频（头像已在页首，这里只放视频） */ function FounderVideos() { const go = window.__go; const mine = QD.videos.filter((v) => v.kind === '朵洛莉丝'); const [cur, setCur] = React.useState(mine[0]); return (
02谁创立了它

听她自己讲。

朵奶奶生前的公开访谈片段，中英双语字幕。从「什么是量子催眠」开始，到「为什么要成为一名操作者」。

    {mine.map((v, i) => (
    2. ))}
go('dolores')} style={{ color: 'var(--teal-300)' }}>她的生平与二十本著作 →
); } /* ============ 证言：首页长卷 ============ */ function VoicesRiver() { const go = window.__go; const vs = QD.voices; const feat = vs.filter((v) => ['紫园', '七月–梓寒', '毕彤娜', 'Jessy', '茜茜'].includes(v.n)); const [i, setI] = React.useState(0); React.useEffect(() => { const t = setInterval(() => setI((x) => (x + 1) % feat.length), 6500); return () => clearInterval(t); }, [feat.length]); const f = feat[i]; const lane1 = vs.slice(0, 9), lane2 = vs.slice(8); return (
学员证言

他们留下的话。

{vs.slice(0, 9).map((v) => {v.n})} +{vs.length - 9} 位学员
{f.n}
「{f.hl}」
— {f.n}
{feat.map((x, k) =>
{[lane1, lane2].map((lane, li) => (
{[...lane, ...lane].map((v, k) => (
go('voices')}> {v.hl} {v.n}
))}
))}
go('voices')} style={{ borderColor: 'rgba(238,244,243,.28)', color: '#fff' }} arw>读完 17 段原文
); } /* ============ 证言页 ============ */ function VoicesPage() { const [on, setOn] = React.useState(null); const refs = React.useRef({}); const vs = QD.voices; /* 星群坐标：确定性分布 */ const pos = React.useMemo(() => vs.map((v, k) => { const a = k * 2.399963; const r = 0.18 + 0.32 * Math.sqrt((k + 0.5) / vs.length); return { x: 50 + Math.cos(a) * r * 92, y: 50 + Math.sin(a) * r * 88, s: v.short ? 46 : 62 }; }), []); const focus = (n) => { setOn(n); const el = refs.current[n]; if (el) window.scrollTo({ top: el.getBoundingClientRect().top + window.scrollY - 110, behavior: 'smooth' }); }; return ( <>
学员证言 · {vs.length} 位

他们说过的话。

每一张脸都是一位学过的人。点任意一位，直接跳到他的那一段——全部原文，没有删改。

{vs.map((v, k) => ( ))}
{vs.map((v) => (
(refs.current[v.n] = el)} className={'vp-item' + (on === v.n ? ' on' : '')}> ”
{v.hl}
{v.q}
{v.n}
{v.n}{v.short ? '课后留言' : '学习手记'}
))}

下一段，也许是你写的。

window.__go('courses')} arw>看课程与价格
); } /* ============ 课程卡（含价格与套餐） ============ */ function CourseCards({ compact }) { const [enroll, setEnroll] = React.useState(null); return ( <>
{QD.courses3.map((c) => (
{c.lvl} · {c.en}

{c.t}

{c.n}
{c.priceText} {c.price ? '人民币 · 含教材与证书' : '价格待公布'}

{c.lead}

{!compact &&
{c.points.map((p) =>
  • {p}
    • )}
    }
    {c.bundle && (
    职业催眠师套餐
    {c.bundle.sub}
    {c.bundle.priceText}¥25,600
    {c.bundle.save}
    )}
    {c.statusText}
    {c.status === 'soon' ? ( 尚未开放 ) : (
    setEnroll({ c, bundle: false })}> 报名{c.t.replace('量子催眠', '')} {c.bundle && ( setEnroll({ c, bundle: true })}>报名职业套餐 · {c.bundle.priceText} )}
    )}
    ))}
    {enroll && React.createElement(window.EnrollSheet5 || EnrollSheet, { c: enroll.c, bundle: enroll.bundle, onClose: () => setEnroll(null) })} ); } /* 报名方式选择：付款 / 客服 / 公众号 */ function EnrollSheet({ c, bundle, onClose }) { const [mode, setMode] = React.useState(null); const name = bundle ? '职业催眠师套餐（一阶段 + 二阶段）' : c.t; const price = bundle ? c.bundle.priceText : c.priceText; const locked = c.status === 'locked' && !bundle; return ( {!mode && ( <>
    课程报名

    你想怎么报名？

    {name} {price}
    {locked && (

    二阶段需先完成一阶段并取得证书。如果还没学过一阶段，建议选择职业套餐，或先咨询课程顾问。

    )}
    )} {mode && (

    {mode === 'pay' ? '微信扫码付款' : mode === 'service' ? '扫码添加课程顾问' : '扫码关注「量子催眠中国」'}

    {name} · {price}

    {mode === 'pay' && '手机上请直接点下方按钮跳转。付款完成后，课程会在公众号自动开通。'} {mode === 'service' && <>客服微信：{QD.enroll.serviceWx}（{QD.enroll.serviceName}）· 工作日 10:00–21:00} {mode === 'mp' && '关注后点公众号菜单「课程报名」，选择对应课程即可。'}

    {mode === 'pay' && 打开付款页面} {mode === 'service' && }
    )}     ); } /* ============ 课程页 ============ */ function CoursesPage() { const go = window.__go; return ( <>
    课程 · 三个阶段

    成为操作者，是一段长路。

    一阶段打底，二阶段深入。一、二阶段同时报名，即为职业催眠师套餐。

    价格单位为人民币。三阶段的课程结构与价格定稿后，会在此页与公众号同时公布。

    课程之外

    还没决定？
    先来一场活动。

    公开课、开放日、学员聚会与督导——更短，也更容易来。

    go('events')} arw>即将到来的活动
      {[['付款即开通', '线上部分付款后在公众号自动开通，可反复观看。'], ['分期与发票', '咨询课程顾问可办理分期；发票随开课材料一并寄送。'], ['套餐说明', '职业套餐一次性报名一、二阶段，二阶段在一阶段结业后开放。']].map(([a, b], i) => (
    • 0{i + 1}

      {a}

      {b}

      • ))}
    ); } /* ============ 活动 ============ */ function UpcomingTop({ a }) { const go = window.__go; const s = dparts(a.start), e = dparts(a.end); return (
    {Math.max(0, Math.ceil((new Date(a.start) - new Date('2026-11-03')) / 864e5)) || '—'}天后开始
    {a.form} · {a.level}

    {a.title}

    时间
    {s.mn} 月 {s.d} 日{a.days > 1 ? ` — ${e.mn !== s.mn ? e.mn + ' 月 ' : ''}${e.d} 日` : ''}
    {s.y} · {s.w}{a.days > 1 ? ` 起 · 共 ${a.days} 天` : ''}
    地点
    {a.city}
    {a.venue}
    余位 {a.left} / {a.seats}截止 {a.deadline.slice(5).replace('-', '.')}
    go('book')}>报名这一场 读公众号原文 →
    ); } function EventsPage4() { const go = window.__go; const [tab, setTab] = React.useState('upcoming'); const [detail, setDetail] = React.useState(null); if (detail) return { setDetail(null); window.scrollTo(0, 0); }} />; return ( <>
    活动

    下一场，什么时候。

    {[['upcoming', '即将到来', QD.upcoming.length], ['past', '往期活动', QD.events.length]].map(([k, t, n]) => ( ))}
    {tab === 'upcoming' && (
    {QD.upcoming.slice(1).map((a) => (
    {a.form} · {a.level}

    {a.title}

    {a.city}{a.dateText}
      {a.points.slice(0, 2).map((p) =>
    • {p}
      • )}
    余 {a.left} / {a.seats}
    go('book')}>报名 原文 → {Ico.wechat()} {a.source.at}
    ))}

    活动信息由公众号推文自动抓取并经人工确认；以原文为准。

    )} {tab === 'past' && (
    {QD.events.map((ev) => ( ))}
    )} ); } function PastEventDetail({ ev, onBack }) { const go = window.__go; return ( <>
    往期活动 · 已结束

    {ev.title}

    {[['时间', ev.date], ['地点', ev.place || ev.city], ['参加人数', ev.people + ' 人'], ['类型', ev.kind]].map(([k, v]) => (
    {k}
    {v}
    ))}
    活动介绍

    {ev.intro}

    {ev.note &&

    {ev.note}

    }
      {ev.agenda.map((a, i) =>
    • 0{i + 1}

      {a}

      • )}
    go('gallery', ev.id)} arw>看这一场的相册（{ev.photos} 张） go('events')}>即将到来的同类活动
    ); } /* ============ 相册独立页 ============ */ function GalleryPage({ id }) { const [evId, setEvId] = React.useState(id || QD.events[0].id); const ev = QD.events.find((e) => e.id === evId) || QD.events[0]; const [i, setI] = React.useState(0); const thumbs = React.useRef(null); const list = Array.from({ length: ev.photos }, (_, k) => `assets/gallery/${ev.id}/${String(k + 1).padStart(2, '0')}.jpg`); React.useEffect(() => { setI(0); }, [evId]); const step = React.useCallback((d) => setI((x) => (x + d + list.length) % list.length), [list.length]); React.useEffect(() => { const h = (e) => { if (e.key === 'ArrowRight') step(1); if (e.key === 'ArrowLeft') step(-1); }; window.addEventListener('keydown', h); return () => window.removeEventListener('keydown', h); }, [step]); React.useEffect(() => { const el = thumbs.current; const k = el && el.children[i]; if (k) el.scrollTo({ left: k.offsetLeft - el.clientWidth / 2 + k.offsetWidth / 2, behavior: 'smooth' }); }, [i]); return ( <>
    活动相册 · 2012—2019

    十五场课的现场。

    {QD.events.map((e) => ( ))}
    {list.map((s, k) => {`${ev.title})}
    {ev.title} · {ev.date} · {ev.people} 人{i + 1} / {list.length}
    {list.map((s, k) => )}
    ); } Object.assign(window, { V4Styles, Hero4, Home4, FounderVideos, VoicesRiver, VoicesPage, CourseCards, EnrollSheet, CoursesPage, UpcomingTop, EventsPage4, PastEventDetail, GalleryPage, CalBlock, });