PageSourceSearch

https://3.daum.workers.dev/view?id=18758

html 3.daum.workers.dev collected 2026-10-03 08:05:24 UTC 31,319 bytes, 480 lines download raw bytes

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="엑셀사용중 열번호가 생겼습니다. (원치않게요) 외그런지 모르겠는데,&#160; 갑자기 생긴것" 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">엑셀사용중 열번호가 생겼습니다. (원치않게요) 외그런지 모르겠는데,&#160; 갑자기 생긴것</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":"엑셀사용중 열번호가 생겼습니다. (원치않게요) 외그런지 모르겠는데,&#160; 갑자기 생긴것","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>&copy; 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.