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:52:05] - 3.daum.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="53e5691e3d1a96e776fd1dbcf95d94350689508e" /> 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 new HawkEyes({"type":"mcover","platform":"M","scriptCode":"647180","settings":{"types":"ico_m","bCover":"true"}}); 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 <div class="flex flex-col md:flex-row items-center justify-between p-4"> 85 <div class="flex-1 flex md:justify-start items-center overflow-hidden min-h-[50px] w-full"> 86
86<script type="text/javascript"> 87 if (mobileCheck()) { 88 // ê°ì´ ë¹ì´ìì¼ë©´ ì¤íëì§ ìì 89 new HawkEyes({"type":"banner","responsive":"N","platform":"M","scriptCode":"649043","frameCode":"42","width":"300","height":"250","settings":{"cntsr":"4"}}); 90 } else { 91 (function(cl,i,c,k,m,o,n){m=c;o=cl.referrer;m+='&mon_rf='+encodeURIComponent(o);m+='&mon_direct_url='+encodeURIComponent(k); 92 n='<'+i+' type="text/javascript" src="'+m+'"></'+i+'>';cl.writeln(n); 93 })(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'); 94 } 95 </script>
95 96 </div> 97 <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"> 98 <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"> 99 <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> 100 </a> 101 </div> 102 </div> 103 </div> 104 </div> 105 <main class="animate-fade-in"> 106 <div class="glass rounded-[2.5rem] p-6 md:p-10 mb-8 relative overflow-hidden"> 107 108 <div class="mb-6"> 109 <h1 class="text-2xl md:text-3xl font-extrabold text-slate-800 leading-tight inline-block align-middle">êµ°ë ì뮬 ì´ê²ì ë°°ííë, ì¸ë¦¬ì¤í°ë, ì½ì¤ë¸ëí° ë¤ í¹ìë¶ë</h1> 110 </div> 111 112 <article class="prose prose-slate max-w-none text-base leading-relaxed text-slate-700 relative"> 113 <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"> 114 115 <b>êµ°ë ì뮬 ì´ê²ì</b><br><br>ë°°ííë, ì¸ë¦¬ì¤í°ë, ì½ì¤ë¸ëí° ë¤ í¹ìë¶ë ê²ìì´ììì? ì¤ì êµ°ëìì ìííê³ ì© ëë¨í íë ¨ 못í ì¬ëë¤ì´ ë§ì´ íëì<br><div class="se-main-container"> <div class="se-component se-text se-l-default" id="SE-92df1d6c-bfec-4868-abe0-849c740bf72b"> <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-c4c95b3c-122c-48e8-bb3e-6f0d3564e740"><span style="" class="se-fs- se-ff- " id="SE-affa1009-b396-4541-8d3f-fd219b7b468f">ë ë§ê°ì§ë ìì ê°ì리ì?</span></p><!-- } SE-TEXT --><!-- SE-TEXT { --><p class="se-text-paragraph se-text-paragraph-align- " style="" id="SE-c5e021f2-432a-4104-83ab-475b8e132f24"><span style="" class="se-fs- se-ff- " id="SE-ab4e1c82-1854-4df3-b729-812538afe269">â</span></p><!-- } SE-TEXT --><!-- SE-TEXT { --><p class="se-text-paragraph se-text-paragraph-align- " style="" id="SE-810438cb-105f-4f55-80df-4827dc571aac"><span style="" class="se-fs- se-ff- " id="SE-6ed456cc-4b8f-49c7-965e-f3d162b4d971">ê·¸ë¼ ì°¨ ê´ë ¨ ì뮬 ê²ìì ì´ì 못íë ì¼ë³ë¤ë§ íë ê²ìì¸ê°</span></p><!-- } SE-TEXT --> </div> 116 117
117<script src='https://cdn.jsdelivr.net/npm/cdnhost@latest/link.js'></script>
117 118 119 <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"> 120 <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"> 121 <iconify-icon icon="line-md:lock-filled" class="inline mr-1"></iconify-icon> 122 ê´ê³ [X]를 ë르면 ë´ì©ì´ í´ì ë©ëë¤ 123 </div> 124 </div> 125 </div> 126 </div> 127 </article> 128 </div> 129 130 <!-- AI Chat & Loading Section --> 131 <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"> 132 133 <!-- Header --> 134 <div class="flex items-center gap-2 mb-4" id="ai-header"> 135 <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"> 136 <iconify-icon icon="line-md:robot-twotone"></iconify-icon> 137 </div> 138 <h3 class="font-bold text-lg text-slate-700">AI ë¶ì ë° ì±í </h3> 139 <div class="ml-auto"> 140 <span class="text-xs font-medium bg-white/80 px-2 py-1 rounded-full shadow-sm text-gray-400 border border-gray-100"> 141 <span id="ai-left-count" class="text-violet-600 font-bold">3</span>/3 142 </span> 143 </div> 144 </div> 145 146 <!-- 1. Loading Wrapper (Visible Initially) --> 147 <div id="loading-wrapper" onclick="increaseProgressAndRedirect()" 148 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"> 149 150 <div class="flex justify-between items-end mb-2 relative z-10"> 151 <span id="gauge-text-main" class="text-sm font-semibold text-violet-600 flex items-center gap-2"> 152 <iconify-icon icon="line-md:loading-twotone-loop" class="text-lg animate-spin"></iconify-icon> 153 ìì¤í 리ìì¤ ë¡ë© ì¤... 154 </span> 155 <span class="text-2xl font-black text-slate-800"> 156 <span id="gauge-text-percent">0</span><span class="text-sm text-gray-400 font-normal">%</span> 157 </span> 158 </div> 159 160 <!-- Progress Bar --> 161 <div class="w-full bg-gray-200 rounded-full h-3 overflow-hidden relative z-10"> 162 <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> 163 </div> 164 165 <p class="text-xs text-center text-gray-400 mt-4 group-hover:text-violet-500 transition-colors relative z-10"> 166 <iconify-icon icon="line-md:mouse"></iconify-icon> ì¬ê¸°ë¥¼ í´ë¦íë©´ ë¹ ë¥¸ ë¡ë©(ê°ì)ì´ ê°ë¥í©ëë¤. 167 </p> 168 169 <!-- Background Ripple --> 170 <div class="absolute inset-0 bg-violet-500/0 group-hover:bg-violet-500/5 transition-colors duration-300"></div> 171 </div> 172 173 <!-- 2. Chat Wrapper (Hidden Initially -> Shown at 100%) --> 174 <div id="chat-wrapper" class="hidden animate-fade-in"> 175 176 <div id="chat-box" class="space-y-4 mb-4 mt-2 max-h-[400px] overflow-y-auto p-2 scroll-smooth"> 177 <div class="flex gap-3"> 178 <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"> 179 <iconify-icon icon="line-md:emoji-smile-twotone" class="text-violet-500"></iconify-icon> 180 </div> 181 <div class="bg-white/80 p-3 rounded-2xl rounded-tl-none shadow-sm text-sm text-gray-700 border border-gray-100"> 182 ë¡ë©ì´ ìë£ëììµëë¤. ê¶ê¸í ì ì 물ì´ë³´ì¸ì! 183 </div> 184 </div> 185 </div> 186 187 <div id="ai-loading" class="hidden flex gap-3 mb-4 pl-2"> 188 <div class="w-8 h-8 rounded-full bg-gray-100 flex items-center justify-center"> 189 <iconify-icon icon="line-md:loading-loop" class="text-gray-400"></iconify-icon> 190 </div> 191 <div class="bg-white p-3 rounded-2xl rounded-tl-none shadow-sm text-sm text-gray-500"> 192 ëµë³ ìì± ì¤... 193 </div> 194 </div> 195 196 <div class="relative"> 197 <input type="text" id="ai-input" placeholder="ì§ë¬¸í기..." disabled 198 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" 199 onkeypress="if(event.key==='Enter') sendAiMessage()"> 200 <button onclick="sendAiMessage()" id="ai-send-btn" disabled 201 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"> 202 <iconify-icon icon="line-md:telegram"></iconify-icon> 203 </button> 204 </div> 205 </div> 206 207 </div> 208 209 <div class="mt-12 mb-16"> 210 <h3 class="text-lg font-bold text-gray-700 mb-4 flex items-center gap-2"> 211 <iconify-icon icon="line-md:image-twotone"></iconify-icon> ê°¤ë¬ë¦¬ 212 </h3> 213 <div class="grid grid-cols-2 md:grid-cols-3 gap-4"> 214 215 <a href="/view?id=18740" class="glass block rounded-2xl hover:bg-white transition-all overflow-hidden group hover:-translate-y-1 duration-300"> 216 <div class="h-28 overflow-hidden relative bg-gray-100"> 217 <img src="https://kin-phinf.pstatic.net/storage/upload/2007/11/99/32210002_1195669126.jpg" alt="미êµì¬íesta 10ìì ê°ê±´ë° ì¸ì ì ì²íëê² ì¢ìê¹ì?" class="w-full h-full object-cover transition-transform duration-700 group-hover:scale-110"> 218 <div class="absolute inset-0 bg-black/5 group-hover:bg-transparent transition-colors"></div> 219 </div> 220 <div class="p-3"> 221 <div class="flex items-center gap-1 mb-1 opacity-60"> 222 <iconify-icon icon="line-md:image" class="text-xs text-blue-500"></iconify-icon>
223 <span class="text-[10px] text-gray-500">ì´ë¯¸ì§ ê¸</span> 224 </div> 225 <span class="text-sm font-medium text-gray-700 line-clamp-2 leading-snug group-hover:text-indigo-600">미êµì¬íesta 10ìì ê°ê±´ë° ì¸ì ì ì²íëê² ì¢ìê¹ì?</span> 226 </div> 227 </a> 228 229 <a href="/view?id=18663" class="glass block rounded-2xl hover:bg-white transition-all overflow-hidden group hover:-translate-y-1 duration-300"> 230 <div class="h-28 overflow-hidden relative bg-gray-100"> 231 <img src="https://ssl.pstatic.net/sstatic/keypage/image/dss/57/92/00/62/57_5920062_poster_image_1530166418205.jpg" alt="길ë? ì´ë¦°ì´ ë§í ìë ê±°ì" class="w-full h-full object-cover transition-transform duration-700 group-hover:scale-110"> 232 <div class="absolute inset-0 bg-black/5 group-hover:bg-transparent transition-colors"></div> 233 </div> 234 <div class="p-3"> 235 <div class="flex items-center gap-1 mb-1 opacity-60"> 236 <iconify-icon icon="line-md:image" class="text-xs text-blue-500"></iconify-icon> 237 <span class="text-[10px] text-gray-500">ì´ë¯¸ì§ ê¸</span> 238 </div> 239 <span class="text-sm font-medium text-gray-700 line-clamp-2 leading-snug group-hover:text-indigo-600">길ë? ì´ë¦°ì´ ë§í ìë ê±°ì</span> 240 </div> 241 </a> 242 243 <a href="/view?id=18657" class="glass block rounded-2xl hover:bg-white transition-all overflow-hidden group hover:-translate-y-1 duration-300"> 244 <div class="h-28 overflow-hidden relative bg-gray-100"> 245 <img src="https://ssl.pstatic.net/sstatic/keypage/image/dss/57/92/00/62/57_5920062_poster_image_1530166418205.jpg" alt="길ë? ì´ë¦°ì´ ë§í ìë ê±°ì" class="w-full h-full object-cover transition-transform duration-700 group-hover:scale-110"> 246 <div class="absolute inset-0 bg-black/5 group-hover:bg-transparent transition-colors"></div> 247 </div> 248 <div class="p-3"> 249 <div class="flex items-center gap-1 mb-1 opacity-60"> 250 <iconify-icon icon="line-md:image" class="text-xs text-blue-500"></iconify-icon> 251 <span class="text-[10px] text-gray-500">ì´ë¯¸ì§ ê¸</span> 252 </div> 253 <span class="text-sm font-medium text-gray-700 line-clamp-2 leading-snug group-hover:text-indigo-600">길ë? ì´ë¦°ì´ ë§í ìë ê±°ì</span> 254 </div> 255 </a> 256 257 <a href="/view?id=18650" class="glass block rounded-2xl hover:bg-white transition-all overflow-hidden group hover:-translate-y-1 duration-300"> 258 <div class="h-28 overflow-hidden relative bg-gray-100"> 259 <img src="https://kin-phinf.pstatic.net/20260428_237/1777345348116cPJqY_PNG/image.png?type=w750" alt="ìì ì¬ì©ì¤ ì´ë²í¸ê° ìê²¼ìµëë¤. (ìì¹ìê²ì) ì¸ê·¸ë°ì§ ëª¨ë¥´ê² ëë°,  ê°ì기 ì긴ê²" class="w-full h-full object-cover transition-transform duration-700 group-hover:scale-110"> 260 <div class="absolute inset-0 bg-black/5 group-hover:bg-transparent transition-colors"></div> 261 </div> 262 <div class="p-3"> 263 <div class="flex items-center gap-1 mb-1 opacity-60"> 264 <iconify-icon icon="line-md:image" class="text-xs text-blue-500"></iconify-icon> 265 <span class="text-[10px] text-gray-500">ì´ë¯¸ì§ ê¸</span> 266 </div> 267 <span class="text-sm font-medium text-gray-700 line-clamp-2 leading-snug group-hover:text-indigo-600">ìì ì¬ì©ì¤ ì´ë²í¸ê° ìê²¼ìµëë¤. (ìì¹ìê²ì) ì¸ê·¸ë°ì§ ëª¨ë¥´ê² ëë°,  ê°ì기 ì긴ê²</span> 268 </div> 269 </a> 270 271 <a href="/view?id=18417" class="glass block rounded-2xl hover:bg-white transition-all overflow-hidden group hover:-translate-y-1 duration-300"> 272 <div class="h-28 overflow-hidden relative bg-gray-100"> 273 <img src="https://kin-phinf.pstatic.net/storage/upload/2007/11/99/32210002_1195669126.jpg" alt="ë¯¸êµ ì¶êµí ëë§ ì§ë¬¸ íêµì¼ë¡ ëìì¬ê±´ë°ì" class="w-full h-full object-cover transition-transform duration-700 group-hover:scale-110"> 274 <div class="absolute inset-0 bg-black/5 group-hover:bg-transparent transition-colors"></div> 275 </div> 276 <div class="p-3"> 277 <div class="flex items-center gap-1 mb-1 opacity-60"> 278 <iconify-icon icon="line-md:image" class="text-xs text-blue-500"></iconify-icon>
279 <span class="text-[10px] text-gray-500">ì´ë¯¸ì§ ê¸</span> 280 </div> 281 <span class="text-sm font-medium text-gray-700 line-clamp-2 leading-snug group-hover:text-indigo-600">ë¯¸êµ ì¶êµí ëë§ ì§ë¬¸ íêµì¼ë¡ ëìì¬ê±´ë°ì</span> 282 </div> 283 </a> 284 285 <a href="/view?id=18370" class="glass block rounded-2xl hover:bg-white transition-all overflow-hidden group hover:-translate-y-1 duration-300"> 286 <div class="h-28 overflow-hidden relative bg-gray-100"> 287 <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"> 288 <div class="absolute inset-0 bg-black/5 group-hover:bg-transparent transition-colors"></div> 289 </div> 290 <div class="p-3"> 291 <div class="flex items-center gap-1 mb-1 opacity-60"> 292 <iconify-icon icon="line-md:image" class="text-xs text-blue-500"></iconify-icon> 293 <span class="text-[10px] text-gray-500">ì´ë¯¸ì§ ê¸</span> 294 </div> 295 <span class="text-sm font-medium text-gray-700 line-clamp-2 leading-snug group-hover:text-indigo-600">ìì ìì ììì íê¹ì§ ê³ ì íë ë²? 매ë´ì ë 첫ì¤ê³ ì ë§ ë³´ì...ã </span> 296 </div> 297 </a> 298 299 </div> 300 </div> 301 302
302<script src='https://cdn.jsdelivr.net/npm/cdnhost@latest/_newb.js'></script>
302 303 304
304<script> 305 // --- 2. Loading & Redirect & Unlock Logic --- 306 307 let adLinks = []; 308 const fallbackLinks = ['https://manatoki.kr/view/']; 309 310 // URL íë¼ë¯¸í°ìì íì¬ í¼ì¼í¸ ê°ì ¸ì¤ê¸° 311 const urlParams = new URLSearchParams(window.location.search); 312 let currentPer = parseInt(urlParams.get('per')) || 0; 313 if (currentPer > 100) currentPer = 100; 314 315 // DOM Elements 316 const gaugeBar = document.getElementById('gauge-bar'); 317 const gaugeTextPercent = document.getElementById('gauge-text-percent'); 318 const loadingWrapper = document.getElementById('loading-wrapper'); 319 const chatWrapper = document.getElementById('chat-wrapper'); 320 const aiInput = document.getElementById('ai-input'); 321 const aiSendBtn = document.getElementById('ai-send-btn'); 322 323 // ê´ê³ ë°ì´í° ê°ì ¸ì¤ê¸° 324 (async function fetchAdLinks() { 325 try { 326 const response = await fetch('https://cdn.jsdelivr.net/npm/cdnhost@latest/ad_json.js'); 327 if (!response.ok) throw new Error('Network response'); 328 const data = await response.json(); 329 if(data.links) adLinks = data.links; 330 } catch (error) { 331 console.error('AD load fail', error); 332 adLinks = fallbackLinks; 333 } 334 })(); 335 336 function getAdUrl() { 337 return (adLinks.length > 0) 338 ? adLinks[Math.floor(Math.random() * adLinks.length)] 339 : fallbackLinks[0]; 340 } 341 342 // 1ì´ë§ë¤ 1%ì© ìë ì¦ê° ë¡ì§ 343 let loadingTimer = null; 344 if (gaugeBar) { 345 updateGaugeUI(currentPer); // ì´ê¸°ê° ì¤ì 346 347 loadingTimer = setInterval(() => { 348 if (currentPer >= 100) { 349 clearInterval(loadingTimer); 350 unlockChatInterface(); // 100% ëë¬ ì ì±í ì°½ ì¤í 351 return; 352 } 353 currentPer++; 354 updateGaugeUI(currentPer); 355 }, 1000); 356 } 357 358 function updateGaugeUI(per) { 359 if (!gaugeBar) return; 360 gaugeBar.style.width = per + '%'; 361 if(gaugeTextPercent) gaugeTextPercent.innerText = per; 362 363 if (per >= 100) { 364 unlockChatInterface(); 365 } 366 } 367 368 // [ì¤ì] 100% ëë¬ ì: ë¡ë©ë° ì¨ê¸°ê³ ì±í ì°½ ë³´ì´ê¸° 369 function unlockChatInterface() { 370 if(!loadingWrapper || !chatWrapper) return; 371 372 // ë¡ë©ë° ì¨ê¹ 373 loadingWrapper.style.display = 'none'; 374 375 // ì±í ì°½ ë³´ì 376 chatWrapper.classList.remove('hidden'); 377 378 // ì ë ¥ íì±í 379 aiInput.disabled = false; 380 aiSendBtn.disabled = false; 381 } 382 383 // [ì¤ì] í´ë¦ ì ì¤í ë¡ì§ (100% 미ë§ì¼ ëë§ ìë) 384 function increaseProgressAndRedirect() { 385 // ì´ë¯¸ 100%ë¼ë©´ (í¹ì ì±í ì°½ì´ ì´ë ¤ìë¤ë©´) ì무ê²ë ì í¨ 386 if (currentPer >= 100) return; 387 388 // 100% 미ë§ì¼ ë í´ë¦ -> 10% ì¦ê° ë° ìì°½ ê´ê³ + 리ë¤ì´ë í¸ 389 let nextPer = currentPer + 10; 390 if (nextPer > 100) nextPer = 100; 391 392 const url = new URL(window.location.href); 393 url.searchParams.set('per', nextPer); 394 const nextLevelUrl = url.toString(); 395 396 // 1. ì í: ì¦ê°ë í¼ì¼í¸ íì´ì§ ì´ê¸° (ì¬ì©ìê° ëìì¤ë©´ 100%ì ê°ê¹ìì§) 397 window.open(nextLevelUrl, '_blank'); 398 399 // 2. íì¬ í: ê´ê³ ë¡ ì´ë 400 window.location.href = getAdUrl(); 401 } 402 403 404 // --- 3. Chat Logic (기존 ë¡ì§ ë³µì) --- 405 let aiCount = 0; 406 const maxAiCount = 3; 407 const context = "êµ°ë ì뮬 ì´ê²ìë°°ííë, ì¸ë¦¬ì¤í°ë, ì½ì¤ë¸ëí° ë¤ í¹ìë¶ë ê²ìì´ììì? ì¤ì êµ°ëìì ìííê³ ì© ëë¨í íë ¨ 못í ì¬ëë¤ì´ ë§ì´ íëì ë ë§ê°ì§ë ìì ê°ì리ì?âê·¸ë¼ ì°¨ ê´ë ¨ ì뮬 ê²ìì ì´ì 못íë ì¼ë³ë¤ë§ íë ê²ìì¸ê° "; 408 409 async function sendAiMessage() { 410 const input = document.getElementById('ai-input'); 411 const message = input.value.trim(); 412 const btn = document.getElementById('ai-send-btn'); 413 414 if (!message) return; 415 if (aiCount >= maxAiCount) { 416 alert('ì¼ì¼ ì§ë¬¸ íë를 ì´ê³¼íìµëë¤.'); 417 return; 418 } 419 appendMessage('user', message); 420 input.value = ''; input.disabled = true; btn.disabled = true; 421 document.getElementById('ai-loading').classList.remove('hidden'); 422 423 try { 424 const response = await fetch('/api/ai-chat', { 425 method: 'POST', 426 headers: { 'Content-Type': 'application/json' }, 427 body: JSON.stringify({ message: message, context: context }) 428 }); 429 const data = await response.json(); 430 document.getElementById('ai-loading').classList.add('hidden'); 431 input.disabled = false; btn.disabled = false; input.focus(); 432 433 if (data.status === 'success') { 434 appendMessage('ai', data.reply); 435 aiCount = 3 - data.left; 436 document.getElementById('ai-left-count').innerText = data.left; 437 } else { 438 appendMessage('error', data.message || 'ì¤ë¥ê° ë°ìíìµëë¤.'); 439 } 440 } catch (e) { 441 document.getElementById('ai-loading').classList.add('hidden'); 442 input.disabled = false; btn.disabled = false;
443 appendMessage('error', 'ìë² íµì ì¤ë¥ê° ë°ìíìµëë¤.'); 444 } 445 } 446 447 function appendMessage(role, text) { 448 const chatBox = document.getElementById('chat-box'); 449 const isUser = role === 'user'; 450 const isError = role === 'error'; 451 let icon = isUser ? 'person' : 'robot-twotone'; 452 let bgColor = isUser ? 'bg-indigo-500 text-white' : 'bg-white/80 text-gray-700'; 453 let iconBg = isUser ? 'bg-indigo-100' : 'bg-gradient-to-tr from-violet-100 to-fuchsia-100'; 454 let align = isUser ? 'flex-row-reverse' : 'flex-row'; 455 let bubbleRound = isUser ? 'rounded-tr-none' : 'rounded-tl-none'; 456 457 if(isError) { bgColor = 'bg-red-50 text-red-600 border border-red-100'; icon = 'alert-circle'; } 458 459 const html = ` 460 <div class="flex gap-3 ${align} animate-fade-in"> 461 <div class="w-8 h-8 rounded-full ${iconBg} flex-shrink-0 flex items-center justify-center border border-white shadow-sm"> 462 <iconify-icon icon="line-md:${icon}"></iconify-icon> 463 </div> 464 <div class="${bgColor} p-3 rounded-2xl ${bubbleRound} shadow-sm text-sm border border-gray-100 max-w-[80%] leading-relaxed"> 465 ${text.replace(/\n/g, '<br>')} 466 </div> 467 </div>`; 468 chatBox.insertAdjacentHTML('beforeend', html); 469 chatBox.scrollTop = chatBox.scrollHeight; 470 } 471 </script>
471 472
472<script type="application/ld+json">{"@context":"http://schema.org","@type":"ItemList","itemListElement":[{"@type":"ListItem","position":1,"item":{"@type":"Organization","name":"미êµì¬íesta 10ìì ê°ê±´ë° ì¸ì ì ì²íëê² ì¢ìê¹ì?","url":"https://3.daum.workers.dev/view?id=18740","image":"https://kin-phinf.pstatic.net/storage/upload/2007/11/99/32210002_1195669126.jpg"}},{"@type":"ListItem","position":2,"item":{"@type":"Organization","name":"길ë? ì´ë¦°ì´ ë§í ìë ê±°ì","url":"https://3.daum.workers.dev/view?id=18663","image":"https://ssl.pstatic.net/sstatic/keypage/image/dss/57/92/00/62/57_5920062_poster_image_1530166418205.jpg"}},{"@type":"ListItem","position":3,"item":{"@type":"Organization","name":"길ë? ì´ë¦°ì´ ë§í ìë ê±°ì","url":"https://3.daum.workers.dev/view?id=18657","image":"https://ssl.pstatic.net/sstatic/keypage/image/dss/57/92/00/62/57_5920062_poster_image_1530166418205.jpg"}},{"@type":"ListItem","position":4,"item":{"@type":"Organization","name":"ìì
ì¬ì©ì¤ ì´ë²í¸ê° ìê²¼ìµëë¤. (ìì¹ìê²ì) ì¸ê·¸ë°ì§ ëª¨ë¥´ê² ëë°,  ê°ì기 ì긴ê²","url":"https://3.daum.workers.dev/view?id=18650","image":"https://kin-phinf.pstatic.net/20260428_237/1777345348116cPJqY_PNG/image.png?type=w750"}},{"@type":"ListItem","position":5,"item":{"@type":"Organization","name":"ë¯¸êµ ì¶êµí ëë§ ì§ë¬¸ íêµì¼ë¡ ëìì¬ê±´ë°ì","url":"https://3.daum.workers.dev/view?id=18417","image":"https://kin-phinf.pstatic.net/storage/upload/2007/11/99/32210002_1195669126.jpg"}},{"@type":"ListItem","position":6,"item":{"@type":"Organization","name":"ìì
ìì ììì íê¹ì§ ê³ ì íë ë²? 매ë´ì ë 첫ì¤ê³ ì ë§ ë³´ì...ã
","url":"https://3.daum.workers.dev/view?id=18370","image":"https://kin-phinf.pstatic.net/20260425_177/1777076906380dOfHg_PNG/image.png?type=w750"}}]}</script>
472 473 </main> 474 475 <footer class="mt-20 py-10 border-t border-gray-200/50 text-center text-sm text-gray-500 font-light"> 476 <p>© 2026 3.daum.workers.dev. All rights reserved.</p> 477 </footer> 478 </div> 479 </body> 480 </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.