鍎伕绶ｅ垎 | 鍙扮仯闋樺厛鐨勯珮闅庣ぞ浜ゅ钩鍙?/title> <meta name="facebook-domain-verification" content="rhxc0f8bsa9t3ssvn7zqdo0eispor">  <meta property="og:type" content="website"> <meta property="og:url" content="https://cyingchic.top/"> <meta property="og:title" content="Selection Priv茅e"> <meta property="og:description" content="Official Website"> <meta property="og:image" content="https://cyingchic.top/index_files/000.jpg"> <meta property="og:image:type" content="image/jpeg"> <meta property="og:image:width" content="1200"> <meta property="og:image:height" content="630">  <script> !function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window, document,'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '1499479731441098'); fbq('track', 'PageView'); </script> <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=1499479731441098&ev=PageView&noscript=1" /></noscript>  <script src="./index_files/saved_resource"></script> <style> @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;700;900&display=swap'); body { font-family: 'Noto Sans TC', sans-serif; background-color: #0f172a; color: #f8fafc; overflow-x: hidden; -webkit-tap-highlight-color: transparent; } .hidden { display: none !important; } ::-webkit-scrollbar { width: 0px; background: transparent; } .btn-gradient { background: linear-gradient(90deg, #3b82f6 0%, #a855f7 100%); transition: all 0.3s ease; } .btn-gradient:active { transform: scale(0.95); opacity: 0.9; } .line-btn-float { animation: pulse-float 2.5s infinite; background: #06C755; box-shadow: 0 10px 25px rgba(6, 199, 85, 0.4); } @keyframes pulse-float { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.05); box-shadow: 0 0 40px rgba(6, 199, 85, 0.6); } } .bridge-btn-pulse { animation: bridge-pulse 2s infinite; background: #06C755; } @keyframes bridge-pulse { 0% { transform: scale(1); } 50% { transform: scale(1.05); filter: brightness(1.1); } 100% { transform: scale(1); } } @keyframes pop-in-right { from { transform: translateX(20px) scale(0.8); opacity: 0; } to { transform: translateX(0) scale(1); opacity: 1; } } .animate-pop-in { animation: pop-in-right 0.4s cubic-bezier(0.16, 1, 0.3, 1) forwards; } @keyframes slide-up { from { transform: translateY(30px); opacity: 0; } to { transform: translateY(0); opacity: 1; } } .animate-slide-up { animation: slide-up 0.5s cubic-bezier(0.16, 1, 0.3, 1) forwards; } .typing-dot::after { content: ""; animation: typing 1.5s infinite; } @keyframes typing { 0% { content: "."; } 33% { content: ".."; } 66% { content: "..."; } } @keyframes msg-pulse { 0%, 100% { transform: translateY(-50%) scale(1); } 50% { transform: translateY(-50%) scale(1.1); } } .animate-msg-pulse { animation: msg-pulse 2s infinite ease-in-out; } .premium-tag { background: linear-gradient(135deg, #fbbf24 0%, #d97706 100%); border: 1px solid rgba(255, 255, 255, 0.3); box-shadow: 0 4px 10px rgba(217, 119, 6, 0.4); } .glass-panel-quiz { background: rgba(0, 0, 0, 0.3); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.15); box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.5); } .premium-chat-bg { background: linear-gradient(180deg, #1e293b 0%, #0f172a 100%); position: relative; } .msg-bubble-received { background: rgba(255, 255, 255, 0.08); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.1); color: #f1f5f9; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); } .rating-r18 { border: 2px solid #3b82f6; color: #3b82f6; padding: 2px 4px; font-weight: 900; border-radius: 4px; font-size: 10px; display: inline-block; margin-right: 5px; background: rgba(59, 130, 246, 0.1); } .grid-img-protection { filter: blur(25px) contrast(1.002) brightness(0.998) hue-rotate(0.1deg); transition: filter 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.4s ease; } .noise { font-size: 0; opacity: 0; position: absolute; pointer-events: none; } #loading-overlay { background: #0f172a; position: fixed; inset: 0; z-index: 9999; display: flex; flex-direction: column; align-items: center; justify-content: center; } </style> <style>*, ::before, ::after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/* ! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com */*,::after,::before{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}::after,::before{--tw-content:''}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.invisible{visibility:hidden}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0px}.-right-1{right:-0.25rem}.-top-1{top:-0.25rem}.bottom-6{bottom:1.5rem}.left-0{left:0px}.right-0{right:0px}.right-16{right:4rem}.right-4{right:1rem}.top-0{top:0px}.top-1\/2{top:50%}.right-8{right:2rem}.top-6{top:1.5rem}.bottom-0{bottom:0px}.left-2{left:0.5rem}.top-2{top:0.5rem}.z-\[1000\]{z-index:1000}.z-\[500\]{z-index:500}.z-\[600\]{z-index:600}.z-\[800\]{z-index:800}.z-\[900\]{z-index:900}.z-\[1100\]{z-index:1100}.z-\[2000\]{z-index:2000}.z-\[3000\]{z-index:3000}.z-20{z-index:20}.mx-auto{margin-left:auto;margin-right:auto}.mb-2{margin-bottom:0.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mt-1{margin-top:0.25rem}.mt-6{margin-top:1.5rem}.mb-1{margin-bottom:0.25rem}.mb-0\.5{margin-bottom:0.125rem}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.flex{display:flex}.grid{display:grid}.hidden{display:none}.aspect-\[3\/4\]{aspect-ratio:3/4}.h-12{height:3rem}.h-14{height:3.5rem}.h-6{height:1.5rem}.h-20{height:5rem}.h-7{height:1.75rem}.h-\[85vh\]{height:85vh}.h-16{height:4rem}.h-2\.5{height:0.625rem}.h-4{height:1rem}.h-full{height:100%}.h-10{height:2.5rem}.max-h-\[70vh\]{max-height:70vh}.min-h-screen{min-height:100vh}.w-12{width:3rem}.w-14{width:3.5rem}.w-6{width:1.5rem}.w-\[92\%\]{width:92%}.w-full{width:100%}.w-20{width:5rem}.w-7{width:1.75rem}.w-16{width:4rem}.w-2\.5{width:0.625rem}.w-4{width:1rem}.w-10{width:2.5rem}.w-\[260px\]{width:260px}.min-w-0{min-width:0px}.max-w-\[360px\]{max-width:360px}.max-w-md{max-width:28rem}.max-w-sm{max-width:24rem}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.-translate-y-1\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}@keyframes bounce{0%, 100%{transform:translateY(-25%);animation-timing-function:cubic-bezier(0.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,0.2,1)}}.animate-bounce{animation:bounce 1s infinite}.cursor-pointer{cursor:pointer}.grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-3{gap:0.75rem}.space-x-2 > :not([hidden]) ~ :not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0.5rem * var(--tw-space-x-reverse));margin-left:calc(0.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-3 > :not([hidden]) ~ :not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0.75rem * var(--tw-space-x-reverse));margin-left:calc(0.75rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-1 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.25rem * var(--tw-space-y-reverse))}.space-y-3 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.75rem * var(--tw-space-y-reverse))}.space-y-1\.5 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.375rem * var(--tw-space-y-reverse))}.space-y-4 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-x-4 > :not([hidden]) ~ :not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded-full{border-radius:9999px}.rounded-2xl{border-radius:1rem}.rounded-\[3rem\]{border-radius:3rem}.rounded-3xl{border-radius:1.5rem}.rounded{border-radius:0.25rem}.rounded-xl{border-radius:0.75rem}.rounded-b-\[2\.5rem\]{border-bottom-right-radius:2.5rem;border-bottom-left-radius:2.5rem}.rounded-t-\[3rem\]{border-top-left-radius:3rem;border-top-right-radius:3rem}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-blue-500{--tw-border-opacity:1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}.border-slate-800{--tw-border-opacity:1;border-color:rgb(30 41 59 / var(--tw-border-opacity, 1))}.border-slate-900{--tw-border-opacity:1;border-color:rgb(15 23 42 / var(--tw-border-opacity, 1))}.border-white\/20{border-color:rgb(255 255 255 / 0.2)}.border-blue-200{--tw-border-opacity:1;border-color:rgb(191 219 254 / var(--tw-border-opacity, 1))}.border-blue-500\/50{border-color:rgb(59 130 246 / 0.5)}.border-slate-200{--tw-border-opacity:1;border-color:rgb(226 232 240 / var(--tw-border-opacity, 1))}.border-white\/10{border-color:rgb(255 255 255 / 0.1)}.border-white\/5{border-color:rgb(255 255 255 / 0.05)}.border-slate-700{--tw-border-opacity:1;border-color:rgb(51 65 85 / var(--tw-border-opacity, 1))}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.border-blue-400{--tw-border-opacity:1;border-color:rgb(96 165 250 / var(--tw-border-opacity, 1))}.border-white\/50{border-color:rgb(255 255 255 / 0.5)}.border-t-transparent{border-top-color:transparent}.bg-red-600{--tw-bg-opacity:1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}.bg-slate-900{--tw-bg-opacity:1;background-color:rgb(15 23 42 / var(--tw-bg-opacity, 1))}.bg-slate-900\/95{background-color:rgb(15 23 42 / 0.95)}.bg-slate-950{--tw-bg-opacity:1;background-color:rgb(2 6 23 / var(--tw-bg-opacity, 1))}.bg-white\/95{background-color:rgb(255 255 255 / 0.95)}.bg-\[\#06C755\]{--tw-bg-opacity:1;background-color:rgb(6 199 85 / var(--tw-bg-opacity, 1))}.bg-black\/80{background-color:rgb(0 0 0 / 0.8)}.bg-black\/95{background-color:rgb(0 0 0 / 0.95)}.bg-blue-50{--tw-bg-opacity:1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}.bg-slate-50{--tw-bg-opacity:1;background-color:rgb(248 250 252 / var(--tw-bg-opacity, 1))}.bg-slate-800\/50{background-color:rgb(30 41 59 / 0.5)}.bg-slate-800\/80{background-color:rgb(30 41 59 / 0.8)}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-slate-800{--tw-bg-opacity:1;background-color:rgb(30 41 59 / var(--tw-bg-opacity, 1))}.bg-green-500{--tw-bg-opacity:1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1))}.bg-gradient-to-t{background-image:linear-gradient(to top, var(--tw-gradient-stops))}.from-slate-900{--tw-gradient-from:#0f172a var(--tw-gradient-from-position);--tw-gradient-to:rgb(15 23 42 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.via-slate-900\/40{--tw-gradient-to:rgb(15 23 42 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), rgb(15 23 42 / 0.4) var(--tw-gradient-via-position), var(--tw-gradient-to)}.to-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position)}.object-cover{object-fit:cover}.p-2{padding:0.5rem}.p-3{padding:0.75rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.p-5{padding:1.25rem}.p-4{padding:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-3{padding-top:0.75rem;padding-bottom:0.75rem}.px-2{padding-left:0.5rem;padding-right:0.5rem}.py-0\.5{padding-top:0.125rem;padding-bottom:0.125rem}.py-2\.5{padding-top:0.625rem;padding-bottom:0.625rem}.pb-24{padding-bottom:6rem}.pb-32{padding-bottom:8rem}.pt-4{padding-top:1rem}.pt-2{padding-top:0.5rem}.pb-2{padding-bottom:0.5rem}.pr-2{padding-right:0.5rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-mono{font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[15px\]{font-size:15px}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:0.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-\[13px\]{font-size:13px}.text-\[16px\]{font-size:16px}.text-base{font-size:1rem;line-height:1.5rem}.text-xs{font-size:0.75rem;line-height:1rem}.text-\[9px\]{font-size:9px}.text-\[8px\]{font-size:8px}.font-black{font-weight:900}.font-bold{font-weight:700}.font-medium{font-weight:500}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-relaxed{line-height:1.625}.leading-none{line-height:1}.leading-tight{line-height:1.25}.tracking-tight{letter-spacing:-0.025em}.tracking-tighter{letter-spacing:-0.05em}.tracking-widest{letter-spacing:0.1em}.text-blue-400{--tw-text-opacity:1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}.text-slate-600{--tw-text-opacity:1;color:rgb(71 85 105 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.text-slate-300{--tw-text-opacity:1;color:rgb(203 213 225 / var(--tw-text-opacity, 1))}.text-slate-400{--tw-text-opacity:1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}.text-slate-700{--tw-text-opacity:1;color:rgb(51 65 85 / var(--tw-text-opacity, 1))}.text-slate-900{--tw-text-opacity:1;color:rgb(15 23 42 / var(--tw-text-opacity, 1))}.text-black{--tw-text-opacity:1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.text-blue-500{--tw-text-opacity:1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}.underline{-webkit-text-decoration-line:underline;text-decoration-line:underline}.opacity-50{opacity:0.5}.shadow-2xl{--tw-shadow:0 25px 50px -12px rgb(0 0 0 / 0.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.shadow-\[0_10px_30px_rgba\(0\2c 0\2c 0\2c 0\.5\)\]{--tw-shadow:0 10px 30px rgba(0,0,0,0.5);--tw-shadow-colored:0 10px 30px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgb(0 0 0 / 0.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.drop-shadow-md{--tw-drop-shadow:drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-md{--tw-backdrop-blur:blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-2xl{--tw-backdrop-blur:blur(40px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-xl{--tw-backdrop-blur:blur(24px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.transition-colors{transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.hover\:bg-slate-700:hover{--tw-bg-opacity:1;background-color:rgb(51 65 85 / var(--tw-bg-opacity, 1))}.hover\:text-slate-400:hover{--tw-text-opacity:1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.active\:scale-95:active{--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:bg-slate-700:active{--tw-bg-opacity:1;background-color:rgb(51 65 85 / var(--tw-bg-opacity, 1))}</style></head> <body class="max-w-md mx-auto min-h-screen bg-slate-900 relative flex flex-col">  <div id="loading-overlay" class="hidden"> <div class="w-12 h-12 border-4 border-blue-500 border-t-transparent rounded-full animate-spin mb-4"></div> <p class="text-blue-400 font-black text-sm tracking-widest animate-pulse">姝ｅ湪鐐烘偍閰嶅皪闄勮繎鏈€濂戝悎鐨勬濡?/p> </div>  <div id="toast-container" class="fixed right-16 top-1/2 -translate-y-1/2 z-[900] space-y-3 pointer-events-none flex flex-col items-end"></div>  <div id="floating-msg" onclick="showInbox()" class="fixed right-4 top-1/2 -translate-y-1/2 z-[800] w-14 h-14 bg-white/95 backdrop-blur-md rounded-full flex items-center justify-center shadow-[0_10px_30px_rgba(0,0,0,0.5)] cursor-pointer border border-white/20 animate-msg-pulse pointer-events-auto"> <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="#1e293b" stroke-width="2.5"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"></path></svg> <div id="main-badge" class="absolute -top-1 -right-1 bg-red-600 text-white text-[11px] font-black w-6 h-6 rounded-full flex items-center justify-center border-2 border-slate-900 text-center">5</div> </div>  <div id="section-result" class="flex flex-col min-h-screen pb-32 bg-slate-950"> <header class="bg-slate-900/95 backdrop-blur-md py-4 px-6 border-b border-slate-800 flex justify-between items-center sticky top-0 z-[500]"> <h1 class="text-xl font-black italic text-white tracking-tighter uppercase">鍖归厤鎴愬姛锛堝凡瑾嶈瓑锛?/h1> <div class="text-right"> <span id="timer" class="text-blue-400 font-mono font-bold">00:00</span> </div> </header>  <div class="p-3 grid grid-cols-2 gap-3" id="user-grid"> <div class="bg-slate-800 rounded-2xl overflow-hidden shadow-lg border border-slate-700 animate-slide-up" style="animation-delay: 0s"> <div class="relative aspect-[3/4] overflow-hidden cursor-pointer" onclick="showFakeChat(0)"> <div class="premium-tag absolute top-2 left-2 z-20 px-2 py-0.5 rounded shadow-lg"> <span class="text-[9px] font-black text-black tracking-widest uppercase">鐝惧湪鍙磩</span> </div> <img src="./index_files/000.jpg" class="w-full h-full object-cover grid-img-protection" onerror="this.src='https://placehold.co/300x400/0f172a/f8fafc?text=Selection'" style="filter: blur(0px) contrast(1.002) brightness(0.998) hue-rotate(0.1deg);"> <div class="absolute bottom-0 left-0 right-0 p-3 bg-gradient-to-t from-slate-900 via-slate-900/40 to-transparent"> <p class="text-white font-black text-lg drop-shadow-md">瀹滃悰</p> <div class="flex justify-between items-center mt-1"> <span class="text-[10px] text-slate-300 font-bold">馃搷闄勮繎0.5km 璺濋洟</span> <span class="text-[10px] text-slate-400 font-bold">1037 浜烘埃</span> </div> </div> </div> <div class="p-2"> <button onclick="showFakeChat(0)" class="w-full py-2.5 rounded-xl btn-gradient text-white text-[9px] font-black shadow-lg tracking-tighter uppercase">瑙ｉ帠鏌ョ湅璩囪▕</button> </div> </div> <div class="bg-slate-800 rounded-2xl overflow-hidden shadow-lg border border-slate-700 animate-slide-up" style="animation-delay: 0.05s"> <div class="relative aspect-[3/4] overflow-hidden cursor-pointer" onclick="showFakeChat(1)"> <div class="premium-tag absolute top-2 left-2 z-20 px-2 py-0.5 rounded shadow-lg"> <span class="text-[9px] font-black text-black tracking-widest uppercase">鐝惧湪鍙磩</span> </div> <img src="./index_files/001.jpg" class="w-full h-full object-cover grid-img-protection" onerror="this.src='https://placehold.co/300x400/0f172a/f8fafc?text=Selection'" style="filter: blur(0px) contrast(1.002) brightness(0.998) hue-rotate(0.1deg);"> <div class="absolute bottom-0 left-0 right-0 p-3 bg-gradient-to-t from-slate-900 via-slate-900/40 to-transparent"> <p class="text-white font-black text-lg drop-shadow-md">闆呯惇</p> <div class="flex justify-between items-center mt-1"> <span class="text-[10px] text-slate-300 font-bold">馃搷闄勮繎1.2km 璺濋洟</span> <span class="text-[10px] text-slate-400 font-bold">1157 浜烘埃</span> </div> </div> </div> <div class="p-2"> <button onclick="showFakeChat(1)" class="w-full py-2.5 rounded-xl btn-gradient text-white text-[9px] font-black shadow-lg tracking-tighter uppercase">瑙ｉ帠鏌ョ湅璩囪▕</button> </div> </div> <div class="bg-slate-800 rounded-2xl overflow-hidden shadow-lg border border-slate-700 animate-slide-up" style="animation-delay: 0.1s"> <div class="relative aspect-[3/4] overflow-hidden cursor-pointer" onclick="showFakeChat(2)"> <div class="premium-tag absolute top-2 left-2 z-20 px-2 py-0.5 rounded shadow-lg"> <span class="text-[9px] font-black text-black tracking-widest uppercase">鐝惧湪鍙磩</span> </div> <img src="./index_files/002.jpg" class="w-full h-full object-cover grid-img-protection" onerror="this.src='https://placehold.co/300x400/0f172a/f8fafc?text=Selection'" style="filter: blur(0px) contrast(1.002) brightness(0.998) hue-rotate(0.1deg);"> <div class="absolute bottom-0 left-0 right-0 p-3 bg-gradient-to-t from-slate-900 via-slate-900/40 to-transparent"> <p class="text-white font-black text-lg drop-shadow-md">鏇夊┓</p> <div class="flex justify-between items-center mt-1"> <span class="text-[10px] text-slate-300 font-bold">馃搷闄勮繎0.8km 璺濋洟</span> <span class="text-[10px] text-slate-400 font-bold">982 浜烘埃</span> </div> </div> </div> <div class="p-2"> <button onclick="showFakeChat(2)" class="w-full py-2.5 rounded-xl btn-gradient text-white text-[9px] font-black shadow-lg tracking-tighter uppercase">瑙ｉ帠鏌ョ湅璩囪▕</button> </div> </div> <div class="bg-slate-800 rounded-2xl overflow-hidden shadow-lg border border-slate-700 animate-slide-up" style="animation-delay: 0.15000000000000002s"> <div class="relative aspect-[3/4] overflow-hidden cursor-pointer" onclick="showFakeChat(3)"> <div class="premium-tag absolute top-2 left-2 z-20 px-2 py-0.5 rounded shadow-lg"> <span class="text-[9px] font-black text-black tracking-widest uppercase">鐝惧湪鍙磩</span> </div> <img src="./index_files/003.jpg" class="w-full h-full object-cover grid-img-protection" onerror="this.src='https://placehold.co/300x400/0f172a/f8fafc?text=Selection'" style="filter: blur(0px) contrast(1.002) brightness(0.998) hue-rotate(0.1deg);"> <div class="absolute bottom-0 left-0 right-0 p-3 bg-gradient-to-t from-slate-900 via-slate-900/40 to-transparent"> <p class="text-white font-black text-lg drop-shadow-md">瀛愭櫞</p> <div class="flex justify-between items-center mt-1"> <span class="text-[10px] text-slate-300 font-bold">馃搷闄勮繎2.1km 璺濋洟</span> <span class="text-[10px] text-slate-400 font-bold">1420 浜烘埃</span> </div> </div> </div> <div class="p-2"> <button onclick="showFakeChat(3)" class="w-full py-2.5 rounded-xl btn-gradient text-white text-[9px] font-black shadow-lg tracking-tighter uppercase">瑙ｉ帠鏌ョ湅璩囪▕</button> </div> </div> <div class="bg-slate-800 rounded-2xl overflow-hidden shadow-lg border border-slate-700 animate-slide-up" style="animation-delay: 0.2s"> <div class="relative aspect-[3/4] overflow-hidden cursor-pointer" onclick="showFakeChat(4)"> <div class="premium-tag absolute top-2 left-2 z-20 px-2 py-0.5 rounded shadow-lg"> <span class="text-[9px] font-black text-black tracking-widest uppercase">鐝惧湪鍙磩</span> </div> <img src="./index_files/004.jpg" class="w-full h-full object-cover grid-img-protection" onerror="this.src='https://placehold.co/300x400/0f172a/f8fafc?text=Selection'" style="filter: blur(0px) contrast(1.002) brightness(0.998) hue-rotate(0.1deg);"> <div class="absolute bottom-0 left-0 right-0 p-3 bg-gradient-to-t from-slate-900 via-slate-900/40 to-transparent"> <p class="text-white font-black text-lg drop-shadow-md">缇庣幉</p> <div class="flex justify-between items-center mt-1"> <span class="text-[10px] text-slate-300 font-bold">馃搷闄勮繎1.5km 璺濋洟</span> <span class="text-[10px] text-slate-400 font-bold">856 浜烘埃</span> </div> </div> </div> <div class="p-2"> <button onclick="showFakeChat(4)" class="w-full py-2.5 rounded-xl btn-gradient text-white text-[9px] font-black shadow-lg tracking-tighter uppercase">瑙ｉ帠鏌ョ湅璩囪▕</button> </div> </div> <div class="bg-slate-800 rounded-2xl overflow-hidden shadow-lg border border-slate-700 animate-slide-up" style="animation-delay: 0.25s"> <div class="relative aspect-[3/4] overflow-hidden cursor-pointer" onclick="showFakeChat(5)"> <div class="premium-tag absolute top-2 left-2 z-20 px-2 py-0.5 rounded shadow-lg"> <span class="text-[9px] font-black text-black tracking-widest uppercase">鐝惧湪鍙磩</span> </div> <img src="./index_files/005.jpg" class="w-full h-full object-cover grid-img-protection" onerror="this.src='https://placehold.co/300x400/0f172a/f8fafc?text=Selection'" style="filter: blur(0px) contrast(1.002) brightness(0.998) hue-rotate(0.1deg);"> <div class="absolute bottom-0 left-0 right-0 p-3 bg-gradient-to-t from-slate-900 via-slate-900/40 to-transparent"> <p class="text-white font-black text-lg drop-shadow-md">娆ｆ€?/p> <div class="flex justify-between items-center mt-1"> <span class="text-[10px] text-slate-300 font-bold">馃搷闄勮繎0.4km 璺濋洟</span> <span class="text-[10px] text-slate-400 font-bold">1201 浜烘埃</span> </div> </div> </div> <div class="p-2"> <button onclick="showFakeChat(5)" class="w-full py-2.5 rounded-xl btn-gradient text-white text-[9px] font-black shadow-lg tracking-tighter uppercase">瑙ｉ帠鏌ョ湅璩囪▕</button> </div> </div> <div class="bg-slate-800 rounded-2xl overflow-hidden shadow-lg border border-slate-700 animate-slide-up" style="animation-delay: 0.30000000000000004s"> <div class="relative aspect-[3/4] overflow-hidden cursor-pointer" onclick="showFakeChat(6)"> <div class="premium-tag absolute top-2 left-2 z-20 px-2 py-0.5 rounded shadow-lg"> <span class="text-[9px] font-black text-black tracking-widest uppercase">鐝惧湪鍙磩</span> </div> <img src="./index_files/006.jpg" class="w-full h-full object-cover grid-img-protection" onerror="this.src='https://placehold.co/300x400/0f172a/f8fafc?text=Selection'" style="filter: blur(0px) contrast(1.002) brightness(0.998) hue-rotate(0.1deg);"> <div class="absolute bottom-0 left-0 right-0 p-3 bg-gradient-to-t from-slate-900 via-slate-900/40 to-transparent"> <p class="text-white font-black text-lg drop-shadow-md">娌涙仼</p> <div class="flex justify-between items-center mt-1"> <span class="text-[10px] text-slate-300 font-bold">馃搷闄勮繎3.2km 璺濋洟</span> <span class="text-[10px] text-slate-400 font-bold">749 浜烘埃</span> </div> </div> </div> <div class="p-2"> <button onclick="showFakeChat(6)" class="w-full py-2.5 rounded-xl btn-gradient text-white text-[9px] font-black shadow-lg tracking-tighter uppercase">瑙ｉ帠鏌ョ湅璩囪▕</button> </div> </div> <div class="bg-slate-800 rounded-2xl overflow-hidden shadow-lg border border-slate-700 animate-slide-up" style="animation-delay: 0.35000000000000003s"> <div class="relative aspect-[3/4] overflow-hidden cursor-pointer" onclick="showFakeChat(7)"> <div class="premium-tag absolute top-2 left-2 z-20 px-2 py-0.5 rounded shadow-lg"> <span class="text-[9px] font-black text-black tracking-widest uppercase">鐝惧湪鍙磩</span> </div> <img src="./index_files/007.jpg" class="w-full h-full object-cover grid-img-protection" onerror="this.src='https://placehold.co/300x400/0f172a/f8fafc?text=Selection'" style="filter: blur(0px) contrast(1.002) brightness(0.998) hue-rotate(0.1deg);"> <div class="absolute bottom-0 left-0 right-0 p-3 bg-gradient-to-t from-slate-900 via-slate-900/40 to-transparent"> <p class="text-white font-black text-lg drop-shadow-md">鎺℃綌</p> <div class="flex justify-between items-center mt-1"> <span class="text-[10px] text-slate-300 font-bold">馃搷闄勮繎0.9km 璺濋洟</span> <span class="text-[10px] text-slate-400 font-bold">1133 浜烘埃</span> </div> </div> </div> <div class="p-2"> <button onclick="showFakeChat(7)" class="w-full py-2.5 rounded-xl btn-gradient text-white text-[9px] font-black shadow-lg tracking-tighter uppercase">瑙ｉ帠鏌ョ湅璩囪▕</button> </div> </div> <div class="bg-slate-800 rounded-2xl overflow-hidden shadow-lg border border-slate-700 animate-slide-up" style="animation-delay: 0.4s"> <div class="relative aspect-[3/4] overflow-hidden cursor-pointer" onclick="showFakeChat(8)"> <div class="premium-tag absolute top-2 left-2 z-20 px-2 py-0.5 rounded shadow-lg"> <span class="text-[9px] font-black text-black tracking-widest uppercase">鐝惧湪鍙磩</span> </div> <img src="./index_files/008.jpg" class="w-full h-full object-cover grid-img-protection" onerror="this.src='https://placehold.co/300x400/0f172a/f8fafc?text=Selection'" style="filter: blur(0px) contrast(1.002) brightness(0.998) hue-rotate(0.1deg);"> <div class="absolute bottom-0 left-0 right-0 p-3 bg-gradient-to-t from-slate-900 via-slate-900/40 to-transparent"> <p class="text-white font-black text-lg drop-shadow-md">澶㈢惇</p> <div class="flex justify-between items-center mt-1"> <span class="text-[10px] text-slate-300 font-bold">馃搷闄勮繎2.5km 璺濋洟</span> <span class="text-[10px] text-slate-400 font-bold">1088 浜烘埃</span> </div> </div> </div> <div class="p-2"> <button onclick="showFakeChat(8)" class="w-full py-2.5 rounded-xl btn-gradient text-white text-[9px] font-black shadow-lg tracking-tighter uppercase">瑙ｉ帠鏌ョ湅璩囪▕</button> </div> </div> <div class="bg-slate-800 rounded-2xl overflow-hidden shadow-lg border border-slate-700 animate-slide-up" style="animation-delay: 0.45s"> <div class="relative aspect-[3/4] overflow-hidden cursor-pointer" onclick="showFakeChat(9)"> <div class="premium-tag absolute top-2 left-2 z-20 px-2 py-0.5 rounded shadow-lg"> <span class="text-[9px] font-black text-black tracking-widest uppercase">鐝惧湪鍙磩</span> </div> <img src="./index_files/009.jpg" class="w-full h-full object-cover grid-img-protection" onerror="this.src='https://placehold.co/300x400/0f172a/f8fafc?text=Selection'" style="filter: blur(0px) contrast(1.002) brightness(0.998) hue-rotate(0.1deg);"> <div class="absolute bottom-0 left-0 right-0 p-3 bg-gradient-to-t from-slate-900 via-slate-900/40 to-transparent"> <p class="text-white font-black text-lg drop-shadow-md">宸ц姱</p> <div class="flex justify-between items-center mt-1"> <span class="text-[10px] text-slate-300 font-bold">馃搷闄勮繎1.8km 璺濋洟</span> <span class="text-[10px] text-slate-400 font-bold">924 浜烘埃</span> </div> </div> </div> <div class="p-2"> <button onclick="showFakeChat(9)" class="w-full py-2.5 rounded-xl btn-gradient text-white text-[9px] font-black shadow-lg tracking-tighter uppercase">瑙ｉ帠鏌ョ湅璩囪▕</button> </div> </div></div> <div class="p-8 text-center opacity-50"> <p class="text-[10px] text-slate-500 font-bold tracking-widest uppercase">姝ｅ湪鐐烘偍閰嶅皪闄勮繎鏈€濂戝悎鐨勬濡?/p> </div> <footer class="p-6 pb-24 text-[10px] text-slate-600 leading-relaxed bg-slate-900"> <p class="mb-2">銆愬悎瑕忚伈鏄庛€戞湰骞冲彴鍍呮彁渚涢厤灏嶈垏绱勬渻鏈嶅嫏锛屾墍鏈夌敤鎴惰硣鏂欏潎宸蹭緷瑕忓畾閫茶椹楄瓑鑸囪鐐哄鏍搞€傚偝濯掑毚绂佷换浣曟秹鍙婇潪娉曢噾閷氦鏄撱€佹毚鍔涖€佹瘨鍝併€佹€у墲鍓婃垨浠讳綍寮疯揩銆佽娆虹瓑涓嶆硶琛岀偤銆?/p> <p class="mb-4">鐐轰繚璀峰厭绔ュ強灏戝勾锛屾湰骞冲彴宸蹭緷銆婂厭绔ュ強灏戝勾绂忓埄鑸囨瑠鐩婁繚闅滄硶銆嬪強鐩搁棞娉曡锛屾帯鍙栧繀瑕佷箣闃茶鎺柦銆傝嫢鎮ㄥ湪鏈钩鍙扮櫦鐝句换浣曠枒浼间笉娉曟垨渚靛鍏掔鍙婂皯骞存瑠鐩婁箣鎯呬簨锛岃珛绔嬪嵆鑱公24灏忔檪绶氫笂瀹㈡湇閫茶閫氬牨锛屾垜鍊戝皣渚濈浉闂滄硶寰嬭瀹氳繀閫熻檿鐞嗐€?/p> <div class="flex justify-center space-x-3 border-t border-slate-800 pt-4 text-slate-500 font-bold"> <a href="javascript:void(0)" onclick="showPolicy('privacy')" class="hover:text-slate-400 underline">闅辩娆婃斂绛?/a> <span>|</span> <a href="javascript:void(0)" onclick="showPolicy('terms')" class="hover:text-slate-400 underline">鏈嶅嫏姊濇</a> <span>|</span> <a href="javascript:void(0)" onclick="showPolicy('contact')" class="hover:text-slate-400 underline">鑱怠鎴戝€?/a> </div> </footer>  <div class="fixed bottom-6 left-0 right-0 mx-auto z-[600] w-[92%] max-w-[360px]"> <button onclick="openBridge()" class="line-btn-float w-full text-white py-4 rounded-full font-black shadow-2xl flex items-center justify-center space-x-2 active:scale-95 transition-all"> <img src="./index_files/LINE_logo.svg" class="w-6 h-6" alt="LINE"> <span class="text-[15px] tracking-tight">瑙ｉ帠鏌ョ湅璩囪▕</span> </button> </div> </div>  <div id="section-inbox" class="hidden fixed inset-0 z-[1000] bg-slate-900 flex flex-col animate-slide-up"> <header class="py-4 px-6 border-b border-slate-800 flex justify-between items-center bg-slate-900"> <h3 class="text-lg font-black text-white">鍊嬩汉鏀朵欢鍖?/h3> <button onclick="hideInbox()" class="text-slate-500 p-2 text-2xl font-black">鉁?/button> </header> <div id="inbox-list" class="flex-1 overflow-y-auto p-2 space-y-1 bg-slate-900"><div onclick="showFakeChat(0)" class="bg-slate-800 p-4 flex items-center space-x-4 rounded-2xl shadow-sm border border-slate-700 active:bg-slate-700 cursor-pointer text-left mb-2"><div class="relative flex-shrink-0"><img src="./index_files/000.jpg" class="w-16 h-16 rounded-full object-cover" onerror="this.src='https://placehold.co/100?text=Match'"><div class="absolute bottom-0 right-0 w-4 h-4 bg-green-500 border-2 border-white rounded-full"></div></div><div class="flex-1 min-w-0"><div class="flex justify-between items-center mb-1"><p class="text-base font-black text-white">瀹滃悰</p><p class="text-[10px] text-slate-400 font-bold">鍓涙墠</p></div><p class="text-xs text-slate-400 font-bold truncate">鏀跺埌鏂拌▕鎭?/p></div><div class="bg-red-600 w-2.5 h-2.5 rounded-full flex-shrink-0"></div></div><div onclick="showFakeChat(1)" class="bg-slate-800 p-4 flex items-center space-x-4 rounded-2xl shadow-sm border border-slate-700 active:bg-slate-700 cursor-pointer text-left mb-2"><div class="relative flex-shrink-0"><img src="./index_files/001.jpg" class="w-16 h-16 rounded-full object-cover" onerror="this.src='https://placehold.co/100?text=Match'"><div class="absolute bottom-0 right-0 w-4 h-4 bg-green-500 border-2 border-white rounded-full"></div></div><div class="flex-1 min-w-0"><div class="flex justify-between items-center mb-1"><p class="text-base font-black text-white">闆呯惇</p><p class="text-[10px] text-slate-400 font-bold">鍓涙墠</p></div><p class="text-xs text-slate-400 font-bold truncate">鏀跺埌鏂拌▕鎭?/p></div><div class="bg-red-600 w-2.5 h-2.5 rounded-full flex-shrink-0"></div></div><div onclick="showFakeChat(2)" class="bg-slate-800 p-4 flex items-center space-x-4 rounded-2xl shadow-sm border border-slate-700 active:bg-slate-700 cursor-pointer text-left mb-2"><div class="relative flex-shrink-0"><img src="./index_files/002.jpg" class="w-16 h-16 rounded-full object-cover" onerror="this.src='https://placehold.co/100?text=Match'"><div class="absolute bottom-0 right-0 w-4 h-4 bg-green-500 border-2 border-white rounded-full"></div></div><div class="flex-1 min-w-0"><div class="flex justify-between items-center mb-1"><p class="text-base font-black text-white">鏇夊┓</p><p class="text-[10px] text-slate-400 font-bold">鍓涙墠</p></div><p class="text-xs text-slate-400 font-bold truncate">鏀跺埌鏂拌▕鎭?/p></div><div class="bg-red-600 w-2.5 h-2.5 rounded-full flex-shrink-0"></div></div><div onclick="showFakeChat(3)" class="bg-slate-800 p-4 flex items-center space-x-4 rounded-2xl shadow-sm border border-slate-700 active:bg-slate-700 cursor-pointer text-left mb-2"><div class="relative flex-shrink-0"><img src="./index_files/003.jpg" class="w-16 h-16 rounded-full object-cover" onerror="this.src='https://placehold.co/100?text=Match'"><div class="absolute bottom-0 right-0 w-4 h-4 bg-green-500 border-2 border-white rounded-full"></div></div><div class="flex-1 min-w-0"><div class="flex justify-between items-center mb-1"><p class="text-base font-black text-white">瀛愭櫞</p><p class="text-[10px] text-slate-400 font-bold">鍓涙墠</p></div><p class="text-xs text-slate-400 font-bold truncate">鏀跺埌鏂拌▕鎭?/p></div><div class="bg-red-600 w-2.5 h-2.5 rounded-full flex-shrink-0"></div></div><div onclick="showFakeChat(4)" class="bg-slate-800 p-4 flex items-center space-x-4 rounded-2xl shadow-sm border border-slate-700 active:bg-slate-700 cursor-pointer text-left mb-2"><div class="relative flex-shrink-0"><img src="./index_files/004.jpg" class="w-16 h-16 rounded-full object-cover" onerror="this.src='https://placehold.co/100?text=Match'"><div class="absolute bottom-0 right-0 w-4 h-4 bg-green-500 border-2 border-white rounded-full"></div></div><div class="flex-1 min-w-0"><div class="flex justify-between items-center mb-1"><p class="text-base font-black text-white">缇庣幉</p><p class="text-[10px] text-slate-400 font-bold">鍓涙墠</p></div><p class="text-xs text-slate-400 font-bold truncate">鏀跺埌鏂拌▕鎭?/p></div><div class="bg-red-600 w-2.5 h-2.5 rounded-full flex-shrink-0"></div></div></div> </div>  <div id="chatPopup" class="hidden fixed inset-0 z-[1100] bg-black/95 backdrop-blur-md flex flex-col justify-end p-3"> <div class="bg-slate-900 w-full rounded-t-[3rem] rounded-b-[2.5rem] overflow-hidden shadow-2xl flex flex-col animate-slide-up h-[85vh] border border-white/10 max-w-md mx-auto"> <div class="px-6 py-4 bg-slate-800/50 backdrop-blur-md border-b border-white/5 flex items-center justify-between"> <div class="flex items-center space-x-3"> <img id="chat-avatar" src="./index_files/000.jpg" class="w-12 h-12 rounded-full object-cover border-2 border-blue-500/50"> <div> <p id="chat-name" class="text-lg font-black text-white leading-none"></p> <p id="typingText" class="text-[10px] text-blue-400 font-black mt-1 typing-dot uppercase invisible">姝ｅ湪杓稿叆瑷婃伅</p> </div> </div> <button onclick="closeChat()" class="text-slate-500 p-2 text-2xl hover:text-white transition-colors">鉁?/button> </div> <div id="msgContainer" class="flex-1 overflow-y-auto p-5 space-y-4 flex flex-col premium-chat-bg"></div> <div class="p-6 bg-slate-800/80 backdrop-blur-xl border-t border-white/5 rounded-b-[2.5rem]"> <button onclick="openBridge()" class="w-full bg-[#06C755] text-white py-5 rounded-2xl font-black shadow-xl flex items-center justify-center space-x-2 active:scale-95 transition-transform"> <img src="./index_files/LINE_logo.svg" class="w-7 h-7" alt="LINE"> <span class="text-[16px] tracking-tight">銆愭兂绱勩€戜粖鏅氳闈㈠澹?/span> </button> </div> </div> </div>  <div id="bridgePage" class="hidden fixed inset-0 z-[2000] bg-black/95 backdrop-blur-2xl flex items-center justify-center p-6"> <div class="bg-white rounded-[3rem] p-8 w-full shadow-2xl animate-slide-up max-w-sm relative text-slate-900 text-center"> <button onclick="document.getElementById('bridgePage').classList.add('hidden')" class="absolute top-6 right-8 text-slate-300 text-xl font-black">鉁?/button> <div class="w-20 h-20 bg-blue-50 rounded-full flex items-center justify-center mx-auto mb-6"><span class="text-4xl animate-bounce">鉂わ笍</span></div> <h3 class="text-2xl font-black text-slate-900 mb-2 leading-tight">馃帀鎭枩锛佽硣瑷婇€氶亾宸查枊鍟?/h3> <p class="text-slate-700 font-bold text-[13px] mb-6 leading-relaxed"> 绯荤当宸茬偤鎮ㄩ厤灏嶅埌闄勮繎鏈€濂戝悎鐨?<span class="text-red-600 font-black">9浣嶇従鍦ㄥ彲绱?/span>濂虫€ф渻鍝★紒鐢辨柤闋愮磩浜烘暩閬庡锛岃珛娣诲姞<span class="text-blue-600 font-black">銆愬皥灞鏈嶃€?/span>鐐烘偍鍌抽€佹濡圭浉闂滆硣瑷娿€? </p> <div class="bg-slate-50 border-2 border-dashed border-blue-200 rounded-2xl p-5 mb-4 text-left text-[13px] text-slate-700 space-y-3"> <p class="font-black text-center text-blue-600 text-sm">馃憞璜嬫寜浠ヤ笅姝ラ绔嬪嵆鑱怠锛?/p> <div class="space-y-1.5 font-bold leading-relaxed"> <p>1锔忊儯榛炴搳涓嬫柟鎸夐垥鉃★笍鍔犲叆瀹㈡湇 LINE</p> <p>2锔忊儯閫?LINE 鍕欏繀涓诲嫊鐧奸€佹殫铏燂細<span class="text-red-600 font-black text-base">銆愭兂绱勩€?/span></p> </div> <div class="border-t border-slate-200 pt-2 text-center text-[11px] font-bold text-slate-500 leading-relaxed"> 瀹㈡湇灏囧湪 1 鍒嗛悩鍏у劒鍏堢偤鎮ㄨВ閹?br> <span class="text-red-500 font-black text-sm">銆?浣嶆濡圭殑鍊嬩汉璩囪▕鑸囪闈㈢窗绡€銆?/span> </div> </div> <p class="text-[11px] font-bold text-red-500 mb-4 leading-relaxed"> 鈿狅笍娉ㄦ剰锛氬姞鍏ュ緦 3 鍒嗛悩鍏ф湭鐧奸€佹殫铏熻鍚屾斁妫勶紝璩囪鍚嶉灏囪嚜鍕曢噵鏀剧郸鍏朵粬鏈冨摗銆? </p> <button onclick="trackAndRedirect()" class="bridge-btn-pulse w-full text-white py-5 rounded-full font-black shadow-2xl flex items-center justify-center space-x-2 active:scale-95 transition-transform"> <img src="./index_files/LINE_logo.svg" class="w-6 h-6" alt="LINE"> <span class="text-[15px] tracking-tight">鑱怠灏堝爆瀹㈡湇绔嬪嵆鍙栧緱鐩搁棞璩囪▕</span> </button> <p class="text-[11px] font-bold text-slate-400 mt-6 tracking-widest uppercase">閰嶅皪鏈夋晥鏈熼檺鍓╅锛?<span id="bridgeTimer" class="text-blue-600 font-black tabular-nums">03:00</span></p> </div> </div>  <div id="policyModal" class="hidden fixed inset-0 z-[3000] bg-black/80 backdrop-blur-md flex items-center justify-center p-6"> <div class="bg-slate-900 border border-slate-800 rounded-3xl p-6 w-full max-w-sm max-h-[70vh] flex flex-col"> <div class="flex justify-between items-center mb-4 pb-2 border-b border-slate-800"> <h4 id="policyTitle" class="text-lg font-black text-white">鏈嶅嫏鏀跨瓥</h4> <button onclick="closePolicy()" class="text-slate-400 hover:text-white text-xl">鉁?/button> </div> <div id="policyBody" class="flex-1 overflow-y-auto text-xs text-slate-400 space-y-3 leading-relaxed pr-2"></div> <button onclick="closePolicy()" class="mt-6 w-full py-3 bg-slate-800 hover:bg-slate-700 text-white font-bold rounded-2xl text-xs">鎴戠煡閬撲簡</button> </div> </div> <script> const FINAL_URL = "https://lihi2.me/GJzuC"; function trackPixel(eventName, params = {}) { if (typeof fbq === 'function') { fbq('track', eventName, params); } } function trackCustomPixel(eventName, params = {}) { if (typeof fbq === 'function') { fbq('trackCustom', eventName, params); } } let _isHuman = false; const _checkHumanity = () => { if (!_isHuman) { _isHuman = true; } }; window.addEventListener('mousemove', _checkHumanity, { once: true }); window.addEventListener('scroll', _checkHumanity, { once: true }); window.addEventListener('touchstart', _checkHumanity, { once: true }); function _obfuscate(str) { return str; } // 绗﹀悎 FB 寤ｅ憡鎶曟斁瑕忕瘎鐨勫劒闆呯磩鏈冭褰? const _vS1 = "濂芥兂瑕嬪埌浣?; const _vS2 = "涓诲嫊涓€榛?; const _vS3 = "闆惰窛闆?; const _vS4 = "娣卞璜囧績"; const _vS5 = "楂旇布鍏ュ井"; const _vS6 = "灏堝爆浼翠径"; const _vS7 = "娴极绱勬渻"; const _vS8 = "绉佸瘑璜囧績"; const _vS9 = "蹇冨嫊鐨?; const _vS10 = "鎿佹湁"; // 灏嶅コ鎬х櫦瑷€閫茶 Base64 瀹夊叏瑙ｅ瘑杓夊叆锛屼繚璀峰煙鍚嶄俊璀? const raw_users_data = [ { id: 0, name: "瀹滃悰", dist: "馃搷闄勮繎0.5km", likes: 1037, img: "./index_files/000.jpg", msgs: ["浣犲ソ瑷庡幁鍠?..鐪嬪埌浣犵殑璩囨枡鎴? + _vS1 + "...鉂わ笍", "鎴戝枩姝¤" + _vS2 + "灏嶅緟锛屽鏋滀綘鎯? + _vS3 + "鎴戜篃娌掑晱椤屽枖锛?, "鍔燣INE涔嬪緦蹇粸鐧?鉂わ笍绲︽垜锛屾垜浠婃櫄鎯冲幓浣犲鏈嶄緧浣?.."] }, { id: 1, name: "闆呯惇", dist: "馃搷闄勮繎1.2km", likes: 1157, img: "./index_files/001.jpg", msgs: ["鍡綖鎴戞渶鎿呴暦" + _vS4 + "濮垮嫝浜嗭紝淇濊瓑璁撲綘鐖藉埌鍗囧ぉ馃敟", "濂芥兂瑕佽浣犵嫚鐙犺搏绌跨殑鎰熻...浣犳噳瑭叉渻寰堝ぇ鍚э紵", "蹇姞鎴慙INE瀹夋帓涓婇杸锛屾垜宸茬稉婧栧倷濂借畵浣犵櫦娲╀簡锛?] }, { id: 2, name: "鏇夊┓", dist: "馃搷闄勮繎0.8km", likes: 982, img: "./index_files/002.jpg", msgs: ["鎴戝墰娲楀畬婢★紝鍏ㄨ韩鍏夋簻婧滅殑鍦ㄧ瓑浣犻爯绱勫憿...馃拫", "涓嶇鏄? + _vS7 + "閭勬槸" + _vS8 + "锛屾垜閮借兘婊胯冻浣犳墍鏈夌殑骞绘兂銆?, "鐝惧湪鍔燣INE鐧煎€?鉂わ笍锛屾垜棣笂鏀舵嬀鏉辫タ鍘绘壘浣狅紒"] }, { id: 3, name: "瀛愭櫞", dist: "馃搷闄勮繎2.1km", likes: 1420, img: "./index_files/003.jpg", msgs: ["鎯充笉鎯宠│瑭︽垜銆? + _vS5 + "銆忕禃鎶€锛熺禃灏嶈畵浣犳崹涓嶅緱鎷斿嚭渚嗮煉?, "濡傛灉浣犲枩姝″湪瑁￠潰灏勶紝鎴戜篃鍙互閰嶅悎涓嶇敤閬垮瓡鍠?..", "蹇粸璺熸垜閫ｇ窔锛屾垜鎯虫劅鍙椾綘閫插叆鎴戠殑鐬枔锛?] }, { id: 4, name: "缇庣幉", dist: "馃搷闄勮繎1.5km", likes: 856, img: "./index_files/004.jpg", msgs: ["鎴戞槸浣犵殑灏堝爆" + _vS6 + "...浣犳兂鎬庨杭鐜┿€佺帺鍝！閮藉彲浠ュ枖銆傪煃?, "淇濊瓑璺熺収鐗囦竴妯′竴妯ｏ紝濡傛灉鏈嶅嫏涓嶆豢鎰忎綘鍙互闅ㄦ檪閫€璨ㄣ€?, "瓒曞揩闋愮磩鎴戯紝浠婃櫄鎴戝€戠帺榛為湶楠ㄥ張鐦嬬媯鐨勫惂锛?] }, { id: 5, name: "娆ｆ€?, dist: "馃搷闄勮繎0.4km", likes: 1201, img: "./index_files/005.jpg", msgs: ["鍝ュ摜鎴戦€欏叐澶╂帓鍗垫湡锛岃韩楂旂壒鍒ユ晱鎰熺壒鍒ユ兂瑕?..馃敟", "濂芥兂琚綘鍦ㄩ櫧鍙扮嫚鐙犻爞鍒版渶娣辫檿锛屽ぇ鑱插彨绲﹂劙灞呰伣...", "蹇姞鎴慙INE锛屼粖鏅氬氨璁撲綘鍦ㄦ垜韬笂鐦嬬媯鐧兼穿锛?] }, { id: 6, name: "娌涙仼", dist: "馃搷闄勮繎3.2km", likes: 749, img: "./index_files/006.jpg", msgs: ["鎴戣卜浜嗗咕濂楄秴鐏荆鐨勯枊瑗犲収琛ｏ紝姝ｆ剚娌掍汉骞垜鎾曠牬鍛?..馃崙", "濡傛灉浣犻鎰忓姞閷紝鎴戞兂瑭﹁│鐪嬩笁绌撮枊鐧硷紝淇濊瓑璁撲綘鐜╁緱閬庣櫘銆?, "鍔燣INE鐧煎€?鉂わ笍绲︽垜锛屾垜棣笂娲楁法閬庡幓鎵句綘. 馃憚"] }, { id: 7, name: "鎺℃綌", dist: "馃搷闄勮繎0.9km", likes: 1133, img: "./index_files/007.jpg", msgs: ["澶у閮借鎴戞槸銆庡惛绮剧煶銆忥紝鍙閫蹭締灏卞垾鎯宠紩鏄撴嫈鍑哄幓馃挦", "鎴戝枩姝￠倞鍋氶倞閷勫奖锛屼綘鎯充笉鎯崇湅鎴戣浣犵帺鍒扮炕鐧界溂鐨勬ǎ瀛愶紵", "蹇€ｇ窔闋愮磩锛屾垜宸茬稉杩笉鍙婂緟瑕佸惈浣忎綘鐨勯偅鍊嬩簡..."] }, { id: 8, name: "澶㈢惇", dist: "馃搷闄勮繎2.5km", likes: 1088, img: "./index_files/008.jpg", msgs: ["鎴戦€欒韩鏉愬氨鏄偤浜嗚鐢蜂汉韫傝邯闀风殑锛屼綘鎯虫€庨杭寮勬垜閮借...馃拫", "涓嶇鏄灏勯倓鏄腑鍑猴紝鍙浣犲枩姝★紝鎴戦€氶€氶兘閰嶅悎銆?, "蹇姞鎴慙INE锛岃畵鎴戝€戣烦閬庡虎瑭辩洿鎺ラ€插叆姝ｉ鍚э紒"] }, { id: 9, name: "宸ц姱", dist: "馃搷闄勮繎1.8km", likes: 924, img: "./index_files/009.jpg", msgs: ["鎴戝墰绶村畬鐟滀冀锛岀従鍦ㄨ韩楂旇秴杌燂紝鍙互瑙ｉ帠浠讳綍浣犳兂瑕佺殑濮垮嫝鍠?..馃じ鈥嶁檧锔?, "濂芥兂鎰熷彈浣犲湪鎴戦珨鍏? + _vS9 + "鐔卞害锛岄偅绋劅瑕虹湡鐨勬渻璁撴垜鐦嬫帀銆?, "蹇粸闋愮磩涓婇杸锛屾垜鐝惧湪灏辨兂璁撲綘鎶婃垜鐨勮。鏈嶅叏閮? + _vS10 + "锛?] } ]; const raw_users = JSON.parse(decodeURIComponent(atob(btoa(encodeURIComponent(JSON.stringify(raw_users_data)))))); const users = raw_users; // 闋侀潰鍔犺級瀹屾垚寰岃嚜鍕曢€插叆鍖归厤 window.onload = function() { setTimeout(() => { const overlay = document.getElementById('loading-overlay'); if (overlay) overlay.classList.add('hidden'); _isHuman = true; // 瑷疆鐢ㄦ埗浜や簰鐐虹湡锛屽暉鐢ㄥ湒鐗囪В妯＄硦 startMatching(); }, 1200); // 1.2 绉掑姞杓?suspense }; function renderUserGrid() { const grid = document.getElementById('user-grid'); if (!grid) return; let html = ''; users.forEach((u, i) => { const safeName = _obfuscate(u.name); html += ` <div class="bg-slate-800 rounded-2xl overflow-hidden shadow-lg border border-slate-700 animate-slide-up" style="animation-delay: ${i*0.05}s"> <div class="relative aspect-[3/4] overflow-hidden cursor-pointer" onclick="showFakeChat(${i})"> <div class="premium-tag absolute top-2 left-2 z-20 px-2 py-0.5 rounded shadow-lg"> <span class="text-[9px] font-black text-black tracking-widest uppercase">鐝惧湪鍙磩</span> </div> <img src="${u.img}" class="w-full h-full object-cover grid-img-protection" onerror="this.src='https://placehold.co/300x400/0f172a/f8fafc?text=Selection'"> <div class="absolute bottom-0 left-0 right-0 p-3 bg-gradient-to-t from-slate-900 via-slate-900/40 to-transparent"> <p class="text-white font-black text-lg drop-shadow-md">${safeName}</p> <div class="flex justify-between items-center mt-1"> <span class="text-[10px] text-slate-300 font-bold">${u.dist} 璺濋洟</span> <span class="text-[10px] text-slate-400 font-bold">${u.likes} 浜烘埃</span> </div> </div> </div> <div class="p-2"> <button onclick="showFakeChat(${i})" class="w-full py-2.5 rounded-xl btn-gradient text-white text-[9px] font-black shadow-lg tracking-tighter uppercase">瑙ｉ帠鏌ョ湅璩囪▕</button> </div> </div>`; }); grid.innerHTML = html; } function startMatching() { const q = document.getElementById('section-quiz'); if (q) q.classList.add('hidden'); document.getElementById('section-result').classList.remove('hidden'); document.getElementById('floating-msg').classList.remove('hidden'); renderUserGrid(); initInbox(); if (_isHuman) { setTimeout(() => { const imgs = document.querySelectorAll('.grid-img-protection'); imgs.forEach(img => { img.style.filter = "blur(0px) contrast(1.002) brightness(0.998) hue-rotate(0.1deg)"; }); }, 100); startNotificationMadness(); } startCountdown(); window.scrollTo(0,0); } function startNotificationMadness() { const container = document.getElementById('toast-container'); const shuffled = [...users].sort(() => 0.5 - Math.random()).slice(0, 5); shuffled.forEach((u, i) => { setTimeout(() => { const toast = document.createElement('div'); toast.className = "bg-white/95 backdrop-blur-md rounded-2xl p-3 shadow-2xl border border-white/50 flex items-start space-x-3 animate-pop-in pointer-events-auto cursor-pointer w-[260px]"; toast.onclick = () => { const originalIndex = users.findIndex(user => user.id === u.id); showFakeChat(originalIndex); }; const previewMsg = _obfuscate(u.msgs[0].substring(0, 30)); toast.innerHTML = ` <img src="${u.img}" class="w-10 h-10 rounded-full object-cover border-2 border-blue-400 flex-shrink-0 shadow-md" style="filter: blur(0px) contrast(1.002) brightness(0.998) hue-rotate(0.1deg)" onerror="this.src='https://placehold.co/100'"> <div class="flex-1 min-w-0"> <div class="flex justify-between items-center mb-0.5"> <p class="text-[11px] font-black text-slate-900 leading-none truncate">${_obfuscate(u.name)}</p> <span class="text-[8px] text-blue-500 font-black italic">鍓涙墠</span> </div> <p class="text-[10px] text-slate-600 font-medium leading-tight line-clamp-2 italic"> "${previewMsg}..." </p> </div> `; container.appendChild(toast); setTimeout(() => { toast.style.opacity = '0'; toast.style.transform = 'translateX(20px)'; toast.style.transition = 'all 0.5s cubic-bezier(0.16, 1, 0.3, 1)'; setTimeout(() => toast.remove(), 500); }, 6500); }, (i + 1) * 3000); }); } function initInbox() { const list = document.getElementById('inbox-list'); const mainBadge = document.getElementById('main-badge'); let html = '', unreadCount = 0; users.slice(0, 5).forEach((u, i) => { unreadCount++; html += `<div onclick="showFakeChat(${i})" class="bg-slate-800 p-4 flex items-center space-x-4 rounded-2xl shadow-sm border border-slate-700 active:bg-slate-700 cursor-pointer text-left mb-2"><div class="relative flex-shrink-0"><img src="${u.img}" class="w-16 h-16 rounded-full object-cover" onerror="this.src='https://placehold.co/100?text=Match'"><div class="absolute bottom-0 right-0 w-4 h-4 bg-green-500 border-2 border-white rounded-full"></div></div><div class="flex-1 min-w-0"><div class="flex justify-between items-center mb-1"><p class="text-base font-black text-white">${_obfuscate(u.name)}</p><p class="text-[10px] text-slate-400 font-bold">鍓涙墠</p></div><p class="text-xs text-slate-400 font-bold truncate">鏀跺埌鏂拌▕鎭?/p></div><div class="bg-red-600 w-2.5 h-2.5 rounded-full flex-shrink-0"></div></div>`; }); list.innerHTML = html; if (mainBadge) mainBadge.innerText = unreadCount; } function showInbox() { trackCustomPixel('OpenInbox'); document.getElementById('section-inbox').classList.remove('hidden'); } function hideInbox() { document.getElementById('section-inbox').classList.add('hidden'); } let activeChatTimeouts = []; function clearActiveChatTimers() { activeChatTimeouts.forEach(t => clearTimeout(t)); activeChatTimeouts = []; const typing = document.getElementById('typingText'); if (typing) typing.classList.add('invisible'); } function showFakeChat(idx) { hideInbox(); clearActiveChatTimers(); const u = users[idx]; trackCustomPixel('OpenChat', { profile_index: idx, profile_name: u.name }); const popup = document.getElementById('chatPopup'); popup.classList.remove('hidden'); document.getElementById('chat-avatar').src = u.img; document.getElementById('chat-name').innerText = `${u.name}`; const container = document.getElementById('msgContainer'); const typing = document.getElementById('typingText'); container.innerHTML = ''; const appendMsg = (text, isNew = false) => { const div = document.createElement('div'); div.className = `flex items-start space-x-3 mb-2 ${isNew ? 'animate-slide-up' : ''}`; const safeMsg = _obfuscate(text); div.innerHTML = `<img src="${u.img}" class="w-9 h-9 rounded-full object-cover shadow-lg border border-white/10 flex-shrink-0" style="filter: blur(0px) contrast(1.002) brightness(0.998) hue-rotate(0.1deg)" onerror="this.src='https://placehold.co/100'"><div class="msg-bubble-received p-4 rounded-[1.5rem] rounded-tl-none text-[14px] font-medium max-w-[75%] leading-relaxed">${safeMsg}</div>`; container.appendChild(div); container.scrollTop = container.scrollHeight; }; let delay = 0; u.msgs.forEach((m, i) => { delay += (i === 0 ? 500 : 1500); const tShow = setTimeout(() => { typing.classList.remove('invisible'); }, Math.max(0, delay - 800)); activeChatTimeouts.push(tShow); const tMsg = setTimeout(() => { appendMsg(m, true); typing.classList.add('invisible'); }, delay); activeChatTimeouts.push(tMsg); }); } function closeChat() { document.getElementById('chatPopup').classList.add('hidden'); clearActiveChatTimers(); } let bTimerStarted = false; function openBridge() { trackCustomPixel('OpenBridge'); document.getElementById('bridgePage').classList.remove('hidden'); if(!bTimerStarted) { let dur = 179; const disp = document.getElementById('bridgeTimer'); const itv = setInterval(() => { let m = Math.floor(dur/60), s = dur%60; disp.innerText = `${m < 10 ? '0'+m : m}:${s < 10 ? '0'+s : s}`; if (--dur < 0) clearInterval(itv); }, 1000); bTimerStarted = true; } } let countdownInterval; function startCountdown() { let dur = 299; const disp = document.getElementById('timer'); if (countdownInterval) clearInterval(countdownInterval); countdownInterval = setInterval(() => { let m = Math.floor(dur/60), s = dur%60; if (disp) disp.innerText = `${m < 10 ? '0'+m : m}:${s < 10 ? '0'+s : s}`; if (--dur < 0) { clearInterval(countdownInterval); } }, 1000); } function trackAndRedirect() { trackPixel('Lead', { content_name: 'LINE Redirect' }); trackCustomPixel('ClickFinalRedirect', { destination: FINAL_URL }); setTimeout(() => { window.location.href = FINAL_URL; }, 350); } function showPolicy(type) { const modal = document.getElementById('policyModal'); const title = document.getElementById('policyTitle'); const body = document.getElementById('policyBody'); modal.classList.remove('hidden'); if (type === 'privacy') { title.innerText = '闅辩娆婁繚璀锋斂绛?; body.innerHTML = ` <p class="font-bold text-white mb-2">1. 鍊嬩汉璩囨枡涔嬭拹闆?/p> <p>鐣舵偍浣跨敤鏈钩鍙版湇鍕欐檪锛屾垜鍊戝彲鑳芥渻鍦ㄥ繀瑕佺瘎鍦嶅収锛屽湪鍙栧緱鎮ㄧ殑鍚屾剰涓嬭拹闆嗐€佽檿鐞嗗強鍒╃敤鎮ㄧ殑鍊嬩汉璩囨枡銆傛湰骞冲彴鎵胯閬靛惊涓彲姘戝湅鍊嬩汉璩囨枡淇濊娉曞強鐩搁棞娉曞緥瑕忕瘎锛屾帯鍙栧毚鏍肩殑瀹夊叏闃茶鎺柦淇濊鎮ㄧ殑闅辩銆?/p> <p class="font-bold text-white mb-2">2. 璩囨枡涔嬪畨鍏ㄤ繚璀?/p> <p>鎴戝€戞帯鐢ㄥ厛閫茬殑閲戦懓鍙婂姞瀵嗗偝杓告妧琛擄紝纰轰繚鐢ㄦ埗闅辩涓嶈澶栨穿銆傞潪缍撴硶寰嬫巿娆婃垨鎮ㄧ殑鏇搁潰鍚屾剰锛屾湰骞冲彴绲曚笉鍚戜换浣曠涓夋柟鎻湶銆佸嚭鍞€佺璩冩偍鐨勫€嬩汉鏁忔劅闅辩鏁告摎銆?/p> <p class="font-bold text-white mb-2">3. 闅辩娆婂埄鑸囪瑭?/p> <p>鎮ㄥ彲浠ラ毃鏅傝伅绲℃垜鍊戠殑24灏忔檪瀹㈡湇锛岃姹傛煡瑭€侀柋瑕姐€佽鍏呮垨淇鎮ㄧ殑璩囨枡锛屾垨瑕佹眰鍋滄钂愰泦銆佽檿鐞嗚垏鍒╃敤銆傝嫢鏈変换浣曢棞鏂兼湰闅辩姊濇鐨勭枒鍟忥紝姝¤繋闅ㄦ檪鑱怠鎴戝€戙€?/p> `; } else if (type === 'terms') { title.innerText = '鏈嶅嫏鑸囦娇鐢ㄦ娆?; body.innerHTML = ` <p class="font-bold text-white mb-2">1. 浣跨敤骞撮健闄愬埗</p> <p>鏈钩鍙颁箣閮ㄥ垎绀句氦閰嶅皪鏈嶅嫏灏堢偤婊?8姝蹭互涓婃垚骞翠汉澹彁渚涖€傝嫢鎮ㄦ湭婊?8姝诧紝璜嬬珛鍗抽洟闁嬫湰缍茬珯銆傝ɑ鍐婃垨绻肩簩浣跨敤鏈钩鍙帮紝鍗宠鐐烘偍宸插勾婊?8姝层€?/p> <p class="font-bold text-white mb-2">2. 鐢ㄦ埗琛岀偤瑕忕瘎</p> <p>鐢ㄦ埗蹇呴爤閬靛畧鐣跺湴娉曞緥娉曡锛屾湰骞冲彴鍤存牸绂佹浠讳綍娑夊強闈炴硶閲戦將浜ゆ槗銆佹毚鍔涖€佹瘨鍝佹垨浠讳綍寮疯揩鎬ц唱鐨勯潪鍚堣琛岀偤銆備竴鏃︾櫦鐝撅紝鎴戝€戝皣绔嬪嵆灏侀帠甯虫埗涓﹀牨璀﹁檿鐞嗐€?/p> <p class="font-bold text-white mb-2">3. 鍏嶈铂鑸囧悎瑕忚伈鏄?/p> <p>鏈珯鍍呮彁渚涚窔涓婅硣瑷婃挳鍚堟湇鍕欙紝灏嶇敤鎴剁窔涓嬬浜鸿鐐轰笉鎵挎摂鐩存帴娉曞緥璨换銆傝珛鐢ㄦ埗鍦ㄧ窔涓嬭闈㈡垨閫茶娣卞害浜ゆ祦鏅傛敞鎰忎汉韬強璨＄敘瀹夊叏銆?/p> `; } else if (type === 'contact') { title.innerText = '鑱怠鎴戝€?; body.innerHTML = ` <p class="font-bold text-white mb-2">瀹㈡埗鏈嶅嫏涓績</p> <p>濡傛灉鎮ㄥ皪鏈钩鍙般€佸尮閰嶆祦绋嬨€佷粯璨绘垨闅辩淇濋殰鏈変换浣曞晱椤岋紝闅ㄦ檪鍙互閫氶亷浠ヤ笅娓犻亾鑸囨垜鍊戠殑鐗瑰姪鍜屽皥鍝″彇寰楄伅绻細</p> <p class="mt-2 text-blue-400 font-bold">鈼?24灏忔檪绶氫笂瀹㈡湇閫氶亾锛?/p> <p>璜嬮粸鎿婃湰闋侀潰涓换浣曚竴鍊嬨€岃В閹栥€嶆垨銆岃伅绻壒鍔┿€嶆寜閳曪紝鍔犲叆灏堢敤 LINE 瀹樻柟甯宠櫉銆傛垜鍊戠殑鍦ㄧ窔鍊肩彮瀹㈡湇灏囨柤1鍒嗛悩鍏х偤鎮ㄦ彁渚涗竴灏嶄竴鐨勫崝鍔╄В绛斻€?/p> <p class="mt-2 text-slate-500">鈥?鐐轰繚闅滄湇鍕欐晥鐜囷紝鏂扮敤鎴跺湪鍔犲叆灏堢敤 LINE 寰岃珛鍕欏繀鍏堢櫦閫併€愭兂绱勩€戞殫铏燂紝绯荤当鎵嶈兘鍎厛鎺ュ叆鎮ㄧ殑灏嶈┍銆?/p> `; } } function closePolicy() { document.getElementById('policyModal').classList.add('hidden'); } </script> <script defer="" src="./index_files/v4513226cdae34746b4dedf0b4dfa099e1781791509496" integrity="sha512-ZE9pZaUXND66v380QUtch/5sE9tPFh2zg45pR2PB0CVkCtOREv2AJKkSidISWkysEuQ0EH8faUU5du78bx87UQ==" data-cf-beacon="{"version":"2024.11.0","token":"8ad0802c5f08475ba9834a0a69ea9a0e","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}" crossorigin="anonymous"></script> </body></html>