��ࡱ�>�� �������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������  !"#$%&'()*+,-./0123456789:;<=>?@ABCDEFGHIJKLMNOPQRSTUVWXYZ[\]^_`abcdefghijklmnopqrstuvwxyz{|}~�����Root Entry�������� �FЊf��P�SummaryInformation(�����DocumentSummaryInformation8�������������WordDocument��������.>���� �������� !"#$%&'()*+,-./0123456789:;<=>?@ABC������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������ �����Oh��+'��0� p�x��� � �����x�95482 Normal.dotm\�s@1\��P�@�!W��P�>WPS Office NNHr_0.0.0.0_{F1E327BC-269C-435d-A152-05C5408002CA}�� ��՜.��+,��D��՜.��+,����H�PX`h px� 8������KSOProductBuildVerKSOTemplateDocerSaveRecordICV�2052-12.1.0.28505YeyJoZGlkIjoiMjhlODNiNmQ1ZTczYmRjNDUxYjdkODg0M2NjZTg2ZWQiLCJ1c2VySWQiOiI1NzY4NTIxNjQifQ==$867470B914024EF8B05913A9854F9DB7_12@<&0Table����� Data ����������������WpsCustomData������������D���������������� P��KSKS�.>�Z�������� ��/�� � $h�8� ��  <!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>KmKm`O�vNO5uϑuir�Vt�</title> <style> * { margin: 0; padding: 0; box-sizing: border-box; -webkit-tap-highlight-color: transparent; } html, body { font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", "Microsoft YaHei", sans-serif; color: #4A3E34; line-height: 1.7; min-height: 100%; -webkit-font-smoothing: antialiased; transition: background .6s ease; } body { display: flex; justify-content: center; padding: 0 18px; /* �la�|vY�ls|Ğ�^r� */ background: #FDF8F3; background-attachment: fixed; } #app { width: 100%; max-width: 560px; padding: 36px 0 60px; } .screen { display: none; animation: fade .45s ease; } .screen.active { display: block; } @keyframes fade { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } /* ---------- ��u� ---------- */ .intro-tag { display: inline-block; font-size: 13px; letter-spacing: 2px; color: #8B6B5A; background: #F4EBE1; border: 1px solid #EADBC8; border-radius: 999px; padding: 6px 16px; margin-bottom: 22px; } .intro-title { font-size: 34px; font-weight: 800; line-height: 1.3; letter-spacing: 1px; margin-bottom: 14px; color: #3D291B; } .intro-title em { font-style: normal; background: linear-gradient(135deg, #E07B44, #C25A2E); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .intro-sub { font-size: 15px; color: #7A6450; margin-bottom: 10px; } .intro-desc { font-size: 14px; color: #9A8A78; margin-bottom: 34px; line-height: 1.9; } .intro-box { background: #FFFFFF; border-radius: 22px; padding: 24px 22px 20px; box-shadow: 0 8px 28px rgba(180, 140, 100, .12); margin-bottom: 28px; font-size: 14px; color: #6B5A4A; border: 1px solid #F0E6DC; } .intro-box p { margin-bottom: 8px; } .intro-box p:last-child { margin-bottom: 0; } .intro-box strong { color: #4A3E34; } .btn-main { display: block; width: 100%; border: none; background: linear-gradient(135deg, #E07B44, #C25A2E); color: #fff; font-size: 17px; font-weight: 700; letter-spacing: 2px; padding: 18px 0; border-radius: 999px; cursor: pointer; box-shadow: 0 8px 24px rgba(194, 90, 46, .35); transition: transform .15s ease, box-shadow .15s ease; } .btn-main:active { transform: scale(.97); box-shadow: 0 4px 14px rgba(194, 90, 46, .3); } .intro-foot { text-align: center; font-size: 12px; color: #B0A090; margin-top: 16px; } /* ---------- T{�� ---------- */ .progress-wrap { display: flex; align-items: center; gap: 12px; margin-bottom: 30px; } .progress-bar { flex: 1; height: 8px; background: #F0E6DC; border-radius: 999px; overflow: hidden; } .progress-inner { height: 100%; width: 0%; background: linear-gradient(90deg, #E07B44, #C25A2E); border-radius: 999px; transition: width .35s ease; } .progress-num { font-size: 13px; color: #8B6B5A; font-weight: 700; min-width: 42px; text-align: right; } .q-index { font-size: 14px; color: #C25A2E; font-weight: 700; margin-bottom: 8px; letter-spacing: 1px; } .q-text { font-size: 21px; font-weight: 700; line-height: 1.6; margin-bottom: 26px; letter-spacing: .5px; color: #3D291B; } .options { display: flex; flex-direction: column; gap: 14px; } .option { background: #FFFFFF; border: 1.5px solid #F0E6DC; border-radius: 18px; padding: 16px 18px; font-size: 15px; color: #4A3E34; cursor: pointer; display: flex; align-items: center; gap: 12px; transition: all .18s ease; box-shadow: 0 4px 16px rgba(180, 140, 100, .06); } .option:active { transform: scale(.98); } .option.selected { border-color: #C25A2E; background: #FFF9F4; box-shadow: 0 6px 20px rgba(194, 90, 46, .15); } .opt-key { flex-shrink: 0; width: 28px; height: 28px; border-radius: 50%; background: #F4EBE1; color: #8B6B5A; font-size: 13px; font-weight: 700; display: flex; align-items: center; justify-content: center; transition: all .18s ease; } .option.selected .opt-key { background: #C25A2E; color: #fff; } /* ---------- �~�gu�8h�_ ---------- */ :root { --primary: #C25A2E; --primary-light: #FDF2EB; --primary-gradient: linear-gradient(135deg, #E07B44, #C25A2E); --bg-color: #FDF8F3; } /* v���ĖaSGr��mr�ؚq��T �W[�~}v ��[�k�^�b�n */ .res-hero { border-radius: 28px; padding: 44px 24px 36px; text-align: center; color: #fff; position: relative; overflow: hidden; box-shadow: 0 16px 40px rgba(0, 0, 0, .15); margin-bottom: 22px; background: var(--primary-gradient); } .res-hero::before { content: ""; position: absolute; top: -40%; left: -20%; width: 140%; height: 140%; background: radial-gradient(circle at 30% 30%, rgba(255,255,255,.2) 0%, transparent 60%); pointer-events: none; } .res-emoji { font-size: 64px; line-height: 1; margin-bottom: 16px; position: relative; z-index: 1; filter: drop-shadow(0 6px 12px rgba(0,0,0,.2)); } .res-label { font-size: 13px; letter-spacing: 3px; opacity: .9; margin-bottom: 12px; position: relative; z-index: 1; } .res-name { font-size: 34px; font-weight: 800; letter-spacing: 1px; margin-bottom: 12px; position: relative; z-index: 1; line-height: 1.3; text-shadow: 0 2px 10px rgba(0,0,0,.15); } .res-catch { font-size: 16px; font-weight: 600; opacity: .95; position: relative; z-index: 1; line-height: 1.6; margin-bottom: 24px; } /* NO5uϑcpeag */ .meter-wrap { background: rgba(255, 255, 255, .25); border-radius: 999px; height: 10px; margin: 0 20px 10px; overflow: hidden; position: relative; z-index: 1; } .meter-inner { height: 100%; border-radius: 999px; background: #FFF; transition: width 1s ease; } .meter-label { font-size: 13px; font-weight: 600; opacity: .95; position: relative; z-index: 1; } /* �Q�[aSGr��~}v�^r� �4�q_�R�m �:SWWRf */ .block { background: #FFFFFF; border-radius: 22px; padding: 26px 22px; margin-bottom: 18px; box-shadow: 0 8px 28px rgba(180, 140, 100, .10); border: 1px solid #F5EDE5; } .block-title { font-size: 16px; font-weight: 800; letter-spacing: 1px; color: #3D291B; margin-bottom: 16px; display: flex; align-items: center; gap: 8px; } .block-title span.emoji { font-size: 20px; } .block-text { font-size: 15px; color: #5C4A3B; line-height: 1.95; } .ancestor-name { font-size: 20px; font-weight: 800; color: #3D291B; margin-bottom: 10px; } .ancestor-quote { font-size: 15px; color: #7A6450; font-style: italic; line-height: 1.8; padding: 16px 18px; background: var(--primary-light); border-radius: 14px; border-left: 4px solid var(--primary); } .action-list { display: flex; flex-direction: column; gap: 16px; } .action-item { display: flex; gap: 12px; font-size: 15px; color: #5C4A3B; line-height: 1.8; } .action-num { flex-shrink: 0; width: 26px; height: 26px; border-radius: 50%; background: var(--primary-light); color: var(--primary); font-size: 14px; font-weight: 800; display: flex; align-items: center; justify-content: center; margin-top: 2px; } /* hm݋/gFh */ .quote-box { border: 2px dashed #EADBC8; background: #FDF8F3; border-radius: 16px; padding: 20px; margin-top: 16px; position: relative; } .quote-box p { font-size: 15px; color: #5C4A3B; line-height: 1.8; font-weight: 500; } .btn-copy { display: inline-flex; align-items: center; justify-content: center; gap: 6px; margin-top: 14px; padding: 10px 22px; background: var(--primary); color: #fff; border: none; border-radius: 999px; font-size: 14px; font-weight: 700; cursor: pointer; transition: all .2s ease; box-shadow: 0 4px 14px rgba(0,0,0,.15); } .btn-copy:active { transform: scale(.95); } .btn-copy.copied { background: #34C759; } .res-actions { display: flex; flex-direction: column; gap: 12px; margin-top: 28px; } .btn-ghost { width: 100%; border: 1.5px solid #EADBC8; background: #FFFFFF; color: #7A6450; font-size: 16px; font-weight: 700; letter-spacing: 1px; padding: 16px 0; border-radius: 999px; cursor: pointer; transition: all .18s ease; box-shadow: 0 4px 14px rgba(180, 140, 100, .08); } .btn-ghost:active { background: #FDF8F3; transform: scale(.98); } .res-foot { text-align: center; font-size: 13px; color: #A09080; margin-top: 24px; line-height: 1.9; } </style> </head> <body data-theme="default"> <div id="app"> <!-- ========== ��u� ========== --> <div id="intro" class="screen active"> <div class="intro-tag">�`�~hm � NO5uϑ�Km</div> <div class="intro-title">KmKm`O�v<br><em>NO5uϑuir�Vt�</em></div> <div class="intro-sub">`O/faS�v�]�b0h�a �؏/fY��4l�k�</div> <div class="intro-desc"> 30 S��� ��Q,{N�S�^ �0<br> �l g�[� � N(u�~�~ �2 R��1\}Y0 </div> <div class="intro-box"> <p><strong>ُ N/fʋ�e �/fhm0</strong></p> <p>�S/f�`.^`O w w ��s(W�v��]/f�NHN�r`0</p> <p>Km�[`OO�_0RN*N�Rir0N�S�a`O�v݋ �</p> <p>؏ g 3 �N�N)Y1\��ZP�v0 N(u�����v\�N0</p> </div> <button class="btn-main" onclick="startQuiz()">_�YKmՋ</button> <div class="intro-foot">Km�[���_egċ��:S ���`O/f�NHN�W</div> </div> <!-- ========== T{�� ========== --> <div id="quiz" class="screen"> <div class="progress-wrap"> <div class="progress-bar"><div class="progress-inner" id="progressInner"></div></div> <div class="progress-num" id="progressNum">1 / 30</div> </div> <div class="q-index" id="qIndex">Q1</div> <div class="q-text" id="qText"></div> <div class="options" id="options"></div> </div> <!-- ========== �~�g ========== --> <div id="result" class="screen"></div> </div> <script> /* ================= ���^ ================= */ const questions = [ { q: "hT�N N�s � g�S4N�e�~`OTm� �`O,{N�S�^�", o: ["�Q�ck}Y�Q�S��l", " w5uϑ �؏ g30%1\�S", "�`�S �FO�Q蕁�bcc� g ��{�N", "GPň�l w0R �f)Y�Q�", "�]�� N�V ��~�~��@w"] }, { q: "�e N�����TT �`O�8^�", o: ["�z;Rw��^ ��N)Y g�[�c", "V��QR�� �6qTw�", "sQ�c�Qaw �ߏ0R1\ߏ0R", "���NFO N�`�R �7RKb:g", "�[hQ�l,T0R ��`��T)]�n"] }, { q: "hT+g NHS N�p �`O�S�s��]؏�l�Q� �`OO�", o: ["v�'}�~�N�Q�p�p�", "�l�N ��[@w_N:c}Y", " g�p'a�u �FO�~�~�[", "�{�N ��N)Y1\ُ7h'T", "N)Y�l�Q� ��_ck8^"] }, { q: "�`0Rf)Y�� N�s �`O�NZf�v�r`/f�", o: ["�cMR�QY}Y ��e�paw", " g�p�p �FO���c�S", " N�`b��[ ��b�^awɉ", "&qQ�0R7RKb:g\P N Neg", "�e@b� ��Sck��ُ7h"] }, { q: "�Y�g�z6qY�QJS)YGP �`OO�", o: ["�[�cN�v�`ZP�v�N", "aw*N�V<{ɉ �babaǏ", "��@w7RKb:g �NCf1\Ǐ", " N�wS�r^V ��~�~��", "ޏGP���a�_ĉR"] }, { q: "`OgяN!kɉ�_ �N)Y�r` N� /f�NHN�eP�", o: ["�N)Yb(f)Y", "ُhT gǏ", "�� Nn�N", "}Y�P�_EN�l g", "�l�NHNaɉ ����] NY"] }, { q: " w0RlQ�S gGSL�:gO �`O,{N�S�^�", o: ["��w�QY ��N�SN N", "�� � g1\ g�l g�bP", "�{�N ����[n� N0Rb", "+R~bb �YN�N N�Y\N�N", "&qQ�FO N�`�R �aS(W-N��"] }, { q: " g�S�cP�`Of[*N�e�b�� �`OO�", o: ["�z;R�S�N� ��b T", "HQ6eυ ��NT�Q�", "ɉ�_ g(u �FO N�`_�Y", "�{�N �f[�N_N NN�[(u", "ޏ6eυ���a�_�p"] }, { q: "t^R�[�v�vh ��s(W`7h�", o: ["N�v(W�cۏ", "vP\ZP ���", "�e�_�N �FO g�p'a�u", "�l�[b �_N N�`e�", "�[�[1\�_�N ��e@b�"] }, { q: "b��[N*N����N�S�v:gO �`O�8^�", o: [";N�R�Q�Q", "=\�N�N �,T)Y}T", "�rk��_EN �6qT�Ǐ", "JTɋ��] b N��� ", "�v�c>e_ ��MQ���p"] }, { q: "`Oɉ�_��] N�`�R�R �v�S�V�f�cя�", o: ["�l g �b�S/f��OYba", "�`nZi�N � N�`wS", "`�R�R�N_N�l�~�g", "*Y/}�N ��R N�N", " N�wS� �1\/f�l�R"] }, { q: "�Y�g�R�RN�[ g�V�b �`OO�", o: ["l� NL��R", "O�Q� �FO N�b}T", "�S��؏/f�b�^", "ɉ�_ُ*NGP���laIN", "ޏ�`�� N�`�`"] }, { q: "7R0R g�SRf�eS/�ef�/�e?b �`O,{N�S�^�", o: ["w�_�f�[�eؚtQ ��p^�", ":c}Y�v �FOb N���", "�ea �7RǏ�S1\�_�N", " g�p&qQ� �ɉ�_��]=�T�N", "�Ua �FO N�`L��R ��~�~7R"] }, { q: " w0R T���NGSL�/�~ZZ/pN?b �`OO�", o: ["]y�y �6qTǏ��]�v", " g�p�l�R �FO�_�_>e N", "O�[�k �ɉ�_��]ba", "&qQ� �FO N�`9e�S", "r^� N w �k �`O�", o: ["'Y�eJ� � N�k��", "+T�|Ǐ�S � N(Wa", " g�p N� g �FO N�", "O�f��k�� � g�S�R", "�Sa �FO�a�_h���"] }, { q: "`OpNN��f w͑�NHN�", o: ["�T(��T�TLr", "'`�N�k", "��]�U"k1\}Y", "+R�N�cP��NHNpN�NHN", "�� NpN1\ NpN"] }, { q: " w0R+R�NǏ�_�_}Y �`O�Q�_g8^�Q�s�v/f�", o: ["w}Y �b_N��}Y}YǏ", "T gT�v}Y", "b/f N/f*Y�]�N", "�{�N ��k NǏ", "��(g ��laɉ"] }, { q: "`O�v?b���vMR�r`�", o: ["tem ��[g6e�b", " g�pqN �FO���c�S", "qN �FO N�`6e", "�_qN ��]�~`N�`�N", " N N�S� �FO�e@b�"] }, { q: "`Ogя�v\Oo`�", o: ["ĉ�_ ��eaw�ew�", "vP\�qY �'YSOck8^", "�~8^�qY �w� Neg", "ث�", catch: "`O N/f�l2kg �`O�S/f N�`��2kg�~�g0", why: "`O ��N�_Y B ��f`O�]�~f[O;N�RM�NOg�_0�Q\�m�0 N�T+R�N�k��0`O ww�eg�N�mΘ{� �FOvQ�[`O�S/f�b�_Y�`�~υ�_�_�m � N�`���p+R�N �_N N�`:N����]0", ancestor: "v� nf", quote: " 0ǑʃN�{ N ��`6q��WSq\0 0", desire: "`O4ngN�y N��Sbpb�v�[3z0`O ^g g�N�a`O�v 0���O 0 N/fw�v���O � �/f 0b N�`�Q1Yg�N 00`O ^gu;m̑ gN�p\ �nx�[�v�`�U � N���Y5� �FO��R}Y3b-N`O0`O4ng g�N���_`O���S�cǏ�v\�N �6qT�`�`�f`O�[�s0", actions: [ " N�sbcNag�lp�Ǐ�v��V�[ ��S‰�[ N*N�NMR�l�la�vN�0", "�SlQ�Vb\:S�iPW 15 R�� � N7RKb:g ��S w�N�Teg�_�v�N0", "~bN�[�l�SǏ�v\�^ ��pN�N�lTǏ�v\N� ��S:N�NSO�� 0�e��a 00" ], theme: { primary: "#4A9E82", light: "#EDF8F4", gradient: "linear-gradient(135deg, #5EB89A, #3D8570)", bg: "#F4F9F7" } }, C: { name: "aS(W�el�蕄v+s", emoji: "=��", catch: "`O�NHN���wS� �FO1\/f�R N�N0", why: "`O ��N�_Y C ��f`O�[��] gn���v���w ��wS��ZP�NHN �FO;`/f�� 0`ZP N}Y 0 0`�l�~�g 0 0`���p 0aSOO0`O N/f�a �`O/f�`�_*YY �L��R*Y\ �6qTw�eQ�#�0", ancestor: "�T�Y��yr", quote: " 0uX[؏/f�kmp �ُ/f*N�0 0", desire: "`O4ng g�NJTɋ`O 0HQZP 5 R��1\}Y 00`O ^g g�N�c`ON�b �FO Nc#�`O0`O ^g��]����AQ��babaeg � � N/fN�v�� 0`O�^� 0��@wэ0`O4ng�v/f g�N�[`O� 0ZP N0R_N�lsQ�| �bj�`ONw� 00", actions: [ "�s(W�zw�eg ��Sm�b8� ��UNog)n4l ��SZPُN�N0", "��N*N 5 R��P���e ��StetLhb�N*N҉=� ��e��0R1\\P0", "�~N*N�O�N�v�N�SN�S 0b�N)Y g�paSOO 0 � N(uI{�V Y0" ], theme: { primary: "#5C72D4", light: "#F0F3FC", gradient: "linear-gradient(135deg, #7186DE, #4B61C4)", bg: "#F5F7FD" } }, D: { name: "�_:g-N�vh�a", emoji: ">إ�", catch: "`O N/fFd�p �`O/f5uϑ*YNO �ꁨRsQ:g�N0", why: "`O ��N�_Y D ��f`O�]�~�_/}�N ���SO�T�`�~��(W�bf�0`O N/f N�`}Y �`O/f�l g�Rl}Y0`O7RKb:g0��@w0�b�^ �vQ�[��/f(W�b�O�b �`�Q�d N�SO)]�n0", ancestor: "�5u� 0�u�r�Rir�W 0 �", quote: " 0b& & l� N& & 1\& & �R& & 0", desire: "`O4ng��AQ��{_�^Oo` � N���NUO�N�P�O0`O ^g g�N�[`O� 0`O��@w'T �beg 00`O ^g��]�S�N N(u�ʑ:N�NHN�l�R�R �1\�����c�~0`O4ng�v/f���y 01\�{b�NHN�� NZP �_Nezz0" ], theme: { primary: "#D4A03A", light: "#FEFBF4", gradient: "linear-gradient(135deg, #E2B65A, #C28E2C)", bg: "#FEFBF4" } }, E: { name: "Y��!j_�v4l�k", emoji: ">ؼ�", catch: "`O N/f�l g�`�~ �`O�S/f�b�[�N�b�NY��0", why: "`O ��N�_Y E ��f`O�S���]�~�_EN�l g'Y�`'Y�U�N0`O N/f�Q o �/f�`�~�|�~Ǐ}�TꁨRۏeQ�N�O�b!j_0`O`N�eSb_a�S �1\O6e NOO �@b�Nr^��NHN�� Naɉ0", ancestor: "�e8�7u� 0CSNCS�[ 0 �", quote: " 0b}Y�[�[0 0", desire: "`O4ng͑�ea�S0R 0;m@w 0�v�~\�w��0`O ^g g�N��{�{�re_`O�v�X �FO N<�`O0`O ^g��]�S�N�[hQ0Wh���w�[a�S ��T`�S/f 0b�N)Y g�p N_�_ 00`O4ng�v/f g�N�[`O� 0`O N(uGPň�l�N �b(Wُ̑ 00", actions: [ "~bN�y`O\�eP�U"k�vsTS� ���N�� ��V�_N N0", "xdNxd�k�~�swQ0�[irb�go��v�kP[ �a�S�a0", " wN�kd{�RirƉ�� �AQ����]{�Q�X ��T`�S gN�y0" ], theme: { primary: "#9D77CC", light: "#F7F2FC", gradient: "linear-gradient(135deg, #B28EDE, #8A5FBD)", bg: "#FAF7FD" } } }; /* ��υyr(� */ const traits = { A: "sQ.��e;R �`O؏/fO�Q", B: "`O�k ww�eg�f��", C: "`OvQ�[�wS� NNek/f�NHN", D: "`Ock(W�`�`�V@�", E: "`O�va�S؏(W ��S/f�f�esQ�c�N" }; /* ================= ;��� ================= */ let current = 0; let answers = []; let locked = false; function showScreen(id) { document.querySelectorAll('.screen').forEach(s => s.classList.remove('active')); document.getElementById(id).classList.add('active'); window.scrollTo({ top: 0, behavior: 'instant' in window ? 'instant' : 'auto' }); } function startQuiz() { current = 0; answers = []; locked = false; resetTheme(); showScreen('quiz'); renderQuestion(); } function resetTheme() { document.body.dataset.theme = 'default'; document.body.style.background = '#FDF8F3'; document.documentElement.style.setProperty('--primary', '#C25A2E'); document.documentElement.style.setProperty('--primary-light', '#FDF2EB'); document.documentElement.style.setProperty('--primary-gradient', 'linear-gradient(135deg, #E07B44, #C25A2E)'); } function renderQuestion() { const q = questions[current]; document.getElementById('progressInner').style.width = ((current) / questions.length * 100) + '%'; document.getElementById('progressNum').textContent = (current + 1) + ' / ' + questions.length; document.getElementById('qIndex').textContent = 'Q' + (current + 1); document.getElementById('qText').textContent = q.q; const box = document.getElementById('options'); box.innerHTML = ''; const keys = ['A', 'B', 'C', 'D', 'E']; q.o.forEach((text, i) => { const div = document.createElement('div'); div.className = 'option'; div.innerHTML = '<span class="opt-key">' + keys[i] + '</span><span>' + text + '</span>'; div.onclick = () => selectOption(div, i); box.appendChild(div); }); locked = false; } function selectOption(el, idx) { if (locked) return; locked = true; document.querySelectorAll('.option').forEach(o => o.classList.remove('selected')); el.classList.add('selected'); answers[current] = idx; setTimeout(() => { if (current < questions.length - 1) { current++; renderQuestion(); } else { document.getElementById('progressInner').style.width = '100%'; showResult(); } }, 260); } function calcResult() { const counts = { A: 0, B: 0, C: 0, D: 0, E: 0 }; const keys = ['A', 'B', 'C', 'D', 'E']; answers.forEach(i => counts[keys[i]]++); const sorted = keys.slice().sort((a, b) => { if (counts[b] !== counts[a]) return counts[b] - counts[a]; return keys.indexOf(a) - keys.indexOf(b); }); return { primary: sorted[0], secondary: sorted[1] }; } function showResult() { const { primary, secondary } = calcResult(); const a = animals[primary]; const trait = traits[secondary] || traits[primary]; // �^(u勨Rir�v;N��r�i_ document.body.dataset.theme = primary; document.body.style.background = a.theme.bg; document.documentElement.style.setProperty('--primary', a.theme.primary); document.documentElement.style.setProperty('--primary-light', a.theme.light); document.documentElement.style.setProperty('--primary-gradient', a.theme.gradient); const lowBatteryPct = Math.floor(Math.random() * 30) + 65; // 65% - 95% const html = ` <!-- v���ĖaSGr --> <div class="res-hero"> <div class="res-emoji">${a.emoji}</div> <div class="res-label">`O �v Km Ջ �~ �g</div> <div class="res-name">${a.name}</div> <div class="res-catch">${a.catch}</div> <div class="meter-wrap"> <div class="meter-inner" style="width: 0%" data-width="${lowBatteryPct}%"></div> </div> <div class="meter-label">NO5uϑcpe ${lowBatteryPct}% � ${trait}</div> </div> <!-- .^`O w w�s(W�v`O --> <div class="block"> <div class="block-title"><span class="emoji">=� �</span>.^`O w w�s(W�v`O</div> <div class="block-text">${a.why}</div> </div> <!-- �|^yVyHQ --> <div class="block"> <div class="block-title"><span class="emoji"><�?�</span>`O�v�|^yVyHQ</div> <div class="ancestor-name">${a.ancestor}</div> <div class="ancestor-quote">${a.quote}</div> </div> <!-- `O4ng�v/f --> <div class="block"> <div class="block-title"><span class="emoji">=ح�</span>`O4ng�v/f</div> <div class="block-text">${a.desire}</div> </div> <!-- �N)Y1\��ZP�v 3 �N\�N --> <div class="block"> <div class="block-title"><span class="emoji">=ء�</span>�N)Y1\��ZP�v 3 �N\�N</div> <div class="action-list"> ${a.actions.map((t, i) => ` <div class="action-item"> <span class="action-num">${i + 1}</span> <span>${t}</span> </div>`).join('')} </div> </div> <!-- hm݋/g Y6RFh --> <div class="block"> <div class="block-title"><span class="emoji">=ج�</span>�S�~`O�`�S�~�v�N</div> <div class="block-text" style="margin-bottom: 12px; font-size: 14px; color: #8A7A9E;">�Y�g N�wS�`HN_�S ��S�N Y6Rُ�k݋�</div> <div class="quote-box"> <p id="shareText">b�s(W/f ${a.name} 0b N���`O.^b㉳Q�NHN ��S���`Oj�b��݋ �b��~bN*N�b�b1\}Y0</p> <button class="btn-copy" id="copyBtn" onclick="copyText()">=��� Y6Rُ�k݋</button> </div> </div> <!-- �^� c�� --> <div class="res-actions"> <button class="btn-ghost" onclick="restart()">�QKmN!k</button> </div> <div class="res-foot"> �b�~�g*b�V�S0Rċ��:S ���`O/f�NHN�W<br> w w gY\ T{| �`O�Neg�� N/fN*N�N </div> `; document.getElementById('result').innerHTML = html; showScreen('result'); // �R;u��^ߏ��ۏ�^ag�Rw�eg setTimeout(() => { const meter = document.querySelector('.meter-inner'); if (meter) meter.style.width = meter.dataset.width; }, 300); } function copyText() { const text = document.getElementById('shareText').innerText; navigator.clipboard.writeText(text).then(() => { const btn = document.getElementById('copyBtn'); btn.innerHTML = '' Y6Rb�R'; btn.classList.add('copied'); setTimeout(() => { btn.innerHTML = '=��� Y6Rُ�k݋'; btn.classList.remove('copied'); }, 2000); }).catch(() => { // M��~�eHh const textarea = document.createElement('textarea'); textarea.value = text; document.body.appendChild(textarea); textarea.select(); document.execCommand('copy'); document.body.removeChild(textarea); const btn = document.getElementById('copyBtn'); btn.innerHTML = '' Y6Rb�R'; btn.classList.add('copied'); setTimeout(() => { btn.innerHTML = '=��� Y6Rُ�k݋'; btn.classList.remove('copied'); }, 2000); }); } function restart() { resetTheme(); current = 0; answers = []; locked = false; showScreen('intro'); } /* .��v�e���x�1-5 ��b */ document.addEventListener('keydown', e => { if (!document.getElementById('quiz').classList.contains('active')) return; const map = { '1': 0, '2': 1, '3': 2, '4': 3, '5': 4 }; if (map[e.key] !== undefined) { const opts = document.querySelectorAll('.option'); if (opts[map[e.key]]) opts[map[e.key]].click(); } }); </script> </body> </html>  FHTV��Z \ � � � � b d � � h j � � � � � � : < � � � � � � � � � ( * P R � � � � � � � � .0bd��������������������������������������������������������o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(8djl��$&LN��"$&fh������>@pr����BDJLln������ "RTz|�����������������������������������������������������������o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(8����PR������:<bd��������@Blntv������02������ \^df����������������������������������������������������������o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(8bdf��������df������8:ln����rtz|24RT������  LNrt�����������������������������������������������������������o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(8����"$FH`b������    D F h j � � � � .!0!p!r!x!z!�!�!�!�!�!�!""D"F"r"t"z"|"�"�"�"�"�"�"#��������������������������������������������������������o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(8##B#D#t#v#|#~#�#�#�#�#�#�#$$H$J$|$~$�$�$�$�$.%0%F%H%x%z%�%�%�%�%&&F&H&n&p&�&�&�&�&�&�&''L'N'�'�'�'�'((@(��������������������������������������������������������o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(8@(B(v(x(�(�())))0)2)X)Z)z)|)�)�)�)�)**(***R*T*~*�*�*�*�*�*++N+P+V+X+�+�+�+�+�+�+�+�+�+8,:,L,N,|,~,�,�,>-@-��������������������������������������������������������o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(8@-p-r-x-z-|-�-�-�-�-..@.B.p.r.�.�.�.�.�.�.N/P/�/�/�/�/�/�/00(0*0X0Z0v0x0�0�0�0�0�0�0�1�1�1�1�1�1�1�122D2F2v2��������������������������������������������������������o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(8v2x2�2�2�2�2.3036383T3V3~3�3�3�3�3�3444464T4V4\4^4x4z4�4�4�4�4552545b5d5�5�5�5�56 666.606X6Z6�6�6�6�6�6�6�6��������������������������������������������������������o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(8�6�6$7&7V7X7^7`7|7~7�7�7�7�7$8&8H8J8z8|8�8�8�8�8�8�8�89 9"9D9F9x9z9�9�9�9�9�9�9 ::6:8:b:d:�:�:�:�:�:�:�:�:�:;;��������������������������������������������������������o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(8;.;0;`;b;�;�;�;�;�;�;^<`<�<�<�<�<�<�<�<�<==N=P=v=x=�=�=�=�=>>>>$>&>\>^>�>�>�>�>�>�>�>�>??.?0?6?8?\?^?�?�?��������������������������������������������������������o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(8�?�?�?�?�? @@@@<@>@f@h@�@�@�@�@�@�@AAfAhA�A�A�A�A�A�A�B�B�B�B�B�B�B�BCC8C:CdCfClCnC�C�C�C�C�C�C�C�C*D,DvDxD��������������������������������������������������������o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(8xD�D�D�D�DEE(E*EZE\E�E�E�E�E�E�E�E�E�EFFBFDFtFvF�F�F�F�F�F�F(G*G0G2GRGTG|G~G�G�G�G�G�G�GHH H"HTHVH�H�H�H�H�H��������������������������������������������������������o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(8�H�HI I8I:IxIzI�I�I�I�I�I�IJJHJJJrJtJ�J�JKKKKjKlK�K�K�K�K�K LLDLFLbLdL�L�L�L�L�L�L�L�LMMJMLMrMtM�M�M�M�M��������������������������������������������������������o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(8�M�M�M$N&NXNZN�N�N�N�N*O,O2O4O�O�O�O�OPP0P2PXPZP�P�P�P�P�P�P�P�P�P�PQQ0Q2Q4QzQ|Q�Q�Q(R*R�R�RSS@SBSpSrS�S�S�S��������������������������������������������������������o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(8�S�S�S�S�SBTDT�T�T�T�T U U U"U$U�U�U V VVV VfVhV�V�V�V�V�W�WXX2X4X�X�X�X�XYNYPYRY�Y�Y�Y�Y�Y�Y�Y�YZZhZjZ�Z��������������������������������������������������������o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(8�Z�Zl[n[0\2\�\�\�]�]|^~^,_._�_`�`�`jala$b&b�b�b�c�chdjd2e4e�e�e�f�fLgNghh�h�hTiVi�i�i~j�jLkNkll�l�l&m(m�m�mzn��������������������������������������������������������o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(8zn|no�o�opppfphp�p�p�p�p�p�p�p�pq q�q�q�q�q0r2rss2s4sxszs�s�stttt(t*t\t^t�t�tuu.u0u:u�@�\�^�|�~�������Œ�������J�L������������� �"����������������������������������������������������������o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(8���� �@�B�����J�L� �������� �l�n�������&�(�������”z�|�֕ؕ � ���:�<�>�@�B���������ЖҖz�|�������������������������������������������������������������������o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(8����p�r�����˜Ęܘޘf�h���������������������L�N�����������V�X�ԛ֛0�2�<�>�@�������������@�B�|�~���� � �\���������������������������������������������������������o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(8\�^�����R�T����������4�6�8�X�Z�����������p�r�Ȣʢ$�&�b�d���.�0�����Ԥ֤ؤ��2�4�ȥʥ"�$�8�:�<�^�`����� �"�����������������������������������������������������������o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(8���������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������� �.�0�^�`���N�P�d�f�h�����ʩ̩h�j�������8�:�����ޫ���2�4�H�J�L�t�v�����:�<�$�&�`�b�������įƯ��������������������������������������������������������o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(8Ưگܯޯ��<�>���°ְذڰ��H�J�x�z�������������6�8�:�\�^���������j�l���������������0�2��������:�<�|�~��������������������������������������������������������������o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(8��:�<�V�X�|�~�������<�>�����������R�T���������8�:�f�h������������ �"�$�&�N�P�n�p���������кҺ������*���������������������������������������������������������o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(8*�,�����������ԼּB�D�������������νн޽�������������������������o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o(o( HV�\ � � d � j � � � < � � � � * R � � � ������������������������� � 0dl�&N�$&h���@r��DL������������������������Ln���"T|���R���<d����Bn������������������������nv���2��� ^f�df����f���������������������������:n��t|4T���  Nt���$Hb����������������������������  F j � � 0!r!z!�!�!�!"F"t"|"�"�"�"#D#v#������������������������v#~#�#�#�#$J$~$�$�$0%H%z%�%�%&H&p&�&�&�&'N'�'�'�������������������������'(B(x(�())2)Z)|)�)�)***T*�*�*�*+P+X+�+�+�+�+�������������������������+�+:,N,~,�,@-r-z-|-�-�-.B.r.�.�.�.P/�/�/�/0*0Z0������������������������Z0x0�0�0�0�1�1�1�12F2x2�2�20383V3�3�3�3464V4^4z4������������������������z4�4�4545d5�5�5 6606Z6�6�6�6�6&7X7`7~7�7�7&8J8|8������������������������|8�8�8�89"9F9z9�9�9�9:8:d:�:�:�:�:�:;0;b;�;�;�;�������������������������;`<�<�<�<�<=P=x=�=�=>>&>^>�>�>�>�>?0?8?^?�?�?�������������������������?�?@@>@h@�@�@�@AhA�A�A�A�B�B�B�BC:CfCnC�C�C�C�������������������������C�C,DxD�D�DE*E\E�E�E�E�E�EFDFvF�F�F�F*G2GTG~G�G�������������������������G�G�GH"HVH�H�H�H I:IzI�I�I�IJJJtJ�JKKlK�K�K�K�������������������������KLFLdL�L�L�L�LMLMtM�M�M�M&NZN�N�N,O4O�O�OP2PZP������������������������ZP�P�P�P�P�PQ2Q4Q|Q�Q*R�RSBSrS�S�S�S�SDT�T�T U"U������������������������"U$U�U VV VhV�V�V�WX4X�X�X>YPYRY�Y�Y�Y�Y�YZjZ�Z�������������������������Zn[2\�\�]~^._`�`la&b�b�cjd4e�e�fNgh�hVi�i�jNkl������������������������l�l(m�m|n>o�opphp�p�p�p�p q�q�q2rs4szs�stt*t������������������������*t^t�tu0u�@��������B�~��� �^���T�������6�8�Z�������������������������Z������r�ʢ&�d��0���֤ؤ�4�ʥ$�:�<�`���"������������������������������ �0�`��P�f�h���̩j����:�����4�J�L�v���<�&�b�������������������������b����Ưܯޯ�>�°ذڰ�J�z��������8�:�^�����l�����������������������������������2����<�~����<�X�~����>������T�����:�h�������������������������h������ �$�&�P�p�����Һ���,������ּD�������н������������������������н����,��. ��A!�#��"�$��%��S��2P1�866666666���� 0@P`p������6666 0@P`p������ 0@P`p������ 0@P`p������ 0@P`p������ 0@P`p������ 0@P`p��Z@��Zck�e a$$1$0CJOJPJQJ^JaJKHmH sH nHtH_H$A@���$؞���k=�W[SONi@���Nnf�h������ ��z��0�( � ��* �3 ���?�@