@@ -29,9 +29,11 @@ type Act = 'silence' | 'event' | 'afterglow';
2929export function SignatureMoment ( ) {
3030 const signatureSeq = useWorldEvents ( ( s ) => s . signatureSeq ) ;
3131 const signatureConcept = useWorldEvents ( ( s ) => s . signatureConcept ) ;
32+ const signatureVariant = useWorldEvents ( ( s ) => s . signatureVariant ) ;
3233 const [ active , setActive ] = useState ( false ) ;
3334 const [ act , setAct ] = useState < Act > ( 'silence' ) ;
3435 const [ concept , setConcept ] = useState ( '' ) ;
36+ const [ variant , setVariant ] = useState < 'mastery' | 'genesis' > ( 'mastery' ) ;
3537 const timers = useRef < Array < ReturnType < typeof setTimeout > > > ( [ ] ) ;
3638 const reduced = useMemo (
3739 ( ) => typeof window !== 'undefined' && window . matchMedia ( '(prefers-reduced-motion: reduce)' ) . matches ,
@@ -54,6 +56,7 @@ export function SignatureMoment() {
5456 if ( signatureSeq === 0 ) return ;
5557 clearTimers ( ) ;
5658 setConcept ( signatureConcept ) ;
59+ setVariant ( signatureVariant ) ;
5760 setActive ( true ) ;
5861
5962 if ( reduced ) {
@@ -143,15 +146,31 @@ export function SignatureMoment() {
143146 </ div >
144147
145148 < div >
146- < div style = { {
147- fontFamily : "'LXGW WenKai Lite','Noto Serif SC',serif" ,
148- fontSize : 30 , fontWeight : 700 , letterSpacing : 2 , color : '#E0E6F0' ,
149- } } >
150- 「{ concept || '这个概念' } 」
151- </ div >
152- < div style = { { fontSize : 14 , color : '#90A0B8' , marginTop : 12 , letterSpacing : 3 } } >
153- 已成为你秩序的一部分
154- </ div >
149+ { variant === 'genesis' ? (
150+ < >
151+ < div style = { {
152+ fontFamily : "'LXGW WenKai Lite','Noto Serif SC',serif" ,
153+ fontSize : 34 , fontWeight : 700 , letterSpacing : 4 , color : '#E0E6F0' ,
154+ } } >
155+ 第一颗星,亮了
156+ </ div >
157+ < div style = { { fontSize : 14 , color : '#90A0B8' , marginTop : 14 , letterSpacing : 3 } } >
158+ 从这次首潜开始,这个世界开始记住你
159+ </ div >
160+ </ >
161+ ) : (
162+ < >
163+ < div style = { {
164+ fontFamily : "'LXGW WenKai Lite','Noto Serif SC',serif" ,
165+ fontSize : 30 , fontWeight : 700 , letterSpacing : 2 , color : '#E0E6F0' ,
166+ } } >
167+ 「{ concept || '这个概念' } 」
168+ </ div >
169+ < div style = { { fontSize : 14 , color : '#90A0B8' , marginTop : 12 , letterSpacing : 3 } } >
170+ 已成为你秩序的一部分
171+ </ div >
172+ </ >
173+ ) }
155174 </ div >
156175
157176 { act === 'afterglow' && ! reduced && (
0 commit comments