/* pages-v5.jsx — 第五轮 · 统一弹窗：Sheet（标题区 / 主体 / 底部动作区，圆角、留白、关闭按钮一致） · 课程 + 活动合并一页（活动在课程下方） · 活动卡与详情：线下特色图位 · 著作：列表 + 简介（无价格），按主题筛选 · 视频：影院式主屏 + 章节式片单 · 文章：小图 + 列表 / 卡片两种排列可切换；新分类；征稿独立入口 · 什么是量子催眠：页头配图 */ function V5Styles() { return ( ); } /* ================= 统一弹窗组件 ================= */ function Sheet({ onClose, kicker, title, sub, children, footer, max = 480 }) { React.useEffect(() => { const h = (e) => { if (e.key === 'Escape') onClose(); }; window.addEventListener('keydown', h); document.body.style.overflow = 'hidden'; return () => { window.removeEventListener('keydown', h); document.body.style.overflow = ''; }; }, [onClose]); return (

{ if (e.target === e.currentTarget) onClose(); }}>

); } /* 课程报名弹窗（重做） */ function EnrollSheet5({ c, bundle, onClose }) { const [mode, setMode] = React.useState(null); const name = bundle ? '职业催眠师套餐' : c.t; const sub = bundle ? '一阶段 + 二阶段 · 同时报名' : c.en; const price = bundle ? c.bundle.priceText : c.priceText; const locked = c.status === 'locked' && !bundle; const titles = { pay: '微信扫码付款', service: '添加课程顾问', mp: '关注公众号报名' }; if (mode) { return ( {mode === 'pay' && 打开付款页面} {mode === 'service' && } {mode === 'mp' && } }>

{mode === 'service' &&

微信号 {QD.enroll.serviceWx}

}

1微信扫码 2{mode === 'pay' ? '确认付款' : mode === 'service' ? '发送「报名」' : '点菜单'} 3{mode === 'pay' ? '自动开通' : '顾问跟进'}

); } return (

{name}

{sub}

{price}

{locked &&

二阶段需先完成一阶段并取得证书。还没学过一阶段？选「职业套餐」一次报名两阶段更省。

}

); } /* 覆盖 v4 的 CourseCards 内部弹窗 */ window.EnrollSheet = EnrollSheet5; /* ================= 活动卡（带图位） ================= */ function EventGallery({ a }) { const g = a.gallery || []; const slots = Math.max(0, 4 - g.length); return (

{g.map(([src, cap]) =>

)} {Array.from({ length: slots }).map((_, i) =>

现场照片
活动后由后台上传)}

); } function UpcomingCard5({ a, big }) { const go = window.__go; const s = dparts(a.start), e = dparts(a.end); return (

{big && (

{a.cover ?

}

{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 CoursesEventsPage() { const go = window.__go; const [sec, setSec] = React.useState('c'); const [pastOpen, setPastOpen] = React.useState(null); React.useEffect(() => { const h = () => { const ev = document.getElementById('sec-events'); const past = document.getElementById('sec-past'); const y = window.scrollY + 160; setSec(past && y >= past.offsetTop ? 'p' : ev && y >= ev.offsetTop ? 'e' : 'c'); }; window.addEventListener('scroll', h, { passive: true }); if (!window.__scrollTo && window.__route === 'events') window.__scrollTo = 'sec-events'; if (window.__scrollTo) { const id = window.__scrollTo; window.__scrollTo = null; setTimeout(() => jump(id), 80); } return () => window.removeEventListener('scroll', h); }, []); const jump = (id) => { const el = document.getElementById(id); if (el) window.scrollTo({ top: el.offsetTop - 130, behavior: 'smooth' }); }; if (pastOpen) return { setPastOpen(null); setTimeout(() => jump('sec-past'), 60); }} />; return ( <>

课程与活动

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

上方是三个阶段的课程与价格；往下是即将到来的活动——还没决定之前，可以先来一场。

{[['c', 'sec-courses', '课程 · 三个阶段'], ['e', 'sec-events', '即将到来的活动'], ['p', 'sec-past', '往期活动']].map(([k, id, t]) => ( { e.preventDefault(); jump(id); }}>{t} ))} { e.preventDefault(); go('gallery'); }}>活动相册 → 一、二阶段各 ¥12,800 · 套餐 ¥24,000

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

活动 · 即将到来
下一场，什么时候。

{Ico.wechat()} 由公众号推文自动抓取，经人工确认

{QD.upcoming.slice(1).map((a) => )}

往期活动 · {QD.events.length} 场
2012 — 2019

go('gallery')} arw>进入活动相册

{QD.events.map((ev) => ( ))}

); } /* ================= 著作与影像页 ================= */ function LibraryPage() { const go = window.__go; const [th, setTh] = React.useState('全部'); const list = th === '全部' ? QD.books : QD.books.filter((b) => b.theme === th); return ( <>

书籍与影像

她写下的，和她留下的。

朵洛莉丝一生写了二十余本书，全部来自催眠个案的逐字记录。这里是每本书讲什么的简介。

{QD.bookThemes.map((t) => ( ))}

{list.map((b) => (
go('library')} role="button" tabIndex={0} onKeyDown={(e) => { if (e.key === 'Enter') go('library'); }} style={{ cursor: 'pointer' }}>

{String(QD.books.indexOf(b) + 1).padStart(2, '0')} · {b.year || '—'}
{b.t}

{b.en}

{b.intro}

{b.lang === '英语' ? '英文版' : b.lang + '版'}看简介 →

))}

本站不销售实体书籍，仅作介绍。

{QD.videosOther.map((v, i) => { /* 兼容两种形态：本地三元组 ["标题","分类","时长"] 与接口对象 */ const t = Array.isArray(v) ? v[0] : (v.t || v.title || ''); const k = Array.isArray(v) ? v[1] : (v.kind || ''); const d = Array.isArray(v) ? v[2] : (v.du || v.dur || ''); return (
{Ico.play()}

{t}

{k} · {d}

); })}

); } /* ================= 影院式视频区 ================= */ function CinemaSection({ title = '听她自己讲', kicker = '朵洛莉丝 · 原声访谈', step }) { const go = window.__go; const list = QD.videos; const [cur, setCur] = React.useState(list[0]); const ref = React.useRef(null); const pick = (v) => { setCur(v); setTimeout(() => { const el = ref.current; if (el) { el.load(); el.play().catch(() => { }); } }, 30); }; return (

{step ?
{step}{kicker}
:
{kicker}
}
{title}

中英双语字幕。从「什么是量子催眠」开始，到「为什么要成为一名操作者」。

片单 · {list.length} 支
{list.map((v, i) => ( ))}

); } /* ================= 文章页 ================= */ function PostsPage() { const go = window.__go; const [cat, setCat] = React.useState('全部'); const [view, setView] = React.useState(() => localStorage.getItem('qhht-artview') || 'list'); const [cfp, setCfp] = React.useState(false); React.useEffect(() => { localStorage.setItem('qhht-artview', view); }, [view]); const list = cat === '全部' ? QD.posts : QD.posts.filter((p) => p.cat === cat); const [feat, ...rest] = list; const d = (s) => { const [y, m, dd] = s.split('-'); return { y, md: m + '.' + dd, dd }; }; return ( <>

文章 · 同步自公众号
阅读

带此标记的文章同步自公众号，可一键跳转原文

{QD.postCats.map((c) => ( ))}

{view === 'list' && feat && ( <>
go('post', feat.id)}>

{feat.cat}{feat.src === 'wechat' && }

{feat.t}

{feat.ex}

{feat.date.replace(/-/g, '.')} · {feat.read.toLocaleString()} 阅读

{rest.map((p) => { const dt = d(p.date); return (
go('post', p.id)}>
{dt.md}{dt.y}

{p.cat}{p.src === 'wechat' && }

{p.t}

{p.ex}

); })}
)} {view === 'grid' && (
{list.map((p) => (
go('post', p.id)}>

{p.cat}{p.src === 'wechat' && }

{p.t}

{p.date.replace(/-/g, '.')} · {p.read.toLocaleString()} 阅读

))}
)} {!list.length &&
这个分类下暂时还没有文章。
}
✎
{QD.callForPapers.t}
{QD.callForPapers.d}

{cfp && ( setCfp(false)} kicker="征稿" title="投递你的量子催眠故事" sub="个案体会、学习手记、操作者感悟均可。经编辑整理后发布，发布前会与你确认。" footer={<>也可直接发邮件：{QD.callForPapers.mail}}>

署名

微信号

身份

标题

正文</div> </div> </Sheet> )} </> ); } /* ================= 什么是量子催眠 · 页头 ================= */ function LearnHeader() { return ( <section className="learn-hd"> <V5Styles /> <img src={img('learnHero')} alt="" /> <div className="wrap"> <div className="eyebrow on-dark" style={{ display: 'inline-flex' }}>理解 · 第一层</div> <h1 className="d1" style={{ marginTop: 20, color: '#fff', maxWidth: '12ch' }}>什么是量子催眠</h1> <p className="lede" style={{ marginTop: 22, maxWidth: '46ch', color: 'rgba(238,244,243,.75)' }}> 量子催眠（Quantum Healing Hypnosis Technique，QHHT®）是回溯催眠大师朵洛莉丝·侃南基于近五十年实践锤炼而成的一种独特催眠技术。 </p> <div style={{ marginTop: 28, display: 'flex', gap: 22, flexWrap: 'wrap', fontFamily: 'var(--f-mono)', fontSize: 10.5, letterSpacing: '.14em', color: 'rgba(238,244,243,.5)', textTransform: 'uppercase' }}> <span>约 8 分钟阅读</span><span>技术说明 · 非医疗建议</span> </div> </div> </section> ); } Object.assign(window, { V5Styles, Sheet, EnrollSheet5, EventGallery, UpcomingCard5, CoursesEventsPage, LibraryPage, CinemaSection, PostsPage, LearnHeader, });

{a.title}

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

下一场，什么时候。

2012 — 2019

{ev.title}

她写下的，和她留下的。

{b.t}

{title}

阅读

{feat.t}

{p.t}

{p.t}