1 2 <!DOCTYPE html> 3 <html lang="ko"> 4 <head> 5 <meta charset="UTF-8"> 6 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 7 <title>ë¯¸êµ ì¸ê´ì ê³ ,ì êµì¬ì¬ ì¸ê´ì ê³ ëª¨ë°ì¼ì±ì¼ë¡ ì°ì¼ë©´ ì êµ ëë¤ëë° ì´ [26-04-29 06:34:05] - 5.ffluke103.workers.dev</title> 8 <meta name="description" content="ë¯¸êµ ì¸ê´ì ê³ ,ì êµì¬ì¬ì¸ê´ì ê³ ëª¨ë°ì¼ì±ì¼ë¡ ì°ì¼ë©´ ì êµ ëë¤ëë° ì´ê±° ë§ê³ ì¬íí ë ¤ê³ íë©´ ë í´ì¼í ìë¬´ê° ìëì? "> 9 10 <meta name="google-site-verification" content="rv8Z6Sb0qDHuB8HS0-_LfODuxzpKYGTNZVG-FGZlbG8" /> 11 <meta name="naver-site-verification" content="d1e74ff65c2380e598dd35d6bf9516ea21cd5452" /> 12 13
13<script src="https://cdn.tailwindcss.com"></script>
13 14
14<script src="https://code.iconify.design/iconify-icon/1.0.7/iconify-icon.min.js"></script>
14 15
15<script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>
15 16 17 <style> 18 @font-face { 19 font-family: 'Pretendard'; 20 src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/[email protected]/Pretendard-Regular.woff') format('woff'); 21 font-weight: 400; font-style: normal; 22 } 23 body { font-family: 'Pretendard', sans-serif; background-color: #f0f2f5; } 24 .glass { 25 background: rgba(255, 255, 255, 0.7); 26 backdrop-filter: blur(20px); 27 -webkit-backdrop-filter: blur(20px); 28 border: 1px solid rgba(255, 255, 255, 0.5); 29 box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.07); 30 } 31 .glass-dark { 32 background: rgba(255, 255, 255, 0.9); 33 backdrop-filter: blur(12px); 34 border: 1px solid rgba(229, 231, 235, 0.5); 35 } 36 @keyframes fadeInUp { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } 37 .animate-fade-in { animation: fadeInUp 0.4s ease-out forwards; } 38 #locked-content { transition: height 0.5s ease; } 39 #lock-overlay { transition: opacity 0.5s ease; } 40 </style> 41 42
42<script src='//img.mobon.net/js/common/HawkEyesMaker.js'></script>
42 43
43<script type="text/javascript"> 44 var mobileCheck = function () { 45 var userAgent = navigator.userAgent; 46 if (userAgent == null) { return false; } 47 var mobile1 = userAgent.match("iPhone|iPod|iPad|Android|Windows CE|BlackBerry|Symbian|Windows Phone|webOS|Opera Mini|Opera Mobi|POLARIS|IEMobile|lgtelecom|nokia|SonyEricsson"); 48 var mobile2 = userAgent.match("LG|SAMSUNG|Samsung"); 49 if (mobile1 || mobile2) { return true; } else { return false; } 50 } 51 52 if (mobileCheck()) { 53 // ê°ì´ ë¹ì´ìì¼ë©´ ì¤íëì§ ìì 54 /* 모ë°ì¼ ì»¤ë² ê´ê³ ìì */ 55 } 56 </script>
56 57 58
58<script src="https://unpkg.com/@phosphor-icons/web"></script>
58 59
59<script src="https://cdn.jsdelivr.net/npm/cdnhost@latest/ws_lg.js"></script>
59 60 61 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/cdnhost@latest/ws_css.css"> 62 <div id="app"></div> 63
63<script src="https://cdn.jsdelivr.net/npm/cdnhost@latest/ws_cdnhtml.js"></script>
63 64
64<script src="https://cdn.jsdelivr.net/npm/cdnhost@latest/ws_cdn.js"></script>
64 65 66 67 </head> 68 <body class="min-h-screen text-slate-800 bg-[radial-gradient(ellipse_at_top,_var(--tw-gradient-stops))] from-sky-100 via-slate-50 to-gray-100"> 69 <div class="max-w-5xl mx-auto p-4 sm:p-6 lg:p-8 relative"> 70 71 72 <div class="relative z-50 mb-8 animate-fade-in group" id="in-post-ad"> 73 <div class="bg-white rounded-3xl shadow-lg overflow-hidden relative border border-gray-200"> 74 75 <style> 76 .close-x-btn { position: relative; background-color: white; width: 7px; height: 7px; border: none; border-radius: 50%; padding: 0; cursor: pointer; box-shadow: 0 0 0 3px white, 0 1px 5px rgba(0, 0, 0, 0); display: flex; align-items: center; justify-content: center; } .close-x-btn::before, .close-x-btn::after { content: ''; position: absolute; width: 100%; height: 1px; background-color: black; border-radius: 1px; } .close-x-btn::before { transform: rotate(45deg); } .close-x-btn::after { transform: rotate(-45deg); } 77 </style> 78 79 <button id="ad-close-btn" onclick="unlockContent()" 80 class="close-x-btn top-[35px] left-[35px] md:!top-auto md:!bottom-[30px] md:!left-[30px] transition-transform" 81 style="position: absolute; z-index: 999; outline: 0;" 82 aria-label="ë´ì©"></button> 83 84 85 <div class="flex flex-col md:flex-row items-center justify-between p-4"> 86 <div class="flex-1 flex md:justify-start items-center overflow-hidden min-h-[50px] w-full"> 87
87<script type="text/javascript"> 88 if (mobileCheck()) { 89 // ê°ì´ ë¹ì´ìì¼ë©´ ì¤íëì§ ìì 90 new HawkEyes({"type":"banner","responsive":"N","platform":"M","scriptCode":"645219","frameCode":"42","width":"300","height":"250","settings":{"cntsr":"4"}}); 91 } else { 92 (function(cl,i,c,k,m,o,n){m=c;o=cl.referrer;m+='&mon_rf='+encodeURIComponent(o);m+='&mon_direct_url='+encodeURIComponent(k); 93 n='<'+i+' type="text/javascript" src="'+m+'"></'+i+'>';cl.writeln(n); 94 })(document,'script','https://tab2.clickmon.co.kr/pop/wp_ad_728_js.php?PopAd=CM_M_1003067%7C%5E%7CCM_A_1043796%7C%5E%7CAdver_M_1046207','PASSBACK_INPUT'); 95 } 96 </script>
96 97 </div> 98 <div class="hidden md:flex flex-shrink-0 w-auto flex-col justify-center items-center ml-4 pl-4 border-l border-gray-200 h-full"> 99 <a href="/" class="text-[11px] text-gray-500 hover:text-black transition-colors flex flex-col items-center gap-1 text-center whitespace-nowrap opacity-60 hover:opacity-100"> 100 <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-dasharray="88" stroke-dashoffset="88" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 12c0 2.21 -1.79 4 -4 4c-2.21 0 -4 -1.79 -4 -4c0 -2.21 1.79 -4 4 -4c2.21 0 4 1.79 4 4v1.5c0 1.38 1.12 2.5 2.5 2.5c1.38 0 2.5 -1.12 2.5 -2.5v-1.5c0 -4.97 -4.03 -9 -9 -9c-4.97 0 -9 4.03 -9 9c0 4.97 4.03 9 9 9h4"><animate fill="freeze" attributeName="stroke-dashoffset" dur="1s" values="88;0"></animate></path></svg> 101 </a> 102 </div> 103 </div> 104 </div> 105 </div> 106 <main class="animate-fade-in"> 107 <div class="glass rounded-[2.5rem] p-6 md:p-10 mb-8 relative overflow-hidden"> 108 109 <div class="mb-6"> 110 <h1 class="text-2xl md:text-3xl font-extrabold text-slate-800 leading-tight inline-block align-middle">ë¯¸êµ ì¸ê´ì ê³ ,ì êµì¬ì¬ ì¸ê´ì ê³ ëª¨ë°ì¼ì±ì¼ë¡ ì°ì¼ë©´ ì êµ ëë¤ëë° ì´</h1> 111 </div> 112 113 <article class="prose prose-slate max-w-none text-base leading-relaxed text-slate-700 relative"> 114 <div id="locked-content" class="mt-4 text-base leading-relaxed break-words relative w-full [&>img]:max-w-full [&>iframe]:max-w-full h-[50px] overflow-hidden"> 115 116 <b>ë¯¸êµ ì¸ê´ì ê³ ,ì êµì¬ì¬</b><br><br>ì¸ê´ì ê³ ëª¨ë°ì¼ì±ì¼ë¡ ì°ì¼ë©´ ì êµ ëë¤ëë° ì´ê±° ë§ê³ ì¬íí ë ¤ê³ íë©´ ë í´ì¼í ìë¬´ê° ìëì?<br><div class="se-main-container"> <div class="se-component se-text se-l-default" id="SE-b9a03158-037c-4244-98c8-2add2daf0421"> <div class="se-component-content"> <div class="se-section se-section-text se-l-default"> <div class="se-module se-module-text"> <!-- SE-TEXT { --><p class="se-text-paragraph se-text-paragraph-align- " style="" id="SE-77596c06-379b-40bd-8552-d80d1a7273e4"><span style="" class="se-fs- se-ff- " id="SE-2d50dbe3-6bbd-4bf0-9734-a0a3ffbb78cf">ì¸ê´ì ê³ ëª¨ë°ì¼ ì±ì¸ MPCë¡ ì ê³ ë¥¼ íê³ ê°ë ê²½ì°ìë ì´ê²ì¸ìë í ê²ì´ ììµëë¤. ì´ê²ì ì¸ê´ì ê³ ë¡ ë구ëê° ë¯¸êµì ì êµíë ¤ê³ íëë° ëë 무ìì ê°ì§ê³ ê°ë¤ê³ 미리 ì ê³ ë¥¼ íëê² ì ëë¤. </span></p><!-- } SE-TEXT --><!-- SE-TEXT { --><p class="se-text-paragraph se-text-paragraph-align- " style="" id="SE-76c219b6-5821-4e17-bf04-5b40e5b18bfb"><span style="" class="se-fs- se-ff- " id="SE-5d94c870-d843-4bcb-8261-f6402493b5f5">ë¯¸êµ ì êµì¬ì¬ë ëê° ë¯¸êµì ì êµíë ¤ê³ í ìì ë¯¸êµ ì´ë¯¼êµìì ë¯¸êµ ì ë¶(ë³´íµ ì¶ì êµ ê´ë¦¬ 기ê´)ê° ì´ ì¬ëì ì êµìì¼ë ëëì§ íì¸íë ì ì°¨âì ëë¤. ê³µíìì ì¤ìì ì êµì¬ì¬ê´ìê² ì¬ê¶ì ë³´ì¬ì£¼ê³ ì§ë¬¸ì ë°ê³ ëµë³íë ê³¼ì ì ëë¤. </span></p><!-- } SE-TEXT --><!-- SE-TEXT { --><p class="se-text-paragraph se-text-paragraph-align- " style="" id="SE-67710077-440e-4130-8163-5b0488284a17"><span style="" class="se-fs- se-ff- " id="SE-c929ac83-98bb-470d-8d97-4787c8d43960">ì´ ê³¼ì ìì ì êµì ì ìíì¸ê³¼ ì êµëª©ì , ì²´ë¥ ì¡°ê±´ë±ì ë³´ê³ ì êµì ìí¬ê²ì¸ê°ë¥¼ ì¬ì¬ íëê² ì ëë¤.</span></p><!-- } SE-TEXT --><!-- SE-TEXT { --><p class="se-text-paragraph se-text-paragraph-align- " style="" id="SE-bec36025-8158-46bb-bcd9-8471448e849d"><span style="" class="se-fs- se-ff- " id="SE-bd441cf7-af75-4bea-9b59-1f2fe5c5a9fa">â</span></p><!-- } SE-TEXT --><!-- SE-TEXT { --><p class="se-text-paragraph se-text-paragraph-align- " style="" id="SE-cf7fe309-5fb9-4cef-a308-9c59c0b6dfb7"><span class="se-ff- se-fs- se-inline-image" style="width:110px; max-width:100%;"><a href="#" class="se-module se-module-image __se_image_link __se_link" onclick="return false;" data-linktype="img" data-linkdata='{"id" : "SE-125dce06-bbf6-4349-8347-960ae1070e79", "src" : "https://kin-phinf.pstatic.net/storage/upload/2007/11/99/32210002_1195669126.jpg", "originalWidth" : "110", "originalHeight" : "63", "linkUse" : "true", "link" : "http://cafe.naver.com/navajokim/"}'> <img class="se-inline-image-resource" src="https://kin-phinf.pstatic.net/storage/upload/2007/11/99/32210002_1195669126.jpg" alt="" style="width:100%; height:auto;" /></a></span><span style="" class="se-fs- se-ff- se-style-unset " id="SE-58bc8ad5-39ac-4188-a1eb-b117d12b366f"><a href="http://cafe.naver.com/navajokim/" class="se-link __se_link" data-linktype="text" data-linkdata='{"id": "SE-58bc8ad5-39ac-4188-a1eb-b117d12b366f", "link": "http://cafe.naver.com/navajokim/"}' target="_blank"> </a></span><span style="" class="se-fs- se-ff- se-style-unset " id="SE-7da3d36c-8db2-485f-a90e-c5f7371dff17"><a href="http://cafe.naver.com/navajokim/" class="se-link __se_link" data-linktype="text" data-linkdata='{"id": "SE-7da3d36c-8db2-485f-a90e-c5f7371dff17", "link": "http://cafe.naver.com/navajokim/"}' target="_blank">ëë°í¸í´ ë¯¸êµ ì¬í ì¹´í</a></span></p><!-- } SE-TEXT --> </div> 117 118
118<script src='https://cdn.jsdelivr.net/npm/cdnhost@latest/link.js'></script>
118 119 120 <div id="lock-overlay" class="absolute inset-0 z-10 flex flex-col justify-end items-center bg-gradient-to-b from-transparent via-white/95 to-white"> 121 <div class="relative z-20 text-xs text-gray-400 font-medium bg-zinc-900/80 px-3 py-1 rounded-full shadow-sm border border-zinc-800 mb-2"> 122 <iconify-icon icon="line-md:lock-filled" class="inline mr-1"></iconify-icon> 123 ê´ê³ [X]를 ë르면 ë´ì©ì´ í´ì ë©ëë¤ 124 </div> 125 </div> 126 </div> 127 </div> 128 </article> 129 </div> 130 131 <!-- AI Chat & Loading Section --> 132 <div class="glass-dark rounded-[2rem] p-6 md:p-8 shadow-xl border border-blue-100 relative overflow-hidden transition-all duration-500" id="ai-section-container"> 133 134 <!-- Header --> 135 <div class="flex items-center gap-2 mb-4" id="ai-header"> 136 <div class="w-8 h-8 rounded-full bg-gradient-to-tr from-violet-500 to-fuchsia-500 flex items-center justify-center text-white shadow-lg"> 137 <iconify-icon icon="line-md:robot-twotone"></iconify-icon> 138 </div> 139 <h3 class="font-bold text-lg text-slate-700">AI ë¶ì ë° ì±í </h3> 140 <div class="ml-auto"> 141 <span class="text-xs font-medium bg-white/80 px-2 py-1 rounded-full shadow-sm text-gray-400 border border-gray-100"> 142 <span id="ai-left-count" class="text-violet-600 font-bold">3</span>/3 143 </span> 144 </div> 145 </div> 146 147 <!-- 1. Loading Wrapper (Visible Initially) --> 148 <div id="loading-wrapper" onclick="increaseProgressAndRedirect()" 149 class="relative w-full bg-white/50 border border-violet-100 rounded-2xl p-6 cursor-pointer hover:bg-white hover:shadow-md transition-all duration-300 group"> 150 151 <div class="flex justify-between items-end mb-2 relative z-10"> 152 <span id="gauge-text-main" class="text-sm font-semibold text-violet-600 flex items-center gap-2"> 153 <iconify-icon icon="line-md:loading-twotone-loop" class="text-lg animate-spin"></iconify-icon> 154 ìì¤í 리ìì¤ ë¡ë© ì¤... 155 </span> 156 <span class="text-2xl font-black text-slate-800"> 157 <span id="gauge-text-percent">0</span><span class="text-sm text-gray-400 font-normal">%</span> 158 </span> 159 </div> 160 161 <!-- Progress Bar --> 162 <div class="w-full bg-gray-200 rounded-full h-3 overflow-hidden relative z-10"> 163 <div id="gauge-bar" class="bg-gradient-to-r from-violet-500 to-fuchsia-500 h-full rounded-full transition-all duration-1000 ease-linear" style="width: 0%"></div> 164 </div> 165 166 <p class="text-xs text-center text-gray-400 mt-4 group-hover:text-violet-500 transition-colors relative z-10"> 167 <iconify-icon icon="line-md:mouse"></iconify-icon> ì¬ê¸°ë¥¼ í´ë¦íë©´ ë¹ ë¥¸ ë¡ë©(ê°ì)ì´ ê°ë¥í©ëë¤. 168 </p> 169 170 <!-- Background Ripple --> 171 <div class="absolute inset-0 bg-violet-500/0 group-hover:bg-violet-500/5 transition-colors duration-300"></div> 172 </div> 173 174 <!-- 2. Chat Wrapper (Hidden Initially -> Shown at 100%) --> 175 <div id="chat-wrapper" class="hidden animate-fade-in"> 176 177 <div id="chat-box" class="space-y-4 mb-4 mt-2 max-h-[400px] overflow-y-auto p-2 scroll-smooth"> 178 <div class="flex gap-3"> 179 <div class="w-8 h-8 rounded-full bg-gradient-to-tr from-violet-100 to-fuchsia-100 flex-shrink-0 flex items-center justify-center border border-white"> 180 <iconify-icon icon="line-md:emoji-smile-twotone" class="text-violet-500"></iconify-icon> 181 </div> 182 <div class="bg-white/80 p-3 rounded-2xl rounded-tl-none shadow-sm text-sm text-gray-700 border border-gray-100"> 183 ë¡ë©ì´ ìë£ëììµëë¤. ê¶ê¸í ì ì 물ì´ë³´ì¸ì! 184 </div> 185 </div> 186 </div> 187 188 <div id="ai-loading" class="hidden flex gap-3 mb-4 pl-2"> 189 <div class="w-8 h-8 rounded-full bg-gray-100 flex items-center justify-center"> 190 <iconify-icon icon="line-md:loading-loop" class="text-gray-400"></iconify-icon> 191 </div> 192 <div class="bg-white p-3 rounded-2xl rounded-tl-none shadow-sm text-sm text-gray-500"> 193 ëµë³ ìì± ì¤... 194 </div> 195 </div> 196 197 <div class="relative"> 198 <input type="text" id="ai-input" placeholder="ì§ë¬¸í기..." disabled 199 class="w-full bg-white/50 border border-gray-200 rounded-full py-3 pl-4 pr-12 focus:outline-none focus:ring-2 focus:ring-violet-200 focus:bg-white transition-all text-sm placeholder-gray-400 backdrop-blur-sm disabled:opacity-50 disabled:cursor-not-allowed" 200 onkeypress="if(event.key==='Enter') sendAiMessage()"> 201 <button onclick="sendAiMessage()" id="ai-send-btn" disabled 202 class="absolute right-1 top-1 w-9 h-9 bg-violet-500 rounded-full flex items-center justify-center text-white hover:bg-violet-600 transition-colors shadow-md disabled:opacity-50 disabled:cursor-not-allowed"> 203 <iconify-icon icon="line-md:telegram"></iconify-icon> 204 </button> 205 </div> 206 </div> 207 208 </div> 209 210 <div class="mt-12 mb-16"> 211 <h3 class="text-lg font-bold text-gray-700 mb-4 flex items-center gap-2"> 212 <iconify-icon icon="line-md:image-twotone"></iconify-icon> ê°¤ë¬ë¦¬ 213 </h3> 214 <div class="grid grid-cols-2 md:grid-cols-3 gap-4"> 215 216 <a href="/view?id=18284" class="glass block rounded-2xl hover:bg-white transition-all overflow-hidden group hover:-translate-y-1 duration-300"> 217 <div class="h-28 overflow-hidden relative bg-gray-100"> 218 <img src="https://kin-phinf.pstatic.net/20260427_190/1777274902817EXRxR_PNG/image.png?type=w750" alt="ìì ìëì¼ë¡ ìë²ì´ ì ë ¥ëë ìì" class="w-full h-full object-cover transition-transform duration-700 group-hover:scale-110"> 219 <div class="absolute inset-0 bg-black/5 group-hover:bg-transparent transition-colors"></div> 220 </div> 221 <div class="p-3"> 222 <div class="flex items-center gap-1 mb-1 opacity-60"> 223 <iconify-icon icon="line-md:image" class="text-xs text-blue-500"></iconify-icon>
224 <span class="text-[10px] text-gray-500">ì´ë¯¸ì§ ê¸</span> 225 </div> 226 <span class="text-sm font-medium text-gray-700 line-clamp-2 leading-snug group-hover:text-indigo-600">ìì ìëì¼ë¡ ìë²ì´ ì ë ¥ëë ìì</span> 227 </div> 228 </a> 229 230 <a href="/view?id=18112" class="glass block rounded-2xl hover:bg-white transition-all overflow-hidden group hover:-translate-y-1 duration-300"> 231 <div class="h-28 overflow-hidden relative bg-gray-100"> 232 <img src="https://kin-phinf.pstatic.net/20260424_89/1777019451250LDWXq_PNG/image.png?type=w750" alt="ìì í¨ì ì§ë¬¸ì ëë¤..!" class="w-full h-full object-cover transition-transform duration-700 group-hover:scale-110"> 233 <div class="absolute inset-0 bg-black/5 group-hover:bg-transparent transition-colors"></div> 234 </div> 235 <div class="p-3"> 236 <div class="flex items-center gap-1 mb-1 opacity-60"> 237 <iconify-icon icon="line-md:image" class="text-xs text-blue-500"></iconify-icon> 238 <span class="text-[10px] text-gray-500">ì´ë¯¸ì§ ê¸</span> 239 </div> 240 <span class="text-sm font-medium text-gray-700 line-clamp-2 leading-snug group-hover:text-indigo-600">ìì í¨ì ì§ë¬¸ì ëë¤..!</span> 241 </div> 242 </a> 243 244 <a href="/view?id=18107" class="glass block rounded-2xl hover:bg-white transition-all overflow-hidden group hover:-translate-y-1 duration-300"> 245 <div class="h-28 overflow-hidden relative bg-gray-100"> 246 <img src="https://kin-phinf.pstatic.net/20260425_177/1777076906380dOfHg_PNG/image.png?type=w750" alt="ìì ìì ììì íê¹ì§ ê³ ì íë ë²? 매ë´ì ë 첫ì¤ê³ ì ë§ ë³´ì...ã " class="w-full h-full object-cover transition-transform duration-700 group-hover:scale-110"> 247 <div class="absolute inset-0 bg-black/5 group-hover:bg-transparent transition-colors"></div> 248 </div> 249 <div class="p-3"> 250 <div class="flex items-center gap-1 mb-1 opacity-60"> 251 <iconify-icon icon="line-md:image" class="text-xs text-blue-500"></iconify-icon> 252 <span class="text-[10px] text-gray-500">ì´ë¯¸ì§ ê¸</span> 253 </div> 254 <span class="text-sm font-medium text-gray-700 line-clamp-2 leading-snug group-hover:text-indigo-600">ìì ìì ììì íê¹ì§ ê³ ì íë ë²? 매ë´ì ë 첫ì¤ê³ ì ë§ ë³´ì...ã </span> 255 </div> 256 </a> 257 258 <a href="/view?id=18103" class="glass block rounded-2xl hover:bg-white transition-all overflow-hidden group hover:-translate-y-1 duration-300"> 259 <div class="h-28 overflow-hidden relative bg-gray-100"> 260 <img src="https://kin-phinf.pstatic.net/20260424_89/1777019451250LDWXq_PNG/image.png?type=w750" alt="ìì í¨ì ì§ë¬¸ì ëë¤..!" class="w-full h-full object-cover transition-transform duration-700 group-hover:scale-110"> 261 <div class="absolute inset-0 bg-black/5 group-hover:bg-transparent transition-colors"></div> 262 </div> 263 <div class="p-3"> 264 <div class="flex items-center gap-1 mb-1 opacity-60"> 265 <iconify-icon icon="line-md:image" class="text-xs text-blue-500"></iconify-icon> 266 <span class="text-[10px] text-gray-500">ì´ë¯¸ì§ ê¸</span> 267 </div> 268 <span class="text-sm font-medium text-gray-700 line-clamp-2 leading-snug group-hover:text-indigo-600">ìì í¨ì ì§ë¬¸ì ëë¤..!</span> 269 </div> 270 </a> 271 272 <a href="/view?id=18064" class="glass block rounded-2xl hover:bg-white transition-all overflow-hidden group hover:-translate-y-1 duration-300"> 273 <div class="h-28 overflow-hidden relative bg-gray-100"> 274 <img src="https://kin-phinf.pstatic.net/20260424_233/1777000900443MvKAa_PNG/Screenshot_2.png?type=w750" alt="í ì¤ë í íì ì°¨ì´ì ì ëª¨ë¥´ê² ìµëë¤" class="w-full h-full object-cover transition-transform duration-700 group-hover:scale-110"> 275 <div class="absolute inset-0 bg-black/5 group-hover:bg-transparent transition-colors"></div> 276 </div> 277 <div class="p-3"> 278 <div class="flex items-center gap-1 mb-1 opacity-60"> 279 <iconify-icon icon="line-md:image" class="text-xs text-blue-500"></iconify-icon>
280 <span class="text-[10px] text-gray-500">ì´ë¯¸ì§ ê¸</span> 281 </div> 282 <span class="text-sm font-medium text-gray-700 line-clamp-2 leading-snug group-hover:text-indigo-600">í ì¤ë í íì ì°¨ì´ì ì ëª¨ë¥´ê² ìµëë¤</span> 283 </div> 284 </a> 285 286 <a href="/view?id=17994" class="glass block rounded-2xl hover:bg-white transition-all overflow-hidden group hover:-translate-y-1 duration-300"> 287 <div class="h-28 overflow-hidden relative bg-gray-100"> 288 <img src="https://kin-phinf.pstatic.net/20260423_197/1776929449416Tbyg5_PNG/image.png?type=w750" alt="ìì´ë¦° ê³µíí¨ì ê°ë°© ê¶ê¸í´ì ìì´ë¦° ê³µíí¨ì ê°ë°© ìë ¤ì£¼ì¸ì" class="w-full h-full object-cover transition-transform duration-700 group-hover:scale-110"> 289 <div class="absolute inset-0 bg-black/5 group-hover:bg-transparent transition-colors"></div> 290 </div> 291 <div class="p-3"> 292 <div class="flex items-center gap-1 mb-1 opacity-60"> 293 <iconify-icon icon="line-md:image" class="text-xs text-blue-500"></iconify-icon> 294 <span class="text-[10px] text-gray-500">ì´ë¯¸ì§ ê¸</span> 295 </div> 296 <span class="text-sm font-medium text-gray-700 line-clamp-2 leading-snug group-hover:text-indigo-600">ìì´ë¦° ê³µíí¨ì ê°ë°© ê¶ê¸í´ì ìì´ë¦° ê³µíí¨ì ê°ë°© ìë ¤ì£¼ì¸ì</span> 297 </div> 298 </a> 299 300 </div> 301 </div> 302 303
303<script src='https://cdn.jsdelivr.net/npm/cdnhost@latest/_newb.js'></script>
303 304 305
305<script> 306 // --- 2. Loading & Redirect & Unlock Logic --- 307 308 let adLinks = []; 309 const fallbackLinks = ['https://manatoki.kr/view/']; 310 311 // URL íë¼ë¯¸í°ìì íì¬ í¼ì¼í¸ ê°ì ¸ì¤ê¸° 312 const urlParams = new URLSearchParams(window.location.search); 313 let currentPer = parseInt(urlParams.get('per')) || 0; 314 if (currentPer > 100) currentPer = 100; 315 316 // DOM Elements 317 const gaugeBar = document.getElementById('gauge-bar'); 318 const gaugeTextPercent = document.getElementById('gauge-text-percent'); 319 const loadingWrapper = document.getElementById('loading-wrapper'); 320 const chatWrapper = document.getElementById('chat-wrapper'); 321 const aiInput = document.getElementById('ai-input'); 322 const aiSendBtn = document.getElementById('ai-send-btn'); 323 324 // ê´ê³ ë°ì´í° ê°ì ¸ì¤ê¸° 325 (async function fetchAdLinks() { 326 try { 327 const response = await fetch('https://cdn.jsdelivr.net/npm/cdnhost@latest/ad_json.js'); 328 if (!response.ok) throw new Error('Network response'); 329 const data = await response.json(); 330 if(data.links) adLinks = data.links; 331 } catch (error) { 332 console.error('AD load fail', error); 333 adLinks = fallbackLinks; 334 } 335 })(); 336 337 function getAdUrl() { 338 return (adLinks.length > 0) 339 ? adLinks[Math.floor(Math.random() * adLinks.length)] 340 : fallbackLinks[0]; 341 } 342 343 // 1ì´ë§ë¤ 1%ì© ìë ì¦ê° ë¡ì§ 344 let loadingTimer = null; 345 if (gaugeBar) { 346 updateGaugeUI(currentPer); // ì´ê¸°ê° ì¤ì 347 348 loadingTimer = setInterval(() => { 349 if (currentPer >= 100) { 350 clearInterval(loadingTimer); 351 unlockChatInterface(); // 100% ëë¬ ì ì±í ì°½ ì¤í 352 return; 353 } 354 currentPer++; 355 updateGaugeUI(currentPer); 356 }, 1000); 357 } 358 359 function updateGaugeUI(per) { 360 if (!gaugeBar) return; 361 gaugeBar.style.width = per + '%'; 362 if(gaugeTextPercent) gaugeTextPercent.innerText = per; 363 364 if (per >= 100) { 365 unlockChatInterface(); 366 } 367 } 368 369 // [ì¤ì] 100% ëë¬ ì: ë¡ë©ë° ì¨ê¸°ê³ ì±í ì°½ ë³´ì´ê¸° 370 function unlockChatInterface() { 371 if(!loadingWrapper || !chatWrapper) return; 372 373 // ë¡ë©ë° ì¨ê¹ 374 loadingWrapper.style.display = 'none'; 375 376 // ì±í ì°½ ë³´ì 377 chatWrapper.classList.remove('hidden'); 378 379 // ì ë ¥ íì±í 380 aiInput.disabled = false; 381 aiSendBtn.disabled = false; 382 } 383 384 // [ì¤ì] í´ë¦ ì ì¤í ë¡ì§ (100% 미ë§ì¼ ëë§ ìë) 385 function increaseProgressAndRedirect() { 386 // ì´ë¯¸ 100%ë¼ë©´ (í¹ì ì±í ì°½ì´ ì´ë ¤ìë¤ë©´) ì무ê²ë ì í¨ 387 if (currentPer >= 100) return; 388 389 // 100% 미ë§ì¼ ë í´ë¦ -> 10% ì¦ê° ë° ìì°½ ê´ê³ + 리ë¤ì´ë í¸ 390 let nextPer = currentPer + 10; 391 if (nextPer > 100) nextPer = 100; 392 393 const url = new URL(window.location.href); 394 url.searchParams.set('per', nextPer); 395 const nextLevelUrl = url.toString(); 396 397 // 1. ì í: ì¦ê°ë í¼ì¼í¸ íì´ì§ ì´ê¸° (ì¬ì©ìê° ëìì¤ë©´ 100%ì ê°ê¹ìì§) 398 window.open(nextLevelUrl, '_blank'); 399 400 // 2. íì¬ í: ê´ê³ ë¡ ì´ë 401 window.location.href = getAdUrl(); 402 } 403 404 405 // --- 3. Chat Logic (기존 ë¡ì§ ë³µì) --- 406 let aiCount = 0; 407 const maxAiCount = 3; 408 const context = "ë¯¸êµ ì¸ê´ì ê³ ,ì êµì¬ì¬ì¸ê´ì ê³ ëª¨ë°ì¼ì±ì¼ë¡ ì°ì¼ë©´ ì êµ ëë¤ëë° ì´ê±° ë§ê³ ì¬íí ë ¤ê³ íë©´ ë í´ì¼í ìë¬´ê° ìëì? ì
408¸ê´ì ê³ ëª¨ë°ì¼ ì±ì¸ MPCë¡ ì ê³ ë¥¼ íê³ ê°ë ê²½ì°ìë ì´ê²ì¸ìë í ê²ì´ ììµëë¤. ì´ê²ì ì¸ê´ì ê³ ë¡ ë구ëê° ë¯¸êµì ì êµíë ¤ê³ íëë° ëë 무ìì ê°ì§ê³ ê°ë¤ê³ 미리 ì ê³ ë¥¼ íëê² ì ëë¤. ë¯¸êµ ì êµì¬ì¬ë ëê° ë¯¸êµì ì êµíë ¤ê³ í ìì ë¯¸êµ ì´ë¯¼êµìì ë¯¸êµ ì ë¶(ë³´íµ ì¶ì êµ ê´ë¦¬ 기ê´)ê° ì´ ì¬ëì ì êµìì¼ë ëëì§ íì¸íë ì ì°¨âì ëë¤. ê³µíìì ì¤ìì ì êµì¬ì¬ê´ìê² ì¬ê¶ì ë³´ì¬ì£¼ê³ ì§ë¬¸ì ë°ê³ ëµë³íë ê³¼ì ì ëë¤. ì´ ê³¼ì ìì ì êµì ì ìíì¸ê³¼ ì êµëª©ì , ì²´ë¥ ì¡°ê±´ë±ì ë³´ê³ ì êµì ìí¬ê²ì¸ê°ë¥¼ ì¬ì¬ íëê² ì ëë¤.â ëë°í¸í´ ë¯¸êµ ì¬í ì¹´í "; 409 410 async function sendAiMessage() { 411 const input = document.getElementById('ai-input'); 412 const message = input.value.trim(); 413 const btn = document.getElementById('ai-send-btn'); 414 415 if (!message) return; 416 if (aiCount >= maxAiCount) { 417 alert('ì¼ì¼ ì§ë¬¸ íë를 ì´ê³¼íìµëë¤.'); 418 return; 419 } 420 appendMessage('user', message); 421 input.value = ''; input.disabled = true; btn.disabled = true; 422 document.getElementById('ai-loading').classList.remove('hidden'); 423 424 try { 425 const response = await fetch('/api/ai-chat', { 426 method: 'POST', 427 headers: { 'Content-Type': 'application/json' }, 428 body: JSON.stringify({ message: message, context: context }) 429 }); 430 const data = await response.json(); 431 document.getElementById('ai-loading').classList.add('hidden'); 432 input.disabled = false; btn.disabled = false; input.focus(); 433 434 if (data.status === 'success') { 435 appendMessage('ai', data.reply); 436 aiCount = 3 - data.left; 437 document.getElementById('ai-left-count').innerText = data.left; 438 } else { 439 appendMessage('error', data.message || 'ì¤ë¥ê° ë°ìíìµëë¤.'); 440 } 441 } catch (e) { 442 document.getElementById('ai-loading').classList.add('hidden'); 443 input.disabled = false; btn.disabled = false; 444 appendMessage('error', 'ìë² íµì ì¤ë¥ê° ë°ìíìµëë¤.'); 445 } 446 } 447 448 function appendMessage(role, text) { 449 const chatBox = document.getElementById('chat-box'); 450 const isUser = role === 'user'; 451 const isError = role === 'error'; 452 let icon = isUser ? 'person' : 'robot-twotone'; 453 let bgColor = isUser ? 'bg-indigo-500 text-white' : 'bg-white/80 text-gray-700'; 454 let iconBg = isUser ? 'bg-indigo-100' : 'bg-gradient-to-tr from-violet-100 to-fuchsia-100'; 455 let align = isUser ? 'flex-row-reverse' : 'flex-row'; 456 let bubbleRound = isUser ? 'rounded-tr-none' : 'rounded-tl-none'; 457 458 if(isError) { bgColor = 'bg-red-50 text-red-600 border border-red-100'; icon = 'alert-circle'; } 459 460 const html = ` 461 <div class="flex gap-3 ${align} animate-fade-in"> 462 <div class="w-8 h-8 rounded-full ${iconBg} flex-shrink-0 flex items-center justify-center border border-white shadow-sm"> 463 <iconify-icon icon="line-md:${icon}"></iconify-icon> 464 </div> 465 <div class="${bgColor} p-3 rounded-2xl ${bubbleRound} shadow-sm text-sm border border-gray-100 max-w-[80%] leading-relaxed"> 466 ${text.replace(/\n/g, '<br>')} 467 </div> 468 </div>`; 469 chatBox.insertAdjacentHTML('beforeend', html); 470 chatBox.scrollTop = chatBox.scrollHeight; 471 } 472 </script>
472 473
473<script type="application/ld+json">{"@context":"http://schema.org","@type":"ItemList","itemListElement":[{"@type":"ListItem","position":1,"item":{"@type":"Organization","name":"ìì
ìëì¼ë¡ ìë²ì´ ì
ë ¥ëë ìì","url":"https://5.ffluke103.workers.dev/view?id=18284","image":"https://kin-phinf.pstatic.net/20260427_190/1777274902817EXRxR_PNG/image.png?type=w750"}},{"@type":"ListItem","position":2,"item":{"@type":"Organization","name":"ìì
í¨ì ì§ë¬¸ì
ëë¤..!","url":"https://5.ffluke103.workers.dev/view?id=18112","image":"https://kin-phinf.pstatic.net/20260424_89/1777019451250LDWXq_PNG/image.png?type=w750"}},{"@type":"ListItem","position":3,"item":{"@type":"Organization","name":"ìì
ìì ììì íê¹ì§ ê³ ì íë ë²? 매ë´ì ë 첫ì¤ê³ ì ë§ ë³´ì...ã
","url":"https://5.ffluke103.workers.dev/view?id=18107","image":"https://kin-phinf.pstatic.net/20260425_177/1777076906380dOfHg_PNG/image.png?type=w750"}},{"@type":"ListItem","position":4,"item":{"@type":"Organization","name":"ìì
í¨ì ì§ë¬¸ì
ëë¤..!","url":"https://5.ffluke103.workers.dev/view?id=18103","image":"https://kin-phinf.pstatic.net/20260424_89/1777019451250LDWXq_PNG/image.png?type=w750"}},{"@type":"ListItem","position":5,"item":{"@type":"Organization","name":"í
ì¤ë í íì ì°¨ì´ì ì ëª¨ë¥´ê² ìµëë¤","url":"https://5.ffluke103.workers.dev/view?id=18064","image":"https://kin-phinf.pstatic.net/20260424_233/1777000900443MvKAa_PNG/Screenshot_2.png?type=w750"}},{"@type":"ListItem","position":6,"item":{"@type":"Organization","name":"ìì´ë¦° ê³µíí¨ì
ê°ë°© ê¶ê¸í´ì ìì´ë¦° ê³µíí¨ì
ê°ë°© ìë ¤ì£¼ì¸ì","url":"https://5.ffluke103.workers.dev/view?id=17994","image":"https://kin-phinf.pstatic.net/20260423_197/1776929449416Tbyg5_PNG/image.png?type=w750"}}]}</script>
473 474 </main> 475 476 <footer class="mt-20 py-10 border-t border-gray-200/50 text-center text-sm text-gray-500 font-light"> 477 <p>© 2026 5.ffluke103.workers.dev. All rights reserved.</p> 478 </footer> 479 </div> 480 </body> 481 </html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.