const { Button, Logo, PrismRule, IconButton } = window.PrismDS; function useLucide(dep){ React.useEffect(()=>{ window.lucide && window.lucide.createIcons(); }); } const Icon = ({ name, size = 18, color = 'currentColor' }) => ; // Every string below comes from /content — see CONTENT.md. `PrismContent` and `T` are globals // installed by content-loader.js. const NAV = () => PrismContent.pick(PrismContent.nav); function SiteHeader({ page, go, onGate }) { const [scrolled, setScrolled] = React.useState(false); React.useEffect(() => { const el = document.getElementById('scroller'); if (!el) return; const h = () => setScrolled(el.scrollTop > 12); el.addEventListener('scroll', h); return () => el.removeEventListener('scroll', h); }, []); const dark = page === 'home' && !scrolled; return (
go('home')} style={{ cursor: 'pointer', display: 'flex', alignItems: 'center' }}> {/* align="center"：两行文字共用同一水平中轴、左右对称（英文行相对中文行居中）。 此前是 "left"（两行左对齐）。只影响 Logo 内部文字列的横向对齐， 图标仍按中文行顶 ink / 英文行底 ink 计算 top 与高度，顶/底对齐关系不变。 */} {/* 英文版暂未上线：按钮 UI 与占位位置原样保留，仅点击不生效（开关见 content-loader.js 的 PrismContent.EN_ENABLED）。开关置 true 即自动恢复切换，无需改这里。 */}
); } function SiteFooter({ go }) { return ( ); } function FooterCol({ title, items, onItem }) { return (
{title}
{items.map((it, i) => onItem && onItem(i)} style={{ font: 'var(--type-caption)', color: 'var(--text-inverse)', cursor: 'pointer', textDecoration: 'none' }}>{it})}
); } function Section({ eyebrow, title, lead, children, tone = 'light', tight, style, titleWeight = 600 }) { return (
{(eyebrow || title) && (
{eyebrow &&
{eyebrow}
} {title &&

{title}

} {lead &&

{lead}

}
)} {children}
); } // 揭示动画用 animation + animation-delay（不用 transition/transition-delay），播完即由 JS 卸下类与内联延迟， // 元素回到自身样式 —— 否则残留的错峰延迟会拖慢该元素后续所有 hover 过渡。 const REVEAL_CSS = '@keyframes prismRv{from{opacity:0;transform:translate3d(0,20px,0)}to{opacity:1;transform:none}}@keyframes prismEnter{from{opacity:0;transform:translate3d(0,10px,0)}to{opacity:1;transform:none}}.prism-rv{opacity:0}.prism-rv.is-rv{animation:prismRv .56s var(--ease-out) both}.prism-enter{animation:prismEnter .46s var(--ease-out) both}@media(prefers-reduced-motion:reduce){.prism-rv,.prism-rv.is-rv{opacity:1;animation:none}.prism-enter{animation:none}}'; function Reveal({ page, children }) { const ref = React.useRef(null); React.useEffect(() => { const root = ref.current; if (!root) return; if (page === 'contact') return; const reduce = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches; const targets = []; root.querySelectorAll('section').forEach(sec => { const box = sec.firstElementChild; if (!box) return; const blocks = Array.from(box.children); const group = []; blocks.forEach(b => { if (b.tagName === 'STYLE' || b.querySelector('canvas') || b.querySelector('.prism-vtl')) return; const kids = Array.from(b.children).filter(k => k.tagName !== 'STYLE'); const gridish = kids.length > 1 && /grid|flex/.test(getComputedStyle(b).display); if (gridish) kids.forEach(k => group.push(k)); else group.push(b); }); group.forEach((el, i) => targets.push([el, i])); }); if (reduce || !('IntersectionObserver' in window)) return; // progressive enhancement: nothing is hidden until we know it starts below the fold. // Anything already in the first screen just plays a short staggered entrance instead. const vh = window.innerHeight || 800; let above = 0; const below = []; targets.forEach(([el, i]) => { if (el.getBoundingClientRect().top < vh * 0.95) { el.style.animationDelay = Math.min(above++, 6) * 70 + 'ms'; el.classList.add('prism-enter'); } else { el.style.animationDelay = Math.min(i, 5) * 90 + 'ms'; el.classList.add('prism-rv'); below.push(el); } }); // 动画结束即清除类与内联延迟，元素不留任何残余样式 const clean = (e) => { const el = e.currentTarget; el.classList.remove('prism-rv', 'is-rv', 'prism-enter'); el.style.animationDelay = ''; el.removeEventListener('animationend', clean); }; targets.forEach(([el]) => el.addEventListener('animationend', clean)); const io = new IntersectionObserver(es => es.forEach(e => { if (e.isIntersecting) { e.target.classList.add('is-rv'); io.unobserve(e.target); } }), { root: document.getElementById('scroller'), rootMargin: '0px 0px -10% 0px', threshold: 0 }); below.forEach(t => io.observe(t)); // safety net: after 3s force-show anything that is on screen but still hidden (a silently // broken observer) — elements still below the fold stay hidden so they keep their scroll reveal const bail = setTimeout(() => below.forEach(t => { if (t.classList.contains('is-rv')) return; const r = t.getBoundingClientRect(); if (r.top < window.innerHeight && r.bottom > 0) t.classList.add('is-rv'); }), 3000); return () => { clearTimeout(bail); io.disconnect(); targets.forEach(([el]) => el.removeEventListener('animationend', clean)); }; }, [page]); return
{children}
; } Object.assign(window, { Reveal, SiteHeader, SiteFooter, Section, FooterCol, Icon, useLucide, NAV });