PageSourceSearch

https://riaumelayu.com/category/Games/jl18-login-register-at-download-gabay-sa-pilipinas.html

html riaumelayu.com collected 2026-09-27 13:01:01 UTC 91,410 bytes, 2,145 lines download raw bytes

1<!doctype html>
2<html lang="tl-PH">
3<head>
4  <meta charset="utf-8">
5  <meta name="viewport" content="width=device-width,initial-scale=1">
6
7  <title>JL18 Login, Register, at Download: Gabay sa Pilipinas</title>
8  <meta name="description" content="JL18 Login Register Philippines Download Free jl18 login register philippines download free — Ang JL18 ay isang popular na online platform para sa mga manlalaro">
9  <meta name="keywords" content="">
10  <link rel="canonical" href="https://riaumelayu.com/category/Games/jl18-login-register-at-download-gabay-sa-pilipinas.html">
11  <!-- Google tag (gtag.js) -->
vendor: 66 bytes, lines 11-12
11
12  <script async src="https://www.googletagmanager.com/gtag/js?id=
12G-1GYTCN5TB3
vendor: 14 bytes, lines 12-13
12"></script>
13  
13<script>
14    
vendor: 140 bytes, lines 14-18
14window.dataLayer = window.dataLayer || [];
15    function gtag(){dataLayer.push(arguments);}
16    gtag('js', new Date());
17
18    gtag('config', '
18G-1GYTCN5TB3
vendor: 6 bytes, lines 18-19
18');
19  
19</script>
19
20  
20<script type="text/javascript">
21    (function(c,l,a,r,i,t,y){
22      c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
23      t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
24      y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
25    })(window, document, "clarity", "script", "wpqx94dqa5");
26  </script>
26
27  <style>
28    :root{
29  --dark-bg:#100236;
30  --dark-bg2:#030014;
31  --dark-card:rgba(255,255,255,.08);
32  --dark-line:rgba(255,255,255,.18);
33  --dark-text:#ffffff;
34  --light-bg:#f3f3f5;
35  --light-card:#ffffff;
36  --light-line:rgba(16,2,54,.12);
37  --light-text:#141414;
38  --muted-light:#5f6270;
39  --muted-dark:#d6d8df;
40  --brand:#ff4757;
41  --brand2:#ff6b6b;
42  --radius:16px;
43  --container:1240px;
44}
45
46*{box-sizing:border-box}
47html,body{height:100%}
48body{
49  margin:0;
50  font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;
51  line-height:1.75;
52  background:var(--dark-bg2);
53  color:var(--dark-text);
54  overflow-x:hidden;
55}
56a{color:inherit}
57.container{max-width:var(--container);margin:0 auto;padding:0 16px}
58.intro-section-ag>.container{
59    max-width: 100%;
60    padding:0;
61}
62
63/* Dark bg -> white text, Light bg -> black text */
64.hero-section-ag,.games-section-ag,.site-footer,.article-head,.article-content,.site-header{color:var(--dark-text)}
65
66.tips-section-ag,.widget,.tips-list,.rich-block{color:var(--light-text)}
67
68.skip-link{position:absolute;left:-9999px}
69.skip-link:focus{left:10px;top:10px;position:fixed;background:#fff;color:#000;padding:8px 10px;border-radius:8px;z-index:9999}
70
71/* Header (PC like image-1) */
72.site-header{
73  position:sticky;top:0;z-index:88;
74  background:#efefef;
75  border-bottom:1px solid #dddddd;
76}
77.header-inner{
78  min-height:64px;
79  display:grid;
80  grid-template-columns:auto minmax(160px,280px) auto 1fr;
81  align-items:center;
82  gap:14px;
83}
84.site-search{
85  display:flex;
86  align-items:center;
87  gap:.35rem;
88  min-width:0;
89}
90.site-search input[type="search"]{
91  width:100%;
92  min-width:0;
93  padding:.45rem .7rem;
94  border:1px solid #cfcfcf;
95  border-radius:999px;
96  background:#fff;
97  color:#111;
98  font-size:.92rem;
99}
100.site-search button{
101  flex:0 0 auto;
102  padding:.45rem .85rem;
103  border:0;
104  border-radius:999px;
105  background:#111;
106  color:#fff;
107  font-weight:700;
108  cursor:pointer;
109  font-size:.82rem;
110}
111.visually-hidden{
112  position:absolute!important;
113  width:1px;height:1px;padding:0;margin:-1px;
114  overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;
115}
116.search-page{margin-top:.5rem;color:var(--light-text)}
117.search-summary{margin:0 0 1rem;color:#444}
118.search-empty{margin:0;color:#666}
119.search-results{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}
120.search-result-item{
121  border:1px solid var(--light-line,#ddd);
122  border-radius:12px;
123  background:#fff;
124  overflow:hidden;
125}
126.search-result-link{
127  display:block;
128  padding:12px 14px;
129  text-decoration:none;
130  color:var(--light-text,#141414);
131}
132.search-result-link:hover,
133.search-result-link:focus-visible{
134  background:#f6f8fc;
135  outline:none;
136}
137.search-result-link:hover .search-result-title,
138.search-result-link:focus-visible .search-result-title{
139  color:#0d6efd;
140}
141.search-result-title{margin:.2rem 0 .35rem;font-size:1.05rem;line-height:1.35;color:#141414}
142.search-result-excerpt{margin:0;color:#444;line-height:1.55}
143.search-result-kind{
144  display:inline-block;
145  font-size:.72rem;
146  letter-spacing:.04em;
147  text-transform:uppercase;
148  color:#666;
149}
150.brand-link{text-decoration:none;display:flex;align-items:center;gap:10px}
151.brand-mark{
152  width:34px;height:34px;border-radius:10px;display:grid;place-items:center;
153  background:#111;color:#fff;font-weight:800;
154}
155.brand-text{font-size:20px;font-weight:800;color:#000}
156.nav{min-width:0}
157.nav ul{margin:0;padding:0;list-style:none;display:flex;gap:4px;justify-content:flex-start;align-items:center;flex-wrap:nowrap}
158.nav a{
159  text-decoration:none;
160  display:inline-flex;
161  padding:8px 11px;
162  color:#111;
163  border-radius:0;
164  border-bottom:2px solid transparent;
165  font-weight:500;
166}
167.nav a:hover{color:#0d6efd;border-bottom-color:#0d6efd}
168
169/* Header nav — topic pages accordion */
170.nav-topic-pages{position:relative;list-style:none}
171.nav-topic-trigger{
172  display:inline-flex;align-items:center;gap:6px;
173  padding:8px 11px;border:none;background:transparent;
174  color:#111;font:inherit;font-weight:500;cursor:pointer;
175  border-bottom:2px solid transparent;
176}
177.nav-topic-trigger:hover,
178.nav-topic-pages.is-open .nav-topic-trigger{color:#0d6efd;border-bottom-color:#0d6efd}
179.nav-topic-chevron{
180  width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;
181  transform:rotate(45deg);margin-top:-3px;transition:transform .2s ease;
182}
183.nav-topic-pages.is-open .nav-topic-chevron{transform:rotate(-135deg);margin-top:3px}
184.nav-topic-panel{list-style:none;margin:0;padding:0}
185.nav-topic-panel[hidden]{display:none!important}
186/* Override .nav ul flex row — topic dropdown is a vertical list */
187.nav ul.nav-topic-panel,
188.nav .nav-topic-panel{
189  display:flex;flex-direction:column;align-items:stretch;flex-wrap:nowrap;
190  gap:0;justify-content:flex-start;
191}
192@media (min-width:861px){
193  .nav .nav-topic-panel{
194    position:absolute;top:calc(100% + 6px);right:0;
195    width:max-content;min-width:280px;max-width:min(560px,96vw);
196    max-height:calc(100vh - 72px);overflow-x:hidden;overflow-y:auto;
197    background:#fff;border:1px solid #e5e5e5;border-radius:10px;
198    box-shadow:0 12px 32px rgba(0,0,0,.12);z-index:90;padding:6px 0;
199  }
200  .nav-topic-pages.is-open .nav-topic-panel[hidden]{display:flex!important}
201  .nav-topic-item{width:100%;flex:0 0 auto;border-bottom:1px solid #ececec}
202  .nav-topic-item:last-child{border-bottom:none}
203  .nav-topic-link{
204    display:block;width:100%;padding:10px 18px;border-bottom:none!important;
205    font-weight:600;white-space:nowrap;
206  }
207  .nav-topic-link::after{display:none!important}
208  .nav-topic-link:hover{background:#f3f6fb}
209}
210
211.header-actions{display:flex;gap:8px}
212.btn,.hero-btn-primary,.hero-btn-secondary{
213  display:inline-flex;align-items:center;justify-content:center;
214  text-decoration:none;border-radius:999px;padding:10px 18px;font-weight:700;border:1px solid transparent;
215}
216.btn.btn-ghost{background:#fff;border-color:#d5d5d5;color:#111}
217.btn.btn-ghost:hover{background:#f7f7f7}
218
219.mobile-nav-toggle{
220  display:none;
221  width:44px;height:44px;border:1px solid #d4d4d4;background:#fff;border-radius:10px;
222  cursor:pointer;align-items:center;justify-content:center;
223  flex-direction:column;gap:5px;padding:0;
224}
225.mobile-nav-toggle span{
226  display:block;width:20px;height:2px;background:#111;border-radius:1px;
227  margin:0;transition:transform .25s ease, opacity .2s ease;
228}
229
230/* Home */
231.agsbobet-homepage{background:var(--dark-bg2)}
232.hero-section-ag{
233  background:linear-gradient(135deg,var(--dark-bg),var(--dark-bg2));
234  padding:76px 0 92px;
235}
236.hero-content-wrapper{display:grid;grid-template-columns:1fr;gap:28px}
237.hero-text-content h1{margin:0 0 10px;font-size:clamp(34px,5vw,58px);line-height:1.1}
238.hero-subtitle{color:var(--muted-dark);font-size:1.06rem;max-width:840px}
239.hero-cta-buttons{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
240.hero-btn-primary{background:linear-gradient(135deg,var(--brand2),var(--brand));color:#fff}
241.hero-btn-secondary{border-color:#fff;color:#fff;background:transparent}
242
243/* Hero slider */
244.hero-slider{position:relative;margin:14px 0 10px;border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.24)}
245.hero-slides{position:relative;min-height:240px}
246.hero-slide{display:none}
247.hero-slide.active{display:block}
248.hero-slide img{width:100%;height:clamp(220px,33vw,360px);object-fit:cover;display:block}
249.hero-nav{
250  position:absolute;top:50%;transform:translateY(-50%);
251  width:36px;height:36px;border:none;border-radius:50%;
252  background:rgba(0,0,0,.4);color:#fff;cursor:pointer;
253}
254.hero-nav.prev{left:10px}
255.hero-nav.next{right:10px}
256
257/* Hero carousel variants (hero_carousel_v2) */
258.hero-slider--stack .hero-slides{position:relative;min-height:clamp(220px,33vw,360px)}
259.hero-slider--stack .hero-slide{
260  display:block;position:absolute;inset:0;opacity:0;transform:scale(1.06);
261  transition:opacity .55s ease, transform .65s ease;
262}
263.hero-slider--stack .hero-slide.active{opacity:1;transform:scale(1);z-index:1}
264.hero-slider--stack .hero-slide img{width:100%;height:100%;min-height:clamp(220px,33vw,360px)}
265
266.hero-slider--blurfade .hero-slides{position:relative;min-height:clamp(220px,33vw,360px)}
267.hero-slider--blurfade .hero-slide{
268  display:block;position:absolute;inset:0;opacity:0;transform:scale(1.02);
269  filter:blur(10px);
270  transition:opacity .5s ease, transform .6s ease, filter .6s ease;
271}
272.hero-slider--blurfade .hero-slide.active{
273  opacity:1;transform:scale(1);filter:blur(0);z-index:1;
274}
275.hero-slider--blurfade .hero-slide img{width:100%;height:100%;min-height:clamp(220px,33vw,360px)}
276
277.hero-slider--filmstrip .hero-slides{
278  display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;
279  -webkit-overflow-scrolling:touch;padding-bottom:4px;
280}
281.hero-slider--filmstrip .hero-slide{
282  display:block;flex:0 0 min(88vw,760px);scroll-snap-align:center;
283}
284.hero-slider--filmstrip .hero-slide img{height:clamp(220px,33vw,360px)}
285
286.hero-slider--peek .hero-slides{
287  display:flex;gap:14px;overflow:hidden;padding:0 8vw;
288}
289.hero-slider--peek .hero-slide{
290  display:block;flex:0 0 84%;opacity:.45;transform:scale(.94);
291  transition:opacity .35s ease, transform .35s ease;
292}
293.hero-slider--peek .hero-slide.active{opacity:1;transform:scale(1)}
294.hero-slider--peek .hero-slide img{height:clamp(220px,33vw,360px)}
295
296.hero-slider--dots .hero-dots,
297.hero-slider--peek .hero-dots{
298  position:absolute;
298left:0;right:0;bottom:12px;display:flex;justify-content:center;gap:8px;z-index:3;
299}
300.hero-dot{width:9px;height:9px;border-radius:50%;border:none;padding:0;background:rgba(255,255,255,.45);cursor:pointer}
301.hero-dot.active{background:#fff}
302
303.hero-slider--stack .hero-nav,
304.hero-slider--filmstrip .hero-nav{display:none}
305
306.hero-slider--vertical .hero-slides{
307  display:flex;flex-direction:column;gap:.55rem;min-height:auto;
308}
309.hero-slider--vertical .hero-slide{
310  display:block;max-height:0;overflow:hidden;opacity:0;transition:max-height .45s ease, opacity .35s ease;
311}
312.hero-slider--vertical .hero-slide.active{max-height:280px;opacity:1}
313.hero-slider--vertical .hero-slide img{height:clamp(160px,24vw,240px)}
314
315.hero-slider--split .hero-slides{
316  display:grid;grid-template-columns:1fr 1fr;gap:.65rem;min-height:clamp(220px,33vw,360px);
317}
318.hero-slider--split .hero-slide{display:block}
319.hero-slider--split .hero-slide:not(.active){opacity:.35}
320.hero-slider--split .hero-slide img{height:100%;min-height:clamp(200px,30vw,320px)}
321
322.hero-slider--grid .hero-slides{
323  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
324  gap:.65rem;min-height:auto;
325}
326.hero-slider--grid .hero-slide{display:block;opacity:.82;transition:opacity .2s ease}
327.hero-slider--grid .hero-slide.active{opacity:1}
328.hero-slider--grid .hero-slide img{height:clamp(160px,22vw,240px);border-radius:12px}
329@media (max-width:860px){
330  .hero-slider--grid .hero-slides{grid-template-columns:1fr}
331  .hero-slider--grid .hero-slide img{height:220px}
332}
333
334.hero-slider--kenburns .hero-slides{position:relative;min-height:clamp(220px,33vw,360px)}
335.hero-slider--kenburns .hero-slide{
336  display:block;position:absolute;inset:0;opacity:0;transform:scale(1.08);
337  transition:opacity .7s ease, transform 8s ease;
338}
339.hero-slider--kenburns .hero-slide.active{opacity:1;transform:scale(1);z-index:1}
340.hero-slider--kenburns .hero-slide img{width:100%;height:100%;min-height:clamp(220px,33vw,360px)}
341
342.hero-slider--cascade .hero-slides{
343  position:relative;min-height:clamp(220px,33vw,360px);display:flex;align-items:center;justify-content:center;
344}
345.hero-slider--cascade .hero-slide{
346  display:block;position:absolute;width:min(82%,560px);opacity:0;transform:rotate(-3deg) translateX(-8%);
347  transition:opacity .45s ease, transform .45s ease;box-shadow:0 14px 36px rgba(0,0,0,.28);
348}
349.hero-slider--cascade .hero-slide.active{opacity:1;transform:rotate(0deg) translateX(0);z-index:2}
350.hero-slider--cascade .hero-slide img{height:clamp(200px,30vw,320px)}
351
352.hero-slider--tilt .hero-slides{
353  position:relative;min-height:clamp(220px,33vw,360px);display:flex;align-items:center;justify-content:center;
354  perspective:900px;
355}
356.hero-slider--tilt .hero-slide{
357  display:block;position:absolute;width:min(84%,620px);
358  opacity:0;transform:rotateY(-12deg) rotateZ(-2deg) translateX(-6%) scale(.98);
359  transition:opacity .45s ease, transform .55s ease;
360  box-shadow:0 18px 46px rgba(0,0,0,.32);
361}
362.hero-slider--tilt .hero-slide.active{
363  opacity:1;transform:rotateY(0deg) rotateZ(0deg) translateX(0) scale(1);z-index:2;
364}
365.hero-slider--tilt .hero-slide img{height:clamp(200px,30vw,320px)}
366
367.hero-slider--vertical .hero-nav,
368.hero-slider--split .hero-nav,
369.hero-slider--grid .hero-nav,
370.hero-slider--blurfade .hero-nav,
371.hero-slider--kenburns .hero-nav,
372.hero-slider--cascade .hero-nav,
373.hero-slider--tilt .hero-nav{display:none}
374
375.intro-section-ag,.tips-section-ag{background:var(--light-bg);padding:0;}
376
377.intro-container-ag h2,.tips-container h2,.games-section-ag h2{margin:0 0 22px;text-align:center;font-size:clamp(28px,3.8vw,46px)}
378.games-section-ag h2{color:white};
379
380.section{padding:26px 0}
381.section-head{margin-bottom:14px}
382.section-title{margin:0;font-size:clamp(24px,3.2vw,38px)}
383.section-meta{font-size:14px;color:var(--muted-dark)}
384.intro-section-ag .section-meta,.tips-section-ag .section-meta{color:var(--muted-light)}
385
386/* Highlights flatten + FAQ accordion */
387.rich-zone .home-rich{margin:0}
388.sn-home-html-root{width:100%;max-width:100%;overflow-x:hidden}
389.sn-home-html-root img:not(.pg-payment-icon),.sn-home-html-root video,.sn-home-html-root iframe{max-width:100%;height:auto}
390/* sb-light-island — embedded pg- pages: light panels/cards stay readable in template shells */
391.intro-section-ag .sn-home-html-root [class*="pg-"] .pg-card--light,
392.intro-section-ag .sn-home-html-root [class*="pg-"] .pg-card.pg-card--light,
393.intro-section-ag .sn-home-html-root [class*="pg-"] .pg-panel--light,
394.page-content.content [class*="pg-"] .pg-card--light,
395.page-content.content [class*="pg-"] .pg-card.pg-card--light,
396.page-content.content [class*="pg-"] .pg-panel--light,
397.article-content.content [class*="pg-"] .pg-card--light,
398.article-content.content [class*="pg-"] .pg-card.pg-card--light,
399.article-content.content [class*="pg-"] .pg-panel--light,
400.article-content [class*="pg-"] .pg-card--light,
401.article-content [class*="pg-"] .pg-card.pg-card--light,
402.article-content [class*="pg-"] .pg-panel--light {
403  background:#fff!important;
404  border:1px solid #e5e7eb!important;
405  color:#1a1a1a!important;
406  box-shadow:0 10px 28px rgba(0,0,0,.08);
407}
408.intro-section-ag .sn-home-html-root [class*="pg-"] div.pg-faq,
409.intro-section-ag .sn-home-html-root [class*="pg-"] section.pg-faq,
410.intro-section-ag .sn-home-html-root [class*="pg-"] details.pg-faq,
411.page-content.content [class*="pg-"] div.pg-faq,
412.page-content.content [class*="pg-"] section.pg-faq,
413.page-content.content [class*="pg-"] details.pg-faq,
414.article-content.content [class*="pg-"] div.pg-faq,
415.article-content.content [class*="pg-"] section.pg-faq,
416.article-content.content [class*="pg-"] details.pg-faq,
417.article-content [class*="pg-"] div.pg-faq,
418.article-content [class*="pg-"] section.pg-faq,
419.article-content [class*="pg-"] details.pg-faq {
420  background:#fff!important;
421  color:#1a1a1a!important;
422}
423.intro-section-ag .sn-home-html-root [class*="pg-"] .pg-card--light :is(h1,h2,h3,h4,h5,h6,p,li,span,strong,em,small,label,summary),
424.intro-section-ag .sn-home-html-root [class*="pg-"] .pg-card.pg-card--light :is(h1,h2,h3,h4,h5,h6,p,li,span,strong,em,small,label,summary),
425.intro-section-ag .sn-home-html-root [class*="pg-"] .pg-panel--light :is(h1,h2,h3,h4,h5,h6,p,li,span,strong,em,small,label,summary),
426.intro-section-ag .sn-home-html-root [class*="pg-"] div.pg-faq :is(h1,h2,h3,h4,h5,h6,p,li,span,strong,em,small,label,summary),
427.intro-section-ag .sn-home-html-root [class*="pg-"] section.pg-faq :is(h1,h2,h3,h4,h5,h6,p,li,span,strong,em,small,label,summary),
428.intro-section-ag .sn-home-html-root [class*="pg-"] details.pg-faq :is(h1,h2,h3,h4,h5,h6,p,li,span,strong,em,small,label,summary),
429.page-content.content [class*="pg-"] .pg-card--light :is(h1,h2,h3,h4,h5,h6,p,li,span,strong,em,small,label,summary),
430.page-content.content [class*="pg-"] .pg-card.pg-card--light :is(h1,h2,h3,h4,h5,h6,p,li,span,strong,em,small,label,summary),
431.page-content.content [class*="pg-"] .pg-panel--light :is(h1,h2,h3,h4,h5,h6,p,li,span,strong,em,small,label,summary),
432.page-content.content [class*="pg-"] div.pg-faq :is(h1,h2,h3,h4,h5,h6,p,li,span,strong,em,small,label,summary),
433.page-content.content [class*="pg-"] section.pg-faq :is(h1,h2,h3,h4,h5,h6,p,li,span,strong,em,small,label,summary),
434.page-content.content [class*="pg-"] details.pg-faq :is(h1,h2,h3,h4,h5,h6,p,li,span,strong,em,small,label,summary),
435.article-content.content [class*="pg-"] .pg-card--light :is(h1,h2,h3,h4,h5,h6,p,li,span,strong,em,small,label,summary),
436.article-content.content [class*="pg-"] .pg-card.pg-card--light :is(h1,h2,h3,h4,h5,h6,p,li,span,strong,em,small,label,summary),
437.article-content.content [class*="pg-"] .pg-panel--light :is(h1,h2,h3,h4,h5,h6,p,li,span,strong,em,small,label,summary),
438.article-content.content [class*="pg-"] div.pg-faq :is(h1,h2,h3,h4,h5,h6,p,li,span,strong,em,small,label,summary),
439.article-content.content [class*="pg-"] section.pg-faq :is(h1,h2,h3,h4,h5,h6,p,li,span,strong,em,small,label,summary),
440.article-content.content [class*="pg-"] details.pg-faq :is(h1,h2,h3,h4,h5,h6,p,li,span,strong,em,small,label,summary),
441.article-content [class*="pg-"] .pg-card--light :is(h1,h2,h3,h4,h5,h6,p,li,span,strong,em,small,label,summary),
442.article-content [class*="pg-"] .pg-card.pg-card--light :is(h1,h2,h3,h4,h5,h6,p,li,span,strong,em,small,label,summary),
443.article-content [class*="pg-"] .pg-panel--light :is(h1,h2,h3,h4,h5,h6,p,li,span,strong,em,small,label,summary),
444.article-content [class*="pg-"] div.pg-faq :is(h1,h2,h3,h4,h5,h6,p,li,span,strong,em,small,label,summary),
445.article-content [class*="pg-"] section.pg-faq :is(h1,h2,h3,h4,h5,h6,p,li,span,strong,em,small,label,summary),
446.article-content [class*="pg-"] details.pg-faq :is(h1,h2,h3,h4,h5,h6,p,li,span,strong,em,small,label,summary) {
447  color:#1a1a1a!important;
448}
449.intro-section-ag .sn-home-html-root [class*="pg-"] .pg-card--light :is(a:not(.pg-btn):not([class*='pg-btn'])),
450.intro-section-ag .sn-home-html-root [class*="pg-"] .pg-card.pg-card--light :is(a:not(.pg-btn):not([class*='pg-btn'])),
451.intro-section-ag .sn-home-html-root [class*="pg-"] .pg-panel--light :is(a:not(.pg-btn):not([class*='pg-btn'])),
452.intro-section-ag .sn-home-html-root [class*="pg-"] div.pg-faq :is(a:not(.pg-btn):not([class*='pg-btn'])),
453.intro-section-ag .sn-home-html-root [class*="pg-"] section.pg-faq :is(a:not(.pg-btn):not([class*='pg-btn'])),
454.intro-section-ag .sn-home-html-root [class*="pg-"] details.pg-faq :is(a:not(.pg-btn):not([class*='pg-btn'])),
455.page-content.content [class*="pg-"] .pg-card--light :is(a:not(.pg-btn):not([class*='pg-btn'])),
456.page-content.content [class*="pg-"] .pg-card.pg-card--light :is(a:not(.pg-btn):not([class*='pg-btn'])),
457.page-content.content [class*="pg-"] .pg-panel--light :is(a:not(.pg-btn):not([class*='pg-btn'])),
458.page-content.content [class*="pg-"] div.pg-faq :is(a:not(.pg-btn):not([class*='pg-btn'])),
459.page-content.content [class*="pg-"] section.pg-faq :is(a:not(.pg-btn):not([class*='pg-btn'])),
460.page-content.content [class*="pg-"] details.pg-faq :is(a:not(.pg-btn):not([class*='pg-btn'])),
461.article-content.content [class*="pg-"] .pg-card--light :is(a:not(.pg-btn):not([class*='pg-btn'])),
462.article-content.content [class*="pg-"] .pg-card.pg-card--light :is(a:not(.pg-btn):not([class*='pg-btn'])),
463.article-content.content [class*="pg-"] .pg-panel--light :is(a:not(.pg-btn):not([class*='pg-btn'])),
464.article-content.content [class*="pg-"] div.pg-faq :is(a:not(.pg-btn):not([class*='pg-btn'])),
465.article-content.content [class*="pg-"] section.pg-faq :is(a:not(.pg-btn):not([class*='pg-btn'])),
466.article-content.content [class*="pg-"] details.pg-faq :is(a:not(.pg-btn):not([class*='pg-btn'])),
467.article-content [class*="pg-"] .pg-card--light :is(a:not(.pg-btn):not([class*='pg-btn'])),
468.article-content [class*="pg-"] .pg-card.pg-card--light :is(a:not(.pg-btn):not([class*='pg-btn'])),
469.article-content [class*="pg-"] .pg-panel--light :is(a:not(.pg-btn):not([class*='pg-btn'])),
470.article-content [class*="pg-"] div.pg-faq :is(a:not(.pg-btn):not([class*='pg-btn'])),
471.article-content [class*="pg-"] section.pg-faq :is(a:not(.pg-btn):not([class*='pg-btn'])),
472.article-content [class*="pg-"] details.pg-faq :is(a:not(.pg-btn):not([class*='pg-btn'])) {
473  color:#1a56db!important;
474}
475.page-content.content [class*="pg-"],
476.article-content.content [class*="pg-"],
477.article-content [class*="pg-"] {
478  color:#fff;
479}
480/* sb-light-island-end */
481.home-rich .rich-grid{display:flex;flex-direction:column;gap:12px}
482.rich-block{
483  border:1px solid var(--light-line);
484  border-radius:14px;
485  background:var(--light-card);
486  box-shadow:0 8px 22px rgba(16,2,54,.07);
487  overflow:hidden;
488}
489.faq-question{
490  width:100%;background:#fff;border:none;display:flex;align-items:center;justify-content:space-between;
491  cursor:pointer;padding:16px 18px;font-size:20px;font-weight:800;text-align:left;color:#161616;
492}
493.faq-arrow{font-size:24px;line-height:1}
494.faq-answer{max-height:0;overflow:hidden;transition:max-height .35s ease}
495.faq-item.active .faq-answer{max-height:1000px}
496.faq-answer-content{padding:0 18px 16px}
497.rich-body{color:#222}
498.article-media{margin:0 18px 14px;border-radius:12px;overflow:hidden;border:1px solid var(--light-line)}
499.article-media img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
500
501.games-section-ag{
502  background:var(--dark-bg);
503  padding:74px 0;
504}
505.grid,.row{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}
506.grid>.row,.grid>.category-tags{grid-column:1/-1}
507.col-md-4{grid-column:span 4;min-width:0;max-width:100%}
508@media (max-width:980px){.col-md-4{grid-column:span 6}}
509@media (max-width:640px){.col-md-4{grid-column:span 12}}
510.article-card{
511  background:var(--dark-card);border:1px solid var(--dark-line);border-radius:var(--radius);
512  overflow:hidden;height:100%;min-width:0;max-width:100%;
513}
514.card-media{
515  position:relative;
516  width:100%;
517  padding-top:100%; /* 1:1 square and full-width fill */
518  overflow:hidden;
519}
520.card-media img{
521  position:absolute;inset:0;
522  display:block;width:100% !important;height:100% !important;
523  object-fit:cover;
524}
525.article-body{padding:16px;min-width:0;overflow-wrap:anywhere;word-break:break-word}
526.article-card h3{margin:0 0 8px;font-size:1.14rem;overflow-wrap:anywhere;word-break:break-word}
527.article-card h3 a{text-decoration:none;color:#fff;overflow-wrap:anywhere;word-break:break-word}
528.excerpt{color:#e6e7ec;margin:0;overflow-wrap:anywhere;word-break:break-word}
529.article-meta{font-size:12px;color:#d8daea;display:flex;gap:9px;flex-wrap:wrap;min-width:0}
530
531/* More Navigation horizontal */
532.tips-layout-horizontal .tips-list{
533  display:grid;
534  grid-template-columns:repeat(2, minmax(0, 1fr));
535  gap:12px;
536  align-items:stretch;
537  width:100% !important;
538  margin:0 auto;
539}
540.tips-section-ag .container{
541  max-width:1240px;
542}
543.tips-layout-horizontal{
544  width:100%;
545  max-width:1240px;
546  margin:0 auto;
547}
548.tips-layout-horizontal .widget{
549  width:100%;
550  min-width:0;
551  max-width:none;
552}
553.widget{
554  border:1px solid var(--light-line);
555  background:#fff;border-radius:12px;padding:12px;
556}
557.widget-title{font-weight:800;margin-bottom:8px;color:#111}
558.mini-list,.related-list,.pn{display:flex;flex-direction:column;gap:8px}
559.tips-layout-horizontal .mini-list{
560  display:flex;
561  flex-direction:column;
562  gap:8px;
563}
564.mini-item,.related-item,.pn-card{
565  display:block;text-decoration:none;border:1px solid var(--light-line);border-radius:10px;padding:9px;background:#fff;color:#1a1a1a;
566}
567.tips-layout-horizontal .mini-item{
568  height:auto;
569}
570.mini-meta,.related-excerpt,.pn-label{font-size:12px;color:var(--muted-light)}
571.tag-cloud{display:flex;flex-wrap:wrap;gap:8px}
572.tag.chip,.mini-tag{
573  text-decoration:none;display:inline-flex;align-items:center;gap:6px;border:1px solid var(--light-line);
574  background:#fff;border-radius:999px;padding:5px 9px;font-size:12px;color:#222;
575}
576.dot{width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,var(--brand2),var(--brand))}
577
578/* Article/List pages */
579.layout{display:grid;grid-template-columns:minmax(0,1fr)320px;gap:16px}
580.sidebar{position:sticky;top:84px;align-self:start}
581.article{padding:24px 0}
582.breadcrumbs{font-size:13px;color:#b7bdd4;margin-bottom:10px}
583.article-head{
584  border:1px solid var(--dark-line);border-radius:var(--radius);
585  background:rgba(255,255,255,.06);padding:16px;
586}
587.article-title{margin:8px 0 10px;font-size:clamp(30px,4vw,48px)}
588.article-cover,.article-media{
589  margin-top:12px;border-radius:12px;overflow:hidden;border:1px solid var(--dark-line);
590}
591.article-meta{display:flex;gap:8px;flex-wrap:wrap}
592.meta-item,.meta-dot{color:#d9deef}
593.article-content{
594  margin-top:14px;border:1px solid var(--dark-line);border-radius:var(--radius);
595  background:rgba(255,255,255,.05);padding:16px;
596  overflow-wrap:anywhere;
597  word-break:break-word;
598  overflow-x:hidden;
599}
600.article-content *{
601  max-width:100% !important;
602  min-width:0 !important;
603  box-sizing:border-box;
604}
605.article-content p,.article-content li,.article-content h1,.article-content h2,.article-content h3,.article-content h4,.article-content h5,.article-content h6{
606  overflow-wrap:anywhere;
607  word-break:break-word;
608}
609.article-content img{
610  width:100% !important;
611  max-width:100% !important;
612  height:auto !important;
613  display:block;
614}
615.article-content table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
616.article-content pre{overflow:auto;-webkit-overflow-scrolling:touch}
617.article-content code{word-break:break-word}
618.article-content a{word-break:break-all}
619.article-content iframe,.article-content video,.article-content embed{
620  max-width:100% !important;
621  width:100% !important;
622  height:auto;
623}
624.article-content .content,.article-content{color:#fff}
625.toc-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}
626.toc-item a{text-decoration:none;color:#2b2f3e}
627.toc-l3 a{padding-left:12px}.toc-l4 a{padding-left:18px}
628.article-footer{margin-top:14px;display:flex;gap:10px;flex-wrap:wrap}
629
630.site-footer{
631  margin-top:20px;
632  border-top:1px solid var(--dark-line);
633  /*background:rgba(0,0,0,.24);*/
634  background:rgba(0,0,0,.9);
635  padding:18px 0 0;
636}
637.footer-inner{
638  display:flex;
639  flex-direction:column;
640  gap:14px;
641}
642.footer-top{
643  display:grid;
644  grid-template-columns:1fr auto 1fr;
645  align-items:center;
646  gap:14px;
647}
648.footer-left{
649  grid-column:1;
650  justify-self:start;
651}
652.footer-middle{
653  display:grid;
654  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
655  gap:20px 32px;
656  align-items:start;
657  text-align:left;
658}
659.footer-about{
660  max-width:none;
661  color:#d8ddef;
662  font-size:14px;
663  line-height:1.75;
664}
665.footer-about p{margin:0;color:#c5c4c4;}
666.footer-about p + p{margin-top:10px}
667.footer-trust{
668  max-width:none;
669  margin-top:0;
670  padding-top:0;
671  padding-left:28px;
672  border-top:none;
673  border-left:1px solid rgba(255,255,255,.12);
674  color:#c8cedf;
675  font-size:13px;
676  line-height:1.7;
677}
678.footer-trust p{margin:0;color:#e7e7e7;}
679.footer-trust p + p{margin-top:8px}
680.trust-links a{color:#9ecbff;text-decoration:underline}
681.author-box{
682  margin:28px 0 8px;
683  padding:16px 18px;
684  border:1px solid rgba(255,255,255,.12);
685  border-radius:12px;
686  background:rgba(255,255,255,.04);
687  display:flex;
688  flex-direction:column;
689  gap:6px;
690}
691.author-name{
692  font-weight:800;
693  font-size:15px;
694  color:var(--text, #eef1ff);
695}
696.author-bio{
697  font-size:14px;
698  line-height:1.65;
699  color:var(--muted, #c8cedf);
700}
701.article-share{
702  margin-top:14px;
703  padding-top:12px;
704  border-top:1px solid rgba(255,255,255,.1);
705}
706.article-share-label{
707  display:block;
708  font-size:12px;
709  font-weight:700;
710  letter-spacing:.04em;
711  text-transform:uppercase;
712  color:#aeb6cb;
713  margin-bottom:8px;
714}
715.article-share-actions{
716  display:flex;
717  flex-wrap:wrap;
718  gap:8px;
719  align-items:center;
720}
721.share-btn{
722  display:inline-flex;
723  align-items:center;
724  justify-content:center;
725  min-height:34px;
726  padding:6px 12px;
727  border-radius:999px;
728  border:1px solid rgba(255,255,255,.16);
729  background:rgba(255,255,255,.06);
730  color:#e8ecff;
731  font-size:13px;
732  font-weight:600;
733  line-height:1.2;
734  text-decoration:none;
735  cursor:pointer;
736  transition:background .15s ease,border-color .15s ease;
737}
738.share-btn:hover{
739  background:rgba(255,255,255,.12);
740  border-color:rgba(255,255,255,.28);
741  color:#fff;
742}
743.share-btn-native[hidden]{display:none!important}
744.share-copy-feedback{
745  display:block;
746  margin-top:8px;
747  font-size:12px;
748  color:#9ecbff;
749}
750.share-copy-feedback[hidden]{display:none!important}
751.footer-bottom{
752  margin-top:6px;
753  padding:12px 16px;
754  text-align:center;
755  color:#eef1ff;
756  background:rgba(0,0,0,.48);
757  border-top:1px solid rgba(255,255,255,.28);
758  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
759}
760.footer-title{font-weight:800}
761.footer-desc,.footer-link{color:#d8ddef}
762.footer-right{
763  grid-column:2;
764  justify-self:center;
765  display:flex;
766  gap:10px;
767  flex-wrap:wrap;
768  justify-content:center;
769}
770.footer-link{text-decoration:none}
771.footer-friend-links{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
772.friend-link{opacity:.95}
773/* Friend Links: full-width flat grid, 10 per row on desktop */
774.tips-list .friend-links-widget,
775.tips-layout-horizontal .friend-links-widget{
776  grid-column:1/-1;
777  width:100%!important;
778  max-width:none!important;
779  min-width:0;
780}
781.friend-links-widget{
782  padding:14px 16px;
783}
784.friend-links-grid{
785  display:grid;
786  grid-template-columns:repeat(10,minmax(0,1fr));
787  gap:8px 10px;
788  align-items:stretch;
789  width:100%;
790}
791.friend-link-tile{
792  display:block;
793  min-width:0;
794  padding:7px 6px;
795  text-align:center;
796  text-decoration:none;
797  color:#1a1a1a;
798  font-size:.86rem;
799  line-height:1.25;
800  white-space:nowrap;
801  overflow:hidden;
802  text-overflow:ellipsis;
803  border:1px solid var(--light-line);
804  border-radius:8px;
805  background:#fff;
806}
807.friend-link-tile:hover,
808.friend-link-tile:focus-visible{
809  color:#0d6efd;
810  border-color:rgba(13,110,253,.35);
811  outline:none;
812}
813@media (max-width:1100px){
814  .friend-links-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
815}
816@media (max-width:640px){
817  .friend-links-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
818}
819
820.reveal{opacity:1;transform:none}
821
822/* Mobile nav — accordion panel */
823@media (max-width:860px){
824  .mobile-nav-toggle{display:flex}
825  .header-inner{grid-template-columns:1fr auto auto}
826  .site-search{grid-column:1/-1;order:3}
827  .header-actions{display:none}
828  .nav{
829    grid-column:1/-1;
830    display:block;
831    max-height:0;
832    overflow:hidden;
833    opacity:0;
834    visibility:hidden;
835    background:#fff;
836    border-top:1px solid #e5e5e5;
837    margin:0 -16px;
838    box-shadow:0 10px 28px rgba(0,0,0,.08);
839    transition:max-height .38s ease, opacity .28s ease, visibility .28s ease;
840  }
841  body.nav-open .nav{
842    max-height:var(--nav-accordion-height, 70vh);
843    opacity:1;
844    visibility:visible;
845  }
846  .nav ul{
847    display:flex;
848    flex-direction:column;
849    gap:0;
850    align-items:stretch;
851    padding:6px 0;
852  }
853  .nav li{border-bottom:1px solid #ececec}
854  .nav li:last-child{border-bottom:none}
855  .nav a{
856    display:flex;
857    justify-content:space-between;
858    align-items:center;
859    min-height:52px;
860    padding:12px 20px;
861    font-size:clamp(15px,4vw,17px);
862    color:#1a1a1a;
863    border-bottom:none;
864    font-weight:600;
865    border-radius:0;
866    transition:background .18s ease, color .18s ease;
867  }
868  .nav a::after{
869    content:"";
870    flex-shrink:0;
871    width:8px;height:8px;
872    margin-left:12px;
873    border-right:2px solid #9ca3af;
874    border-bottom:2px solid #9ca3af;
875    transform:rotate(-45deg);
876    transition:transform .2s ease, border-color .2s ease;
877  }
878  .nav a:hover,
879  .nav a:focus-visible{
880    background:#f3f6fb;
881    color:#0d6efd;
882    border-bottom-color:transparent;
883  }
884  .nav a:hover::after,
885  .nav a:focus-visible::after{
886    border-color:#0d6efd;
887    transform:rotate(-45deg) translateX(2px);
888  }
889
890  .nav-topic-pages{border-bottom:1px solid #ececec}
891  .nav-topic-trigger{
892    width:100%;justify-content:space-between;
893    min-height:52px;padding:12px 20px;
894    font-size:clamp(15px,4vw,17px);font-weight:600;
895    border-bottom:none;text-align:left;
896  }
897  .nav-topic-panel{
898    display:block!important;max-height:0;overflow:hidden;
899    margin:0;background:#f8f9fb;
900    transition:max-height .32s ease;
901  }
902  .nav-topic-pages.is-open .nav-topic-panel{
903    max-height:var(--nav-topic-panel-height, 50vh);
904    overflow-y:auto;
905  }
906  .nav-topic-item{border-bottom:1px solid #e8ebf0}
907  .nav-topic-item:last-child{border-bottom:none}
908  .nav-topic-link{
909    padding-left:28px;font-weight:500;font-size:15px;
910    min-height:48px;
911  }
912  .nav-topic-link::after{display:none!important}
913
914  body.nav-open .mobile-nav-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}
915  body.nav-open .mobile-nav-toggle span:nth-child(2){opacity:0;transform:scaleX(0)}
916  body.nav-open .mobile-nav-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
917
918  .tips-layout-horizontal .widget{max-width:100%;width:100%}
919  .tips-layout-horizontal .tips-list{
920    grid-template-columns:1fr;
921  }
922  .tips-layout-horizontal .mini-list{
923    display:flex;
924    flex-direction:column;
925  }
926  .footer-friend-links{justify-content:center}
927  .footer-top{
928    grid-template-columns:1fr;
929    text-align:center;
930  }
931  .footer-left,
932  .footer-right{
933    grid-column:1;
934    justify-self:center;
935  }
936  .footer-middle{
937    grid-template-columns:1fr;
938    gap:16px;
939    text-align:left;
940  }
941  .footer-trust{
942    border-left:none;
943    border-top:1px solid rgba(255,255,255,.12);
944    padding-left:0;
945    padding-top:14px;
946  }
947}
948
949/* Enforce centered two-column layout for More Navigation */
950body .agsbobet-homepage .tips-section-ag > .container.more-nav-wrap{
951  width:min(95vw, 1400px) !important;
952  max-width:min(95vw, 1400px) !important;
953  margin-left:auto !important;
954  margin-right:auto !important;
955}
956body .agsbobet-homepage .tips-section-ag .tips-layout.tips-layout-horizontal{
957  display:block !important;
958  width:100% !important;
959  max-width:none !important;
960}
961body .agsbobet-homepage .tips-section-ag .tips-layout.tips-layout-horizontal .tips-list{
962  display:grid !important;
963  grid-template-columns:1fr 1fr !important;
964  gap:14px !important;
965  width:100% !important;
966  max-width:none !important;
967}
968body .agsbobet-homepage .tips-section-ag .tips-layout.tips-layout-horizontal .widget{
969  width:100% !important;
970  max-width:none !important;
971  min-width:0 !important;
972}
973@media (max-width: 980px){
974  body .agsbobet-homepage .tips-section-ag .tips-layout.tips-layout-horizontal .tips-list{
975    grid-template-columns:1fr !important;
976  }
977}
978
979@media (max-width:980px){
980  .layout{grid-template-columns:1fr}
981  .sidebar{position:static}
982}
983@media (max-width:640px){
984  .article{padding:14px 0}
985  .article-head,.article-content{padding:12px}
986  .article-title{font-size:clamp(24px,7vw,34px)}
987  .meta-item{font-size:12px}
988  .hero-slide img{height:220px}
989  .article-content{font-size:16px;line-height:1.68}
990}
991
992/* Hard mobile clamp for all article pages */
993@media (max-width:980px){
994  html,body{
995    max-width:100% !important;
996    overflow-x:hidden !important;
997  }
998  .container,
999  #content,
1000  .layout,
1001  .main,
1002  .sidebar,
1003  .article,
1004  .article-head,
1005  .article-content,
1006  .games-section-ag .grid,
1007  .games-section-ag .container,
1008  .col-md-4,
1009  .article-card,
1010  .article-body,
1011  .widget,
1012  .related-item,
1013  .pn-card,
1014  .mini-item,
1015  .toc-item a{
1016    width:100% !important;
1017    max-width:100% !important;
1018    min-width:0 !important;
1019    box-sizing:border-box !important;
1020  }
1021  .article-card h3,
1022  .article-card h3 a,
1023  .article-card .excerpt,
1024  .article-card .article-meta,
1025  .article-card .article-meta span{
1026    white-space:normal !important;
1027    word-break:break-word !important;
1028    overflow-wrap:anywhere !important;
1029    max-width:100% !important;
1030  }
1031  .article-content h1,
1032  .article-content h2,
1033  .article-content h3,
1034  .article-content h4,
1035  .article-content h5,
1036  .article-content h6,
1037  .article-content p,
1038  .article-content li,
1039  .widget *,
1040  .related-title,
1041  .related-excerpt,
1042  .pn-title{
1043    white-space:normal !important;
1044    word-break:break-word !important;
1045    overflow-wrap:anywhere !important;
1046    max-width:100% !important;
1047  }
1048  .article-content img:not(.pg-game-icon),
1049  .article-content figure img:not(.pg-game-icon),
1050  .article-cover img{
1051    width:100% !important;
1052    max-width:100% !important;
1053    height:auto !important;
1054  }
1055  [class*="pg-"] .pg-card>.pg-game-icon,
1056  [class*="pg-"] .pg-card>img:first-of-type{
1057    width:100%!important;
1058    height:clamp(140px,28vw,180px)!important;
1059    max-height:180px!important;
1060    object-fit:cover!important;
1061  }
1062}
1063
1064/* AI topic/home card grids — keep game icons uniform */
1065[class*="pg-"]{
1066  max-width:100%;
1067  box-sizing:border-box;
1068  overflow-x:hidden;
1069}
1070/* Icon strip only — skip when section wraps a card grid (AI often misuses pg-info) */
1071[class*="pg-"] :is(.pg-info-bar,.pg-quick-info,.pg-info,.pg-features):not(:has(.pg-grid)):not(:has(.pg-card)){
1072  display:flex;
1073  flex-wrap:wrap;
1074  justify-content:space-around;
1075  align-items:flex-start;
1076  gap:.75rem 1rem;
1077  max-width:100%;
1078  box-sizing:border-box;
1079  padding:0 1rem;
1080}
1081[class*="pg-"] :is(.pg-info-bar,.pg-quick-info,.pg-info,.pg-features):has(.pg-grid),
1082[class*="pg-"] :is(.pg-info-bar,.pg-quick-info,.pg-info,.pg-features):has(.pg-card){
1083  display:block;
1084  max-width:100%;
1085  box-sizing:border-box;
1086  padding:0;
1087}
1088[class*="pg-"] :is(.pg-info-bar,.pg-quick-info,.pg-info,.pg-features):not(:has(.pg-grid)):not(:has(.pg-card))>div,
1089[class*="pg-"] :is(.pg-info-bar,.pg-quick-info,.pg-info,.pg-features):not(:has(.pg-grid)):not(:has(.pg-card))>section{
1090  flex:1 1 88px;
1091  min-width:0;
1092  max-width:160px;
1093  text-align:center;
1094}
1095[class*="pg-"] :is(.pg-info-bar,.pg-quick-info,.pg-info,.pg-features)>div.pg-grid,
1096[class*="pg-"] :is(.pg-info-bar,.pg-quick-info,.pg-info,.pg-features)>div.pg-card,
1097[class*="pg-"] :is(.pg-info-bar,.pg-quick-info,.pg-info,.pg-features)>section.pg-grid{
1098  flex:none;
1099  max-width:100%;
1100  width:100%;
1101  min-width:0;
1102  text-align:initial;
1103}
1104.page-content.content [class*="pg-"] :is(.pg-info-bar,.pg-quick-info,.pg-info,.pg-features):not(:has(.pg-grid)):not(:has(.pg-card)) img,
1105.article-content.content [class*="pg-"] :is(.pg-info-bar,.pg-quick-info,.pg-info,.pg-features):not(:has(.pg-grid)):not(:has(.pg-card)) img,
1106.article-content [class*="pg-"] :is(.pg-info-bar,.pg-quick-info,.pg-info,.pg-features):not(:has(.pg-grid)):not(:has(.pg-card)) img,
1107[class*="pg-"] :is(.pg-info-bar,.pg-quick-info,.pg-info,.pg-features):not(:has(.pg-grid)):not(:has(.pg-card)) img{
1108  width:56px!important;
1109  height:56px!important;
1110  max-width:56px!important;
1111  min-width:0!important;
1112  object-fit:contain!important;
1113  display:block;
1114  margin:0 auto .4rem;
1115}
1116[class*="pg-"] .pg-grid{
1117  display:grid;
1118  grid-template-columns:repeat(auto-fill,minmax(260px,1fr));
1119  gap:1rem;
1120  margin:1.25rem 0;
1121  align-items:stretch;
1122}
1123[class*="pg-"] .pg-grid>.pg-grid{
1124  width:100%;
1125  grid-column:1/-1;
1126  margin:0;
1127}
1128[class*="pg-"] .pg-card,
1129[class*="pg-"] .pg-panel--light:has(.pg-game-icon),
1130[class*="pg-"] .pg-panel--light:has(.pg-sector-img),
1131[class*="pg-"] .pg-grid>div:has(.pg-game-icon):not(.pg-grid),
1132[class*="pg-"] .pg-grid>div:has(.pg-sector-img):not(.pg-grid){
1133  display:flex;
1134  flex-direction:column;
1135  height:100%;
1136  min-width:0;
1137  box-sizing:border-box;
1138  overflow:hidden;
1139}
1140[class*="pg-"] .pg-card-media{
1141  flex:0 0 auto;
1142  width:100%;
1143  aspect-ratio:16/10;
1144  overflow:hidden;
1145  border-radius:8px;
1146  margin:0 0 .75rem;
1147  background:rgba(0,0,0,.18);
1148}
1149[class*="pg-"] .pg-card-media .pg-game-icon,
1150[class*="pg-"] .pg-card-media>img{
1151  width:100%!important;
1152  height:100%!important;
1153  object-fit:cover!important;
1154  object-position:center;
1155  display:block;
1156}
1157[class*="pg-"] .pg-card>.pg-game-icon,
1158[class*="pg-"] .pg-card>.pg-sector-img,
1159[class*="pg-"] .pg-card>img:first-of-type:not(.pg-payment-icon),
1160[class*="pg-"] .pg-panel--light>.pg-game-icon,
1161[class*="pg-"] .pg-panel--light .pg-game-icon,
1162[class*="pg-"] .pg-panel--light>.pg-sector-img,
1163[class*="pg-"] .pg-panel--light .pg-sector-img,
1164[class*="pg-"] .pg-grid .pg-game-icon,
1165[class*="pg-"] .pg-grid .pg-sector-img,
1166[class*="pg-"] .pg-grid>div:has(.pg-game-icon)>img:first-of-type,
1167[class*="pg-"] .pg-grid>div:has(.pg-sector-img)>img:first-of-type{
1168  width:100%!important;
1169  max-width:100%!important;
1170  height:clamp(140px,28vw,180px)!important;
1171  max-height:180px!important;
1172  object-fit:cover!important;
1173  object-position:center;
1174  display:block;
1175  margin:0 0 .75rem;
1176  border-radius:8px;
1177  flex:0 0 auto;
1178}
1179[class*="pg-"] .pg-payment-grid .pg-payment-icon,
1180[class*="pg-"] .pg-card>.pg-payment-icon{
1181  width:44px!important;
1182  height:44px!important;
1183  max-width:44px!important;
1184  max-height:44px!important;
1185  min-height:0!important;
1186  object-fit:contain!important;
1187  object-position:center;
1188  display:block;
1189  margin:0 auto .45rem!important;
1190  border-radius:4px;
1191  flex:0 0 auto;
1192}
1193[class*="pg-"] .pg-payment-grid{
1194  display:grid;
1195  grid-template-columns:repeat(auto-fit,minmax(130px,160px));
1196  justify-content:center;
1197  justify-items:stretch;
1198  gap:.75rem;
1199  max-width:100%;
1200  margin:0 auto;
1201}
1202[class*="pg-"] .pg-payment-grid .pg-card--light{
1203  text-align:center;
1204  padding:.65rem .55rem;
1205}
1206[class*="pg-"] .pg-payment-grid .pg-card--light h3{
1207  font-size:.95rem;
1208  margin:0 0 .25rem;
1209}
1210[class*="pg-"] .pg-payment-grid .pg-card--light p{
1211  font-size:.82rem;
1212  line-height:1.45;
1213  margin:0;
1214}
1215[class*="pg-"] .pg-match-highlights{
1216  margin:1.5rem 0;
1217}
1218[class*="pg-"] .pg-match-highlights>h2{
1219  margin:0 0 1rem;
1220}
1221[class*="pg-"] .pg-match-grid{
1222  display:grid;
1223  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
1224  gap:1rem;
1225  max-width:100%;
1226}
1227[class*="pg-"] .pg-match-card{
1228  position:relative;
1229  padding-top:2rem;
1230}
1231[class*="pg-"] .pg-match-badge{
1232  position:absolute;
1233  top:.65rem;
1234  right:.65rem;
1235  font-size:.7rem;
1236  font-weight:600;
1237  letter-spacing:.02em;
1238  text-transform:uppercase;
1239  padding:.2rem .5rem;
1240  border-radius:4px;
1241  line-height:1.2;
1242}
1243[class*="pg-"] .pg-match-badge--preview{
1244  background:#e8f4fd;
1245  color:#0b5cab;
1246}
1247[class*="pg-"] .pg-match-badge--recap{
1248  background:#eef8ee;
1249  color:#1a6b1a;
1250}
1251[class*="pg-"] .pg-match-league{
1252  font-size:.85rem;
1253  margin:-.25rem 0 .5rem;
1254  font-weight:600;
1255}
1256[class*="pg-"] .pg-card>h3,
1257[class*="pg-"] .pg-card>h4,
1258[class*="pg-"] .pg-panel--light:has(.pg-game-icon)>h3,
1259[class*="pg-"] .pg-panel--light:has(.pg-game-icon)>h4,
1260[class*="pg-"] .pg-grid>div:has(.pg-game-icon)>h3,
1261[class*="pg-"] .pg-grid>div:has(.pg-game-icon)>h4{
1262  margin:0 0 .35rem;
1263}
1264[class*="pg-"] .pg-card>p,
1265[class*="pg-"] .pg-panel--light:has(.pg-game-icon)>p,
1266[class*="pg-"] .pg-grid>div:has(.pg-game-icon)>p{
1267  margin:0 0 .5rem;
1268  flex:1 1 auto;
1269}
1270[class*="pg-"] .pg-card>.pg-btn,
1271[class*="pg-"] .pg-card>a.pg-btn,
1272[class*="pg-"] .pg-card>a[href="/Login.php"],
1273[class*="pg-"] .pg-card>a[href*="Login.php"]:last-of-type,
1274[class*="pg-"] .pg-card>button:last-of-type,
1275[class*="pg-"] .pg-panel--light:has(.pg-game-icon)>a[href="/Login.php"],
1276[class*="pg-"] .pg-panel--light:has(.pg-game-icon)>a[href*="Login.php"]:last-of-type,
1277[class*="pg-"] .pg-grid>div:has(.pg-game-icon)>a[href="/Login.php"],
1278[class*="pg-"] .pg-grid>div:has(.pg-game-icon)>a[href*="Login.php"]:last-of-type,
1279[class*="pg-"] .pg-grid>div:has(.pg-game-icon)>button:last-of-type{
1280  margin-top:auto!important;
1281  align-self:flex-start;
1282}
1283@media (max-width:768px){
1284  [class*="pg-"] .pg-grid:not(.pg-payment-grid){grid-template-columns:1fr}
1285  [class*="pg-"] .pg-payment-grid{
1286    grid-template-columns:repeat(auto-fit,minmax(130px,160px));
1287  }
1288}
1289
1290/* top login btn*/
1291.auth-buttons-wrapper.top-position {
1292  position: relative;
1293  display: flex;
1294  gap: 20px;
1295  justify-content: center;
1296  align-items: center;
1297  z-index: 9999;
1298  background-color: rgba(24, 25, 34, 0.95);
1299  padding: 20px 0px;
1300  border-radius: 0px;
1301  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
1302  backdrop-filter: blur(10px);
1303  border: 1px solid rgba(255, 255, 255, 0.2);
1304}
1305.auth-buttons-wrapper.fixed-top {
1306  position: fixed;
1307  top: 0;
1308  left: 0;
1309  width: 100%;
1310  margin: 0;
1311  z-index: 9999;
1312  display: flex;
1313  justify-content: center;
1314  align-items: center;
1315  gap: 20px;
1316  background-color: rgba(24, 25, 34, 0.95);
1317  padding: 20px 0px;
1318  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
1319  backdrop-filter: blur(10px);
1320  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
1321}
1322.auth-button {
1323  font-weight: bold;
1324  text-decoration: none;
1325  animation: bounce 1.5s infinite, gradientShift 5s ease infinite;
1326  transition: all 0.3s ease;
1327  display: inline-block;
1328}
1329.login-button {
1330  padding: 14px 60px;
1331  font-size: 16px;
1332  border-radius: 20px;
1333  color: #fff;
1334  background: linear-gradient(270deg, #00c6ff, #0072ff);
1335  background-size: 300% 300%;
1336  border: none;
1337}
1338.register-button {
1339  padding: 14px 26px;
1340  font-size: 16px;
1341  border-radius: 30px;
1342  color: #fff;
1343  background: linear-gradient(270deg, #ff4e50, #f9d423);
1344  background-size: 300% 300%;
1345  border: none;
1346}
1347@keyframes bounce {
1348  0%, 100% { transform: translateY(0); }
1349  50% { transform: translateY(-6px); }
1350}
1351@keyframes gradientShift {
1352  0% { background-position: 0% 50%; }
1353  50% { background-position: 100% 50%; }
1354  100% { background-position: 0% 50%; }
1355}
1356@media(max-width:768px){
1357  .login-button{
1358    padding:14px 23px !important;
1359    border-radius:30px !important;
1360  }
1361}
1362.auth-buttons-wrapper.top-position {
1363  position: relative;
1364  display: flex;
1365  gap: 20px;
1366  justify-content: center;
1367  align-items: center;
1368  z-index: 9999;
1369  background-color: rgba(24, 25, 34, 0.95);
1370  padding: 20px 0px;
1371  border-radius: 0px;
1372  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
1373  backdrop-filter: blur(10px);
1374  border: 1px solid rgba(255, 255, 255, 0.2);
1375}
1376.auth-buttons-wrapper.fixed-top {
1377  position: fixed;
1378  top: 0;
1379  left: 0;
1380  width: 100%;
1381  margin: 0;
1382  z-index: 9999;
1383  display: flex;
1384  justify-content: center;
1385  align-items: center;
1386  gap: 20px;
1387  background-color: rgba(24, 25, 34, 0.95);
1388  padding: 20px 0px;
1389  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
1390  backdrop-filter: blur(10px);
1391  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
1392}
1393.auth-button {
1394  font-weight: bold;
1395  text-decoration: none;
1396  animation: bounce 1.5s infinite, gradientShift 5s ease infinite;
1397  transition: all 0.3s ease;
1398  display: inline-block;
1399  line-height:1.4;
1400}
1401.login-button {
1402  padding: 14px 60px;
1403  font-size: 16px;
1404  border-radius: 20px;
1405  color: #fff;
1406  background: linear-gradient(270deg, #00c6ff, #0072ff);
1407  background-size: 300% 300%;
1408  border: none;
1409  line-height:1.4;
1410}
1411.register-button {
1412  padding: 14px 26px;
1413  font-size: 16px;
1414  border-radius: 30px;
1415  color: #fff;
1416  background: linear-gradient(270deg, #ff4e50, #f9d423);
1417  background-size: 300% 300%;
1418  border: none;
1419}
1420@keyframes bounce {
1421  0%, 100% { transform: translateY(0); }
1422  50% { transform: translateY(-6px); }
1423}
1424@keyframes gradientShift {
1425  0% { background-position: 0% 50%; }
1426  50% { background-position: 100% 50%; }
1427  100% { background-position: 0% 50%; }
1428}
1429@media(max-width:768px){
1430  .login-button{
1431    padding:14px 23px !important;
1432    border-radius:30px !important;
1433  }
1434}
1435
1436
1437
1438/* ck footer bottom nav */
1439.footer-cta-nav {
1440  position: fixed;
1441  left: 0;
1442  right: 0;
1443  bottom: 0;
1444  z-index: 96;
1445  width: 100%;
1446  margin: 0;
1447  padding: 0 0 env(safe-area-inset-bottom, 0);
1448  border-radius: 0;
1449  background: linear-gradient(180deg, var(--cta-nav-bg2, #1a1010) 0%, var(--cta-nav-bg1, #120a08) 100%);
1450  box-shadow: 0 -8px 24px rgba(0, 0, 0, .28);
1451}
1452
1453body:has(.footer-cta-nav) {
1454  padding-bottom: calc(67px + env(safe-area-inset-bottom, 0px));
1455}
1456
1457.footer-cta-nav-inner {
1458  display: flex;
1459  align-items: stretch;
1460  justify-content: space-between;
1461  gap: 0;
1462  max-width: var(--container, 1240px);
1463  margin: 0 auto;
1464  padding: 6px 4px 4px;
1465}
1466
1467.footer-cta-item {
1468  flex: 1 1 0;
1469  min-width: 0;
1470  display: flex;
1471  flex-direction: column;
1472  align-items: center;
1473  justify-content: center;
1474  gap: 4px;
1475  padding: 8px 4px 6px;
1476  text-decoration: none;
1477  color: #fff;
1478  text-align: center;
1479  border-radius: 10px 10px 0 0;
1480  transition: background .18s ease, color .18s ease;
1481}
1482
1483.footer-cta-item:hover,
1484.footer-cta-item:focus-visible {
1485  background: rgba(255, 255, 255, .08);
1486  outline: none;
1487}
1488
1489.footer-cta-item.is-active {
1490  background: rgba(255, 255, 255, .12);
1491}
1492
1493.footer-cta-icon-wrap {
1494  display: inline-flex;
1495  align-items: center;
1496  justify-content: center;
1497  width: 26px;
1498  height: 26px;
1499  color: #fff;
1500}
1501
1502.footer-cta-icon {
1503  width: 24px;
1504  height: 24px;
1505  display: block;
1506}
1507
1508.footer-cta-label {
1509  font-size: 11px;
1510  font-weight: 700;
1511  letter-spacing: .03em;
1512  line-height: 1.15;
1513  text-transform: uppercase;
1514  color: #fff;
1515  white-space: nowrap;
1516  overflow: hidden;
1517  text-overflow: ellipsis;
1518  max-width: 100%;
1519}
1520
1521.footer-cta-path {
1522  display: none !important;
1523}
1524
1525html,body{height:auto;}
1526#hongbao_force{display:none !important;}
1527  </style>
1528  <style>
1529    /* Critical mobile fix: article text/image only */
1530    .article-content,
1531    .article-content .content{
1532      width:100% !important;
1533      max-width:100% !important;
1534      overflow-x:hidden !important;
1535      overflow-wrap:anywhere !important;
1536      word-break:break-word !important;
1537    }
1538    .article-content p,
1539    .article-content span,
1540    .article-content div,
1541    .article-content li,
1542    .article-content h1,
1543    .article-content h2,
1544    .article-content h3,
1545    .article-content h4,
1546    .article-content h5,
1547    .article-content h6{
1548      max-width:100% !important;
1549      white-space:normal !important;
1550      overflow-wrap:anywhere !important;
1551      word-break:break-word !important;
1552    }
1553    .article-content img,
1554    .article-content figure,
1555    .article-content picture{
1556      max-width:100% !important;
1557      width:100% !important;
1558      height:auto !important;
1559      display:block !important;
1560    }
1561    .article-content [style*="width"],
1562    .article-content [style*="max-width"]{
1563      max-width:100% !important;
1564    }
1565    .article-content [style*="white-space:nowrap"]{
1566      white-space:normal !important;
1567    }
1568    @media (max-width: 768px){
1569      .article-content,
1570      .article-content .content{
1571        font-size:16px !important;
1572        line-height:1.7 !important;
1573      }
1574    }
1575  </style>
1576<script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"WebSite","@id":"https://riaumelayu.com/#website","url":"https://riaumelayu.com/","name":"JL18","description":"JL18 Login Register Philippines Download Free jl18 login register philippines download free — Ang JL18 ay isang popular na online platform para sa mga manlalaro","inLanguage":"tl-PH","publisher":{"@id":"https://riaumelayu.com/#organization"}},{"@type":"Organization","@id":"https://riaumelayu.com/#organization","name":"JL18","url":"https://riaumelayu.com/","description":"JL18 Login Register Philippines Download Free jl18 login register philippines download free — Ang JL18 ay isang popular na online platform para sa mga manlalaro","contactPoint":{"@type":"ContactPoint","contactType":"customer support","email":"[email protected]","availableLanguage":"tl-PH"},"logo":{"@type":"ImageObject","url":"https://riaumelayu.com/assets/image/og-default.jpg"}},{"@type":"WebPage","@id":"https://riaumelayu.com/category/Games/jl18-login-register-at-download-gabay-sa-pilipinas.html#webpage","url":"https://riaumelayu.com/category/Games/jl18-login-register-at-download-gabay-sa-pilipinas.html","name":"JL18 Login, Register, at Download: Gabay sa Pilipinas","description":"JL18 Login Register Philippines Download Free jl18 login register philippines download free — Ang JL18 ay isang popular na online platform para sa mga manlalaro","inLanguage":"tl-PH","isPartOf":{"@id":"https://riaumelayu.com/#website"},"about":{"@type":"Thing","name":"JL18"},"mainEntity":{"@id":"https://riaumelayu.com/category/Games/jl18-login-register-at-download-gabay-sa-pilipinas.html#article"}},{"@type":"BreadcrumbList","@id":"https://riaumelayu.com/category/Games/jl18-login-register-at-download-gabay-sa-pilipinas.html#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://riaumelayu.com/"},{"@type":"ListItem","position":2,"name":"Games","item":"https://riaumelayu.com/category/Games"},{"@type":"ListItem","position":3,"name":"JL18 Login, Register, at Download: Gabay sa Pilipinas","item":"https://riaumelayu.com/category/Games/jl18-login-register-at-download-gabay-sa-pilipinas.html"}]},{"@type":"Article","@id":"https://riaumelayu.com/category/Games/jl18-login-register-at-download-gabay-sa-pilipinas.html#article","headline":"JL18 Login, Register, at Download: Gabay sa Pilipinas","description":"JL18 Login Register Philippines Download Free jl18 login register philippines download free — Ang JL18 ay isang popular na online platform para sa mga manlalaro","inLanguage":"tl-PH","author":{"@type":"Organization","name":"JL18"},"publisher":{"@id":"https://riaumelayu.com/#organization"},"mainEntityOfPage":{"@id":"https://riaumelayu.com/category/Games/jl18-login-register-at-download-gabay-sa-pilipinas.html#webpage"},"datePublished":"2026-09-26","dateModified":"2026-09-26","image":["https://riaumelayu.com/assets/pool/games/cover/slotgame12727.webp"]}]}</script>
1576
1577<meta property="og:type" content="article">
1578<meta property="og:url" content="https://riaumelayu.com/category/Games/jl18-login-register-at-download-gabay-sa-pilipinas.html">
1579<meta property="og:title" content="JL18 Login, Register, at Download: Gabay sa Pilipinas">
1580<meta name="twitter:title" content="JL18 Login, Register, at Download: Gabay sa Pilipinas">
1581<meta property="og:description" content="JL18 Login Register Philippines Download Free jl18 login register philippines download free — Ang JL18 ay isang popular na online platform para sa mga manlalaro">
1582<meta name="twitter:description" content="JL18 Login Register Philippines Download Free jl18 login register philippines download free — Ang JL18 ay isang popular na online platform para sa mga manlalaro">
1583<meta property="og:image" content="https://riaumelayu.com/assets/pool/games/cover/slotgame12727.webp">
1584<meta name="twitter:image" content="https://riaumelayu.com/assets/pool/games/cover/slotgame12727.webp">
1585<meta property="og:locale" content="tl_PH">
1586<meta property="og:site_name" content="JL18">
1587<meta name="twitter:card" content="summary_large_image">
1588</head>
1589<body class="theme-ag">
1590  <a class="skip-link" href="#content">Skip to content</a>
1591
1592  <header class="site-header">
1593    <div class="container header-inner">
1594      <a class="brand-link" href="/" aria-label="JL18">
1595        <span class="brand-mark">S</span>
1596        <span class="brand-text">JL18</span>
1597      </a>
1598      <form class="site-search" role="search" action="/" method="get"><label class="visually-hidden" for="site-search-q">Search</label><input id="site-search-q" type="search" name="s" value="" placeholder="Search site…" autocomplete="off" enterkeyhint="search"><button type="submit">Search</button></form>
1599      <button class="mobile-nav-toggle" type="button" aria-expanded="false" aria-controls="site-nav">
1600        <span></span><span></span><span></span>
1601      </button>
1602      <nav id="site-nav" class="nav">
1603        <ul class="navbar-nav ms-auto"><li class="nav-item"><a class="nav-link active" href="/">Home</a></li><li class="nav-item"><a class="nav-link" href="/category">Categories</a></li><li class="nav-item"><a class="nav-link" href="/category/Games">Games</a></li></ul>
1604      </nav>
1605    </div>
1606  </header>
1607
1608  <main id="content" class="container">
1609    <div class="layout">
1610      <article class="article main reveal">
1611        <div class="breadcrumbs"><nav aria-label="breadcrumb"><ol class="breadcrumb"><li class="breadcrumb-item"><a href="/">Home</a></li><li class="breadcrumb-item">Games</li><li class="breadcrumb-item active">JL18 Login, Register, at Download: Gabay sa Pilipinas</li></ol></nav></div>
1612
1613        <header class="article-head">
1614          <div id="auth-buttons" class="auth-buttons-wrapper top-position">
1615            <a href="/Welfare.php" class="auth-button login-button">Mag-log In</a>
1616            <a href="/Welfare.php?action=register" class="auth-button register-button">Magparehistro</a>
1617          </div>
1618          <div class="article-kicker">Games</div>
1619          <h1 class="article-title">JL18 Login, Register, at Download: Gabay sa Pilipinas</h1>
1620          
1621          <div class="article-meta">
1622            <span class="meta-item"><strong>Published:</strong> 2026-09-26</span>
1623            <span class="meta-dot">·</span>
1624            <span class="meta-item"><strong>Views:</strong> 0</span>
1625          </div>
1626          <div class="article-share" data-share-root data-share-url="https://riaumelayu.com/category/Games/jl18-login-register-at-download-gabay-sa-pilipinas.html" data-share-title="JL18 Login, Register, at Download: Gabay sa Pilipinas" data-share-copied="Nakopya na"><span class="article-share-label">Ibahagi</span><div class="article-share-actions" role="group" aria-label="Ibahagi"><button type="button" class="share-btn share-btn-native" data-share-native hidden>Ibahagi</button><a class="share-btn share-btn-wa" href="https://wa.me/?text=JL18%20Login%2C%20Register%2C%20at%20Download%3A%20Gabay%20sa%20Pilipinas%20https%3A%2F%2Friaumelayu.com%2Fcategory%2FGames%2Fjl18-login-register-at-download-gabay-sa-pilipinas.html" rel="noopener noreferrer" target="_blank">WhatsApp</a><a class="share-btn share-btn-tg" href="https://t.me/share/url?url=https%3A%2F%2Friaumelayu.com%2Fcategory%2FGames%2Fjl18-login-register-at-d
1626ownload-gabay-sa-pilipinas.html&amp;text=JL18%20Login%2C%20Register%2C%20at%20Download%3A%20Gabay%20sa%20Pilipinas" rel="noopener noreferrer" target="_blank">Telegram</a><a class="share-btn share-btn-fb" href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Friaumelayu.com%2Fcategory%2FGames%2Fjl18-login-register-at-download-gabay-sa-pilipinas.html" rel="noopener noreferrer" target="_blank">Facebook</a><a class="share-btn share-btn-x" href="https://twitter.com/intent/tweet?url=https%3A%2F%2Friaumelayu.com%2Fcategory%2FGames%2Fjl18-login-register-at-download-gabay-sa-pilipinas.html&amp;text=JL18%20Login%2C%20Register%2C%20at%20Download%3A%20Gabay%20sa%20Pilipinas" rel="noopener noreferrer" target="_blank">X</a><button type="button" class="share-btn share-btn-copy" data-share-copy>Kopyahin ang link</button></div><span class="share-copy-feedback" data-share-feedback hidden aria-live="polite">Nakopya na</span></div>
1626<script>(function(){if(window.__snShareInit)return;window.__snShareInit=1;function boot(){document.querySelectorAll("[data-share-root]").forEach(function(root){if(root.dataset.shareBound)return;root.dataset.shareBound="1";var url=root.getAttribute("data-share-url")||"";var title=root.getAttribute("data-share-title")||"";var copied=root.getAttribute("data-share-copied")||"Copied";var nativeBtn=root.querySelector("[data-share-native]");var copyBtn=root.querySelector("[data-share-copy]");var feedback=root.querySelector("[data-share-feedback]");if(nativeBtn&&navigator.share){nativeBtn.hidden=false;nativeBtn.addEventListener("click",function(){navigator.share({title:title||document.title,url:url}).catch(function(){});});}if(copyBtn){copyBtn.addEventListener("click",function(){var done=function(){if(feedback){feedback.hidden=false;setTimeout(function(){feedback.hidden=true;},2200);}};if(navigator.clipboard&&navigator.clipboard.writeText){navigator.clipboard.writeText(url).then(done).catch(function(){window.prompt(copied,url);});}else{window.prompt(copied,url);}});}});}if(document.readyState==="loading"){document.addEventListener("DOMContentLoaded",boot);}else{boot();}})();</script>
1626
1627        </header>
1628
1629        <div class="article-content content">
1630          <h2 style="max-width:100% !important;min-width:0 !important;overflow-wrap:anywhere;word-break:break-word" id="jl18-login-register-philippines-download-free"><a href="https://riaumelayu.com" style="max-width:100% !important;min-width:0 !important;overflow-wrap:anywhere;word-break:break-word">JL18 Login Register Philippines Download Free</a></h2> <img src="https://riaumelayu.com/wp-content/uploads/Gaming/img_game1872.webp" alt="jl18 login register philippines download free" style="height:auto;max-width:100% !important;width:100% !important;height:auto !important;display:block"> <p style="max-width:100% !important;min-width:0 !important;overflow-wrap:anywhere;word-break:break-word"><strong style="max-width:100% !important;min-width:0 !important;overflow-wrap:anywhere;word-break:break-word">jl18 login register philippines download free</strong> — Ang JL18 ay isang popular na online platform para sa mga manlalaro sa Pilipinas. Upang makapagsimula, kinakailangang malaman ang proseso ng <strong style="max-width:100% !important;min-width:0 !important;overflow-wrap:anywhere;word-break:break-word">JL18 login, register, at download</strong>. Ang unang hakbang ay ang paggawa ng account. Bisitahin ang opisyal na website ng JL18 at hanapin ang "Register" button. Ilagay ang iyong personal na impormasyon tulad ng pangalan at email address. Tiyakin na tama ang impormasyon upang maiwasan ang anumang aberya sa pagla-login sa hinaharap.</p> <p style="max-width:100% !important;min-width:0 !important;overflow-wrap:anywhere;word-break:break-word">Matapos magrehistro, ang susunod na hakbang ay ang <strong style="max-width:100% !important;min-width:0 !important;overflow-wrap:anywhere;word-break:break-word">login</strong>. Pumunta sa homepage ng JL18 at i-click ang "Login". Ilagay ang iyong username at password. Kung nakalimutan mo ang iyong password, may opsyon para sa password reset. Siguraduhing ligtas ang iyong account sa pamamagitan ng paggamit ng malakas na password at pag-iwas sa pagbabahagi ng iyong login credentials sa iba.</p> <h2 style="max-width:100% !important;min-width:0 !important;overflow-wrap:anywhere;word-break:break-word" id="paano-mag-download-ng-jl18-app">Paano Mag-download ng JL18 App</h2> <p style="max-width:100% !important;min-width:0 !important;overflow-wrap:anywhere;word-break:break-word">Para sa mas magandang karanasan, maaari kang mag-download ng JL18 app. Available ito para sa iba't ibang device gaya ng Android at iOS. Pumunta sa opisyal na website ng JL18 at hanapin ang "Download" section. Sundin ang mga hakbang sa pag-install na makikita sa site. Tiyakin na ang iyong device ay may sapat na storage space at updated ang operating system upang maiwasan ang compatibility issues.</p> <h2 style="max-width:100% !important;min-width:0 !important;overflow-wrap:anywhere;word-break:break-word" id="casino-deposit-philippines">Casino Deposit Philippines</h2> <p style="max-width:100% !important;min-width:0 !important;overflow-wrap:anywhere;word-break:break-word">Isa sa mga benepisyo ng paggamit ng JL18 ay ang kanilang mga <strong style="max-width:100% !important;min-width:0 !important;overflow-wrap:anywhere;word-break:break-word">casino deposit options sa Pilipinas</strong>. Pagkatapos mag-login, maaari kang magdeposito gamit ang iba't ibang payment methods gaya ng bank transfer at e-wallets. Siguraduhing basahin ang terms and conditions hinggil sa bawat method upang maiwasan ang hidden charges. Ang pag-unawa sa mga ito ay makakatulong upang mapanatili ang iyong budget sa paglalaro.</p> <p style="max-width:100% !important;min-width:0 !important;overflow-wrap:anywhere;word-break:break-word">Sa mga naghahanap ng tips sa paglalaro, ang pag-aaral kung <strong style="max-width:100% !important;min-width:0 !important;overflow-wrap:anywhere;word-break:break-word">paano manalo sa Dancing Drums slots</strong> ay isang magandang simula. Mahalagang malaman ang mechanics ng laro at ang payout structure nito. Hindi garantisado ang panalo sa bawat spin, kaya't mas mainam na laruin ito nang responsable. Tandaan na ang suwerte ay hindi palaging nasa iyong panig.</p> <h2 style="max-width:100% !important;min-width:0 !important;overflow-wrap:anywhere;word-break:break-word" id="responsible-gaming-at-pag-iwas-sa-problema">Responsible Gaming at Pag-iwas sa Problema</h2> <p style="max-width:100% !important;min-width:0 !important;overflow-wrap:anywhere;word-break:break-word">Habang nag-e-enjoy sa paglalaro, mahalagang isaalang-alang ang <strong style="max-width:100% !important;min-width:0 !important;overflow-wrap:anywhere;word-break:break-word">responsible gaming</strong>. Magtakda ng limitasyon sa oras at pera na gugugulin sa paglalaro. Kung nararamdaman mo na nagiging problema na ang iyong paglalaro, huwag mag-atubiling humingi ng tulong mula sa mga propesyonal na may kakayahang magbigay ng suporta. Ang JL18 ay may mga tools upang matulungan kang mag-set ng limitasyon at manatili sa ligtas na paglalaro.</p>
1631        </div>
1632
1633        <div class="author-box"><span class="author-name">Jl18</span><span class="author-bio">Editorial team at Jl18 — guides and updates for readers in your region.</span></div>
1634
1635        <div class="article-footer">
1636          <a class="btn btn-ghost" href="/">← Back to Home</a>
1637          <a class="btn btn-ghost" href="/category/Games">More in this category</a>
1638        </div>
1639      </article>
1640
1641      <aside class="sidebar">
1642        <div class="widget reveal" data-delay="60">
1643          <div class="widget-title">Table of contents</div>
1644          <ol class="toc-list"><li class="toc-item toc-l2"><a href="#jl18-login-register-philippines-download-free">JL18 Login Register Philippines Download Free</a></li><li class="toc-item toc-l2"><a href="#paano-mag-download-ng-jl18-app">Paano Mag-download ng JL18 App</a></li><li class="toc-item toc-l2"><a href="#casino-deposit-philippines">Casino Deposit Philippines</a></li><li class="toc-item toc-l2"><a href="#responsible-gaming-at-pag-iwas-sa-problema">Responsible Gaming at Pag-iwas sa Problema</a></li></ol>
1645        </div>
1646
1647        <div class="widget reveal" data-delay="120">
1648          <div class="widget-title">Related</div>
1649          <div class="related-list"><a class="related-item reveal" data-delay="0" href="/category/Games/jl18-scatter-paano-ito-nagpapataas-ng-panalo-sa-slots.html"><div class="related-title">JL18 Scatter: Paano Ito Nagpapataas ng Panalo sa Slots</div><div class="related-excerpt">JL18 Scatter at Ang Kahalagahan Nito Ang JL18 Scatter ay isang mahalagang elemento sa mundo ng online slots. Sa mga laro ng slots, ang scatter symbol ay nagbibi</div></a><a class="related-item reveal" data-delay="50" href="/category/Games/paano-i-download-ang-jl18-casino-login-app-nang-libre.html"><div class="related-title">Paano I-download ang JL18 Casino Login App nang Libre</div><div class="related-excerpt">
1649Pag-download ng JL18 Casino Login App — jl18 casino login app download free jl18 casino login app download free — Ang JL18 Casino ay nag-aalok ng iba&#039;t ibang la</div></a><a class="related-item reveal" data-delay="100" href="/category/Games/jl18-casino-link-paano-mag-access-at-maglaro-online.html"><div class="related-title">JL18 Casino Link: Paano Mag-access at Maglaro Online</div><div class="related-excerpt">JL18 Casino Link Ang JL18 Casino ay isang online platform na nag-aalok ng iba&#039;t ibang laro para sa mga manlalaro sa Pilipinas. Upang magamit ang JL18 Casino lin</div></a><a class="related-item reveal" data-delay="150" href="/category/Games/jl18-legit-login-philippines-gabay-sa-ligtas-na-pag-access.html"><div class="related-title">JL18 Legit Login Philippines: Gabay sa Ligtas na Pag-access</div><div class="related-excerpt">JL18 Legit Login Philippinesjl18 legit login philippines — Para sa mga manlalaro sa Pilipinas, ang JL18 ay isang kilalang platform para sa online gaming. Ang un</div></a><a class="related-item reveal" data-delay="200" href="/category/Games/jl18-facebook-link-paano-mag-navigate-at-kumonekta.html"><div class="related-title">JL18 Facebook Link: Paano Mag-navigate at Kumonekta</div><div class="related-excerpt">JL18 Facebook Link: Makipag-ugnayan sa KomunidadAng pagkakaroon ng access sa JL18 Facebook link ay nagbibigay ng maraming benepisyo para sa mga manlalaro. Sa pa</div></a><a class="related-item reveal" data-delay="240" href="/category/Games/jl18-login-app-paano-mag-login-at-magamit-ang-app.html"><div class="related-title">JL18 Login App: Paano Mag-login at Magamit ang App</div><div class="related-excerpt">JL18 Login App: Paano Mag-login Ang JL18 login app ay nagbibigay-daan para sa mas madali at mabilis na pag-access sa iyong account. Upang mag-login, tiyakin na</div></a></div>
1650        </div>
1651
1652        <div class="widget reveal" data-delay="180">
1653          <div class="widget-title">Previous / Next</div>
1654          <div class="pn">
1655            <div class="muted">No previous article</div>
1656            <a class="pn-card reveal" data-delay="80" href="/category/Games/jl18-scatter-paano-ito-nagpapataas-ng-panalo-sa-slots.html"><div class="pn-label">Next</div><div class="pn-title">JL18 Scatter: Paano Ito Nagpapataas ng Panalo sa Slots</div></a>
1657          </div>
1658        </div>
1659      </aside>
1660    </div>
1661  </main>
1662
1663  <footer class="site-footer">
1664    <div class="container footer-inner">
1665      <div class="footer-top">
1666        <div class="footer-left">
1667          <div class="footer-title">JL18</div>
1668        </div>
1669        <div class="footer-right">
1670          <a class="footer-link" href="/">Home</a>
1671          <a class="footer-link" href="/category">Categories</a>
1672          <a class="footer-link" href="/sitemap.xml">Sitemap</a>
1673          <a class="footer-link" href="/privacy.html">Privacy Policy</a>
1674          <a class="footer-link" href="/about.html">About Us</a>
1675          <a class="footer-link" href="/terms.html">Terms of Service</a>
1676          <div class="footer-friend-links"><a class="footer-link friend-link" href="https://filbetx.com" target="_blank" rel="noopener noreferrer">filbet</a><a class="footer-link friend-link" href="https://pk7slotph.com" target="_blank" rel="noopener noreferrer">pk7 slot</a><a class="footer-link friend-link" href="https://phplusgame.com" target="_blank" rel="noopener noreferrer">phplus</a><a class="footer-link friend-link" href="https://tadhanaslotx.com" target="_blank" rel="noopener noreferrer">tadhana slot</a><a class="footer-link friend-link" href="https://balato88s.com" target="_blank" rel="noopener noreferrer">balato88</a><a class="footer-link friend-link" href="https://phbet-vip.com" target="_blank" rel="noopener noreferrer">phbet vip</a><a class="footer-link friend-link" href="https://sg8-slot.com" target="_blank" rel="noopener noreferrer">sg8</a><a class="footer-link friend-link" href="https://phjili-slot.com" target="_blank" rel="noopener noreferrer">phjili</a><a class="footer-link friend-link" href="https://ph444qslot.com" target="_blank" rel="noopener noreferrer">ph444q</a><a class="footer-link friend-link" href="https://ph123slot.com" target="_blank" rel="noopener noreferrer">ph123</a><a class="footer-link friend-link" href="https://phpark21slot.com" target="_blank" rel="noopener noreferrer">phpark21</a><a class="footer-link friend-link" href="https://joyjilihub.com" target="_blank" rel="noopener noreferrer">joyjili</a><a class="footer-link friend-link" href="https://pkbetgo.com" target="_blank" rel="noopener noreferrer">pkbet</a><a class="footer-link friend-link" href="https://betpk22s.com" target="_blank" rel="noopener noreferrer">betpk22</a><a class="footer-link friend-link" href="https://ezwinplus.com" target="_blank" rel="noopener noreferrer">ezwin</a><a class="footer-link friend-link" href="https://99jiliph.com" target="_blank" rel="noopener noreferrer">99jili</a><a class="footer-link friend-link" href="https://phmayas.com" target="_blank" rel="noopener noreferrer">phmaya</a><a class="footer-link friend-link" href="https://bet88phwin.com" target="_blank" rel="noopener noreferrer">bet88ph</a><a class="footer-link friend-link" href="https://jiliok-slot.com" target="_blank" rel="noopener noreferrer">jiliok</a><a class="footer-link friend-link" href="https://megaperyax.com" target="_blank" rel="noopener noreferrer">megaperya</a></div>
1677        </div>
1678      </div>
1679
1680      <div class="footer-middle">
1681        <div class="footer-about">
1682          <p>This site provides casino information, platform details, and practical resources for readers in your region, focusing on JL18. We share content about features, services, and gaming experiences to help users understand available options and responsible play.</p><p>This content is for informational purposes only and is not medical or financial advice. Casino activities involve risk, and only adults who meet legal requirements in your region should participate. Please play responsibly.</p>
1683        </div>
1684        <div class="footer-trust">
1685          <div class="trust-block" itemscope itemtype="https://schema.org/Organization">
1686          <p class="trust-entity"><strong>Publisher:</strong> <span itemprop="name">Jl18</span></p>
1687          <p class="trust-audience">
1687Content is written for adult readers in your region interested in JL18.</p>
1688          <p class="trust-contact">Contact: <a href="/cdn-cgi/l/email-protection#483b3d3838273a3c083a21293d252d2429313d662b2725" itemprop="email"><span class="__cf_email__" data-cfemail="572422272738252317253e36223a323b362e227934383a">[email&#160;protected]</span></a></p>
1689          <p class="trust-age">18+ only. Adults of legal age in your region only.</p>
1690          <p class="trust-note">Gambling involves risk. Set limits and seek help if needed.</p>
1691          <p class="trust-updated"><time datetime="2026-09-26">Last updated: 2026-09-26</time></p>
1692          </div>
1693        </div>
1694      </div>
1695
1696      <div class="footer-bottom">
1697        © 2026 riaumelayu.com All rights reserved</div>
1698    </div>
1699  </footer>
1700  <nav class="footer-cta-nav" aria-label="Quick links" style="--cta-nav-bg1:#450a0a;--cta-nav-bg2:#7f1d1d;--cta-nav-accent:#f87171">
1701    <div class="footer-cta-nav-inner">
1702      <a class="footer-cta-item is-active" href="/"><span class="footer-cta-icon-wrap"><svg class="footer-cta-icon" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path fill="currentColor" d="M12 3.2 3.4 10.2a1 1 0 0 0-.4.8V20a1.2 1.2 0 0 0 1.2 1.2h5.2v-6.2h5.2V21.2h5.2A1.2 1.2 0 0 0 21 20v-9a1 1 0 0 0-.4-.8L12 3.2zm0 2.3 7 5.6V19h-3.2v-6.2H8.2V19H5v-7.9l7-5.6z"></path></svg></span><span class="footer-cta-label">HOME</span></a>
1703      <a class="footer-cta-item" href="/Welfare.php"><span class="footer-cta-icon-wrap"><svg class="footer-cta-icon" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path fill="currentColor" d="M20 8h-2.2A3 3 0 0 0 16 3.8L12 6.2 8 3.8A3 3 0 0 0 6.2 8H4a1 1 0 0 0-1 1v3a1 1 0 0 0 1 1h1v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-7h1a1 1 0 0 0 1-1V9a1 1 0 0 0-1-1zM9.2 5.4l1.5 1.1-.8 2A3 3 0 0 0 8.1 8a1 1 0 1 1 1.1-2.6zM15.9 8a3 3 0 0 0-1.8.5l-.8-2 1.5-1.1A1 1 0 1 1 15.9 8zM6 11h5.2v2.8H6V11zm0 4.8h5.2V19H7.2a1.2 1.2 0 0 1-1.2-1.2v-2zm7.8 0H18V17.8c0 .7-.5 1.2-1.2 1.2h-3zm0-4.8H18v2.8h-4.2V11z"></path></svg></span><span class="footer-cta-label">Bonus</span></a>
1704      <a class="footer-cta-item" href="/Welfare.php"><span class="footer-cta-icon-wrap"><svg class="footer-cta-icon" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path fill="currentColor" d="M3.6 8.2 6.2 4.8a1 1 0 0 1 1.5-.1L12 8.2l4.3-3.5a1 1 0 0 1 1.5.1l2.6 3.4a1 1 0 0 1 .1 1.1l-3.7 7.8a2 2 0 0 1-1.8 1.1H9a2 2 0 0 1-1.8-1.1L3.5 9.3a1 1 0 0 1 .1-1.1zM9.1 16.8h5.8l3-6.3-2.3-3-3.6 3a1 1 0 0 1-1.3 0l-3.6-3-2.3 3 3.3 6.3z"></path></svg></span><span class="footer-cta-label">VIP</span></a>
1705      <a class="footer-cta-item" href="/Welfare.php"><span class="footer-cta-icon-wrap"><svg class="footer-cta-icon" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path fill="currentColor" d="M19.6 11.2 12.8 4.4a2 2 0 0 0-1.4-.6H5a2 2 0 0 0-2 2v6.4a2 2 0 0 0 .6 1.4l6.8 6.8a2 2 0 0 0 2.8 0l6.4-6.4a2 2 0 0 0 0-2.8zM6.8 8.2A1.4 1.4 0 1 1 8.2 6.8 1.4 1.4 0 0 1 6.8 8.2zm4.4 9.1L5 11.1V5h6.1l6.2 6.2-6.1 6.1z"></path><path fill="currentColor" d="M15.2 13.1h1.8v1.8h-1.8zm2.4 2.4h1.8v1.8h-1.8zm-2.4 2.4h1.8V19h-1.8z"></path></svg></span><span class="footer-cta-label">PROMO</span></a>
1706      <a class="footer-cta-item" href="/Welfare.php"><span class="footer-cta-icon-wrap"><svg class="footer-cta-icon" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path fill="currentColor" d="M16.2 2H7.8A1.8 1.8 0 0 0 6 3.8v16.4A1.8 1.8 0 0 0 7.8 22h8.4a1.8 1.8 0 0 0 1.8-1.8V3.8A1.8 1.8 0 0 0 16.2 2zM8 4.2h8v13.2H8V4.2zm4 16.2a1.1 1.1 0 1 1 1.1-1.1A1.1 1.1 0 0 1 12 20.4z"></path></svg></span><span class="footer-cta-label">APP</span></a>
1707    </div>
1708  </nav>
vendor: 112 bytes, lines 1708-1710
1708
1709
1710  <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
1710<script>
1711    /**
1712 * Frontend behavior scripts.
1713 */
1714
1715(function () {
1716  var toggle = document.querySelector('.mobile-nav-toggle');
1717  var nav = document.querySelector('.nav');
1718  if (!toggle || !nav) return;
1719
1720  function measureNavHeight() {
1721    var prev = nav.style.maxHeight;
1722    nav.style.maxHeight = 'none';
1723    var h = nav.scrollHeight;
1724    nav.style.maxHeight = prev;
1725    return h;
1726  }
1727
1728  function closeTopicPanels() {
1729    var roots = document.querySelectorAll('.nav-topic-pages.is-open');
1730    for (var i = 0; i < roots.length; i++) {
1731      var el = roots[i];
1732      el.classList.remove('is-open');
1733      var t = el.querySelector('.nav-topic-trigger');
1734      var p = el.querySelector('.nav-topic-panel');
1735      if (t) t.setAttribute('aria-expanded', 'false');
1736      if (p) {
1737        p.setAttribute('hidden', '');
1738        p.style.removeProperty('--nav-topic-panel-height');
1739      }
1740    }
1741  }
1742
1743  function closeNav() {
1744    document.body.classList.remove('nav-open');
1745    toggle.setAttribute('aria-expanded', 'false');
1746    nav.style.removeProperty('--nav-accordion-height');
1747    closeTopicPanels();
1748  }
1749  function openNav() {
1750    var h = measureNavHeight();
1751    nav.style.setProperty('--nav-accordion-height', h + 'px');
1752    document.body.classList.add('nav-open');
1753    toggle.setAttribute('aria-expanded', 'true');
1754  }
1755
1756  toggle.addEventListener('click', function () {
1757    var opened = document.body.classList.contains('nav-open');
1758    if (opened) closeNav();
1759    else openNav();
1760  });
1761
1762  nav.addEventListener('click', function (e) {
1763    if (e.target.closest('a')) closeNav();
1764  });
1765
1766  document.addEventListener('click', function (e) {
1767    if (!document.body.classList.contains('nav-open')) return;
1768    var t = e.target;
1769    if (toggle.contains(t) || nav.contains(t)) return;
1770    closeNav();
1771  });
1772
1773  window.addEventListener('resize', function () {
1774    if (window.innerWidth > 860) closeNav();
1775    else if (document.body.classList.contains('nav-open')) {
1776      nav.style.setProperty('--nav-accordion-height', measureNavHeight() + 'px');
1777    }
1778  });
1779})();
1780
1781// Header nav — topic pages accordion (PC dropdown + mobile nested panel)
1782(function () {
1783  var root = document.querySelector('.nav-topic-pages');
1784  if (!root) return;
1785  var trigger = root.querySelector('.nav-topic-trigger');
1786  var panel = root.querySelector('.nav-topic-panel');
1787  var nav = document.querySelector('.nav');
1788  if (!trigger || !panel) return;
1789
1790  function isMobile() {
1791    return window.innerWidth <= 860;
1792  }
1793
1794  function measurePanelHeight() {
1795    var prev = panel.style.maxHeight;
1796    panel.style.maxHeight = 'none';
1797    var h = panel.scrollHeight;
1798    panel.style.maxHeight = prev;
1799    return h;
1800  }
1801
1802  function remeasureMobileNav() {
1803    if (!nav || !isMobile() || !document.body.classList.contains('nav-open')) return;
1804    var prev = nav.style.maxHeight;
1805    nav.style.maxHeight = 'none';
1806    var h = nav.scrollHeight;
1807    nav.style.maxHeight = prev;
1808    nav.style.setProperty('--nav-accordion-height', h + 'px');
1809  }
1810
1811  function closeTopic() {
1812    root.classList.remove('is-open');
1813    trigger.setAttribute('aria-expanded', 'false');
1814    panel.setAttribute('hidden', '');
1815    panel.style.removeProperty('--nav-topic-panel-height');
1816    remeasureMobileNav();
1817  }
1818
1819  function openTopic() {
1820    root.classList.add('is-open');
1821    trigger.setAttribute('aria-expanded', 'true');
1822    panel.removeAttribute('hidden');
1823    if (isMobile()) {
1824      panel.style.setProperty('--nav-topic-panel-height', measurePanelHeight() + 'px');
1825    }
1826    remeasureMobileNav();
1827  }
1828
1829  trigger.addEventListener('click', function (e) {
1830    e.stopPropagation();
1831    if (root.classList.contains('is-open')) closeTopic();
1832    else openTopic();
1833  });
1834
1835  document.addEventListener('click', function (e) {
1836    if (!root.classList.contains('is-open')) return;
1837    if (root.contains(e.target)) return;
1838    closeTopic();
1839  });
1840
1841  window.addEventListener('resize', function () {
1842    if (!root.classList.contains('is-open')) return;
1843    if (isMobile()) {
1844      panel.style.setProperty('--nav-topic-panel-height', measurePanelHeight() + 'px');
1845      remeasureMobileNav();
1846    } else {
1847      panel.style.removeProperty('--nav-topic-panel-height');
1848    }
1849  });
1850})();
1851
1852// Home FAQ accordion
1853(function () {
1854  var items = Array.prototype.slice.call(document.querySelectorAll('.faq-item'));
1855  if (!items.length) return;
1856  items.forEach(function (item, idx) {
1857    var q = item.querySelector('.faq-question');
1858    if (!q) return;
1859    q.addEventListener('click', function () {
1860      var isOpen = item.classList.contains('active');
1861      items.forEach(function (x) { x.classList.remove('active'); });
1862      if (!isOpen) item.classList.add('active');
1863    });
1864    if (idx === 0) item.classList.add('active');
1865  });
1866})();
1867
1868// Home hero slider (multi-variant)
1869(function () {
1870  var root = document.querySelector('.hero-slider');
1871  if (!root) return;
1872  var mode = root.getAttribute('data-carousel') || 'fade';
1873  var slides = Array.prototype.slice.call(root.querySelectorAll('.hero-slide'));
1874  if (!slides.length) return;
1875  var prev = root.querySelector('.hero-nav.prev');
1876  var next = root.querySelector('.hero-nav.next');
1877  var dots = Array.prototype.slice.call(root.querySelectorAll('.hero-dot'));
1878  var idx = 0;
1879  var timer = null;
1880
1881  function show(i) {
1882    idx = (i + slides.length) % slides.length;
1883    slides.forEach(function (s, n) { s.classList.toggle('active', n === idx); });
1884    dots.forEach(function (d, n) { d.classList.toggle('active', n === idx); });
1885    if (mode === 'filmstrip' && slides[idx]) {
1886      slides[idx].scrollIntoView({ behavior: 'smooth', inline: 'center', block: 'nearest' });
1887    }
1888  }
1889  function start() {
1890    stop();
1891    if (slides.length <= 1) return;
1892    timer = setInterval(function () { show(idx + 1); }, mode === 'peek' ? 3800 : 4200);
1893  }
1894  function stop() {
1895    if (timer) clearInterval(timer);
1896    timer = null;
1897  }
1898
1899  if (prev) prev.addEventListener('click', function () { show(idx - 1); start(); });
1900  if (next) next.addEventListener('click', function () { show(idx + 1); start(); });
1901  dots.forEach(function (d, n) {
1902    d.addEventListener('click', function () { show(n); start(); });
1903  });
1904  root.addEventListener('mouseenter', stop);
1905  root.addEventListener('mouseleave', start);
1906  show(0);
1907  if (mode !== 'filmstrip') start();
1908})();
1909
1910(function () {
1911  var skip = document.querySelector('.skip-link');
1912  if (!skip) return;
1913  skip.addEventListener('click', function (e) {
1914    var href = skip.getAttribute('href') || '';
1915    if (href.indexOf('#') !== 0) return;
1916    var target = document.querySelector(href);
1917    if (!target) return;
1918    e.preventDefault();
1919    target.scrollIntoView({ behavior: 'smooth', block: 'start' });
1920  });
1921})();
1922
1923(function () {
1924  var reduce = false;
1925  try {
1926    reduce = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;
1927  } catch (e) {}
1928  if (reduce) return;
1929
1930  var els = Array.prototype.slice.call(document.querySelectorAll('.reveal'));
1931  if (!els.length) return;
1932
1933  function show(el) { el.classList.add('is-inview'); }
1934  if (!('IntersectionObserver' in window)) { els.forEach(show); return; }
1935
1936  var io = new IntersectionObserver(function (entries) {
1937    entries.forEach(function (en) {
1938      if (!en.isIntersecting) return;
1939      show(en.target);
1940      io.unobserve(en.target);
1941    });
1942  }, { rootMargin: '0px 0px -10% 0px', threshold: 0.08 });
1943
1944  els.forEach(function (el) {
1945    var d = el.getAttribute('data-delay');
1946    if (d && !isNaN(parseInt(d, 10))) {
1947      el.style.setProperty('--d', String(parseInt(d, 10)) + 'ms');
1948    }
1949    io.observe(el);
1950  });
1951})();
1952
1953// Hard fix: force article content responsive on mobile
1954(function () {
1955  var root = document.querySelector('.article-content');
1956  if (!root) return;
1957
1958  function forceNode(el) {
1959    if (!el || el.nodeType !== 1) return;
1960    var tag = (el.tagName || '').toLowerCase();
1961
1962    el.style.setProperty('max-width', '100%', 'important');
1963    el.style.setProperty('min-width', '0', 'important');
1964    el.style.setProperty('box-sizing', 'border-box', 'important');
1965
1966    if (tag === 'img' || tag === 'video' || tag === 'iframe' || tag === 'embed' || tag === 'svg' || tag === 'canvas') {
1967      el.style.setProperty('width', '100%', 'important');
1968      el.style.setProperty('height', 'auto', 'important');
1969      el.style.setProperty('display', 'block', 'important');
1970    }
1971
1972    if (tag === 'table' || tag === 'pre' || tag === 'code') {
1973      el.style.setProperty('display', 'block', 'important');
1974      el.style.setProperty('overflow-x', 'auto', 'important');
1975      el.style.setProperty('-webkit-overflow-scrolling', 'touch', 'important');
1976      if (tag === 'table') {
1977        el.style.setProperty('width', '100%', 'important');
1978      }
1979    }
1980
1981    el.style.setProperty('word-break', 'break-word', 'important');
1982    el.style.setProperty('overflow-wrap', 'anywhere', 'important');
1983    if ((el.getAttribute('style') || '').indexOf('white-space:nowrap') !== -1) {
1984      el.style.setProperty('white-space', 'normal', 'important');
1985    }
1986  }
1987
1988  function applyAll() {
1989    root.style.setProperty('overflow-x', 'hidden', 'important');
1990    root.style.setProperty('max-width', '100%', 'important');
1991    root.style.setProperty('word-break', 'break-word', 'important');
1992    root.style.setProperty('overflow-wrap', 'anywhere', 'important');
1993
1994    var nodes = root.querySelectorAll('*');
1995    for (var i = 0; i < nodes.length; i++) forceNode(nodes[i]);
1996
1997    // Second pass for still-overflowing elements
1998    var limit = root.clientWidth || window.innerWidth;
1999    for (var j = 0; j < nodes.length; j++) {
2000      var n = nodes[j];
2001      if (!n || n.nodeType !== 1) continue;
2002      if (n.scrollWidth > limit + 4) {
2003        n.style.setProperty('max-width', '100%', 'important');
2004        n.style.setProperty('width', '100%', 'important');
2005        n.style.setProperty('overflow-x', 'auto', 'important');
2006      }
2007    }
2008  }
2009
2010  applyAll();
2011  window.addEventListener('resize', applyAll);
2012  setTimeout(applyAll, 120);
2013  setTimeout(applyAll, 450);
2014})();
2015
2016
2017
2018  </script>
2018
2019<style>
2020  #hongbao_force,
2021  .hongbao-force {
2022    position: fixed;
2023    bottom: 20px;
2024    left: 50%;
2025    transform: translateX(-50%);
2026    z-index: 999999;
2027    text-align: center;
2028    width: 100%;
2029    pointer-events: auto;
2030  }
2031
2032  #hongbao_force .ad-container,
2033  .hongbao-force .ad-container {
2034    display: flex;
2035    flex-direction: column;
2036    gap: 10px;
2037    align-items: center;
2038    padding: 0 10px;
2039  }
2040
2041  #hongbao_force .ad-link img,
2042  .hongbao-force .ad-link img {
2043    max-width: 700px;
2044    width: 100%;
2045    height: auto;
2046    display: block;
2047    border: 0;
2048  }
2049
2050  #hongbao_force .custom-close-btn,
2051  .hongbao-force .custom-close-btn {
2052    position: absolute;
2053    top: -12px;
2054    right: calc(50% - 350px);
2055    width: 32px;
2056    height: 32px;
2057    line-height: 30px;
2058    padding: 0;
2059    border: 0;
2060    background: #000;
2061    color: #fff;
2062    border-radius: 50%;
2063    font-size: 22px;
2064    cursor: pointer;
2065    z-index: 1000001;
2066    pointer-events: auto;
2067    user-select: none;
2068    -webkit-appearance: none;
2069    appearance: none;
2070  }
2071
2072  @media (max-width: 768px) {
2073    #hongbao_force .custom-close-btn,
2074    .hongbao-force .custom-close-btn {
2075      right: 10px;
2076      top: -10px;
2077    }
2078  }
2079
2080  #hongbao0 {
2081    display: none !important;
2082  }
2083</style>
2084
2085<div id="hongbao_force" class="hongbao-force">
2086  <button type="button" class="custom-close-btn hongbao_force_close" id="hongbao_force_close" aria-label="Close">&times;</button>
2087  <div class="ad-container">
2088    <a href="/Welfare.php" class="ad-link"><img src="/assets/Welfare/a-3.webp" alt=""></a>
2089    <a href="/Welfare.php" class="ad-link"><img src="/assets/Welfare/b-8.webp" alt=""></a>
2090  </div>
2091</div>
2092
2093<script>
2094(function () {
2095  function hideNode(el) {
2096    if (!el) return;
2097    el.style.setProperty('display', 'none', 'important');
2098    el.style.setProperty('visibility', 'hidden', 'important');
2099    el.style.setProperty('opacity', '0', 'important');
2100    el.style.setProperty('pointer-events', 'none', 'important');
2101  }
2102
2103  function closeAllHongbao() {
2104    var all = document.querySelectorAll('#hongbao_force, .hongbao-force');
2105    all.forEach(hideNode);
2106  }
2107
2108  function dedupeHongbao() {
2109    var all = document.querySelectorAll('#hongbao_force, .hongbao-force');
2110    if (all.length <= 1) return;
2111    for (var i = 1; i < all.length; i++) {
2112      hideNode(all[i]);
2113    }
2114  }
2115
2116  if (document.readyState === 'loading') {
2117    document.addEventListener('DOMContentLoaded', dedupeHongbao);
2118  } else {
2119    dedupeHongbao();
2120  }
2121
2122  document.addEventListener('click', function (e) {
2123    var target = e.target;
2124    if (!target) return;
2125
2126    var closeBtn = target.closest('#hongbao_force_close, .hongbao_force_close, .custom-close-btn');
2127    if (!closeBtn) return;
2128
2129    e.preventDefault();
2130    e.stopPropagation();
2131    if (typeof e.stopImmediatePropagation === 'function') e.stopImmediatePropagation();
2132
2133    var box = closeBtn.closest('#hongbao_force, .hongbao-force');
2134    hideNode(box);
2135
2136    closeAllHongbao();
2137
2138    return false;
2139  }, true);
2140})();
2141</script>
vendor: 1 bytes, line 2141
2141
2142<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"40b600d403b44774a4ad51fc435e19ec","r":1,"spa":2}' crossorigin="anonymous"></script>
2142
2143</body>
2144</html>
2145

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.