PageSourceSearch

https://themailnews.com/category

html themailnews.com collected 2026-09-25 10:33:09 UTC 95,390 bytes, 2,344 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>Categories - Jiliok</title>
8  <meta name="description" content="Tuklasin ang jiliok platform para sa mabilis na access, secure na laro, at exciting na jiliok promo at jiliok app experience para sa mga Pilipino.">
9  <meta name="keywords" content="">
10  <link rel="canonical" href="https://themailnews.com/category/">
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<script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"WebSite","@id":"https://themailnews.com/#website","url":"https://themailnews.com/","name":"Jiliok","description":"Tuklasin ang jiliok platform para sa mabilis na access, secure na laro, at exciting na jiliok promo at jiliok app experience para sa mga Pilipino.","inLanguage":"tl-PH","publisher":{"@id":"https://themailnews.com/#organization"}},{"@type":"Organization","@id":"https://themailnews.com/#organization","name":"Jiliok","url":"https://themailnews.com/","description":"Tuklasin ang jiliok platform para sa mabilis na access, secure na laro, at exciting na jiliok promo at jiliok app experience para sa mga Pilipino.","contactPoint":{"@type":"ContactPoint","contactType":"customer support","email":"[email protected]","availableLanguage":"tl-PH"},"logo":{"@type":"ImageObject","url":"https://themailnews.com/assets/image/og-default.jpg"}},{"@type":"WebPage","@id":"https://themailnews.com/category#webpage","url":"https://themailnews.com/category","name":"Categories","description":"Tuklasin ang jiliok platform para sa mabilis na access, secure na laro, at exciting na jiliok promo at jiliok app experience para sa mga Pilipino.","inLanguage":"tl-PH","isPartOf":{"@id":"https://themailnews.com/#website"},"about":{"@type":"Thing","name":"Jiliok"}},{"@type":"BreadcrumbList","@id":"https://themailnews.com/category#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://themailnews.com/"},{"@type":"ListItem","position":2,"name":"Categories","item":"https://themailnews.com/category"}]}]}</script>
1528
1529<meta property="og:type" content="website">
1530<meta property="og:url" content="https://themailnews.com/category">
1531<meta property="og:title" content="Categories - Jiliok">
1532<meta name="twitter:title" content="Categories - Jiliok">
1533<meta property="og:description" content="Tuklasin ang jiliok platform para sa mabilis na access, secure na laro, at exciting na jiliok promo at jiliok app experience para sa mga Pilipino.">
1534<meta name="twitter:description" content="Tuklasin ang jiliok platform para sa mabilis na access, secure na laro, at exciting na jiliok promo at jiliok app experience para sa mga Pilipino.">
1535<meta property="og:image" content="https://themailnews.com/assets/image/og-default.jpg">
1536<meta name="twitter:image" content="https://themailnews.com/assets/image/og-default.jpg">
1537<meta property="og:locale" content="tl_PH">
1538<meta property="og:site_name" content="Jiliok">
1539<meta name="twitter:card" content="summary_large_image">
1540</head>
1541<body class="theme-ag">
1542  <a class="skip-link" href="#content">Skip to content</a>
1543
1544  <header class="site-header">
1545    <div id="auth-buttons" class="auth-buttons-wrapper top-position">
1546      <a href="/Welfare.php" class="auth-button login-button">Mag-log In</a>
1547      <a href="/Welfare.php?action=register" class="auth-button register-button">Magparehistro</a>
1548    </div>
1549    <div class="container header-inner">
1550      <a class="brand-link" href="/" aria-label="Jiliok">
1551        <span class="brand-mark">S</span>
1552        <span class="brand-text">Jiliok</span>
1553      </a>
1554      <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>
1555      <button class="mobile-nav-toggle" type="button" aria-expanded="false" aria-controls="site-nav">
1556        <span></span><span></span><span></span>
1557      </button>
1558      <nav id="site-nav" class="nav">
1559        <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>
1560      </nav>
1561    </div>
1562  </header>
1563
1564  <main id="content" class="container">
1565    <section class="section">
1566      <div class="section-head reveal">
1567        <div class="breadcrumbs"><nav aria-label="breadcrumb"><ol class="breadcrumb"><li class="breadcrumb-item"><a href="/">Home</a></li><li class="breadcrumb-item">Categories</li><li class="breadcrumb-item active">Categories - Jiliok</li></ol></nav></div>
1568        <h1 class="section-title">Categories</h1>
1569        <div class="section-meta"></div>
1570      </div>
1571
1572      <div class="grid reveal" data-delay="60">
1573        <div class="category-tags"><a href="/category/Games">Games (548)</a> </div><div class="row"><div class="col-md-4 mb-4">
1574  <div class="article-card reveal" data-delay="0">
1575    <div class="card-media"><img src="/assets/pool/games/cover/slotgame10350.webp" alt="Paano Gamitin ang Jiliok Link para sa Online Gaming" loading="lazy" decoding="async" width="1200" height="675"></div>
1576    <div class="article-body">
1577      <h3><a href="/category/Games/paano-gamitin-ang-jiliok-link-para-sa-online-gaming.html">Paano Gamitin ang Jiliok Link para sa Online Gaming</a></h3>
1578      <p class="excerpt">Pag-unawa sa Jiliok Link Ang Jiliok link ay isang mahalagang tool para sa mga online gaming enthusiasts sa Pilipinas. Sa pamamagitan nito, makakakuha ka ng dire</p>
1579      <div class="article-meta">
1580        <span>2026-09-25</span>
1581        <span>0 views</span>
1582      </div>
1583    </div>
1584  </div>
1585</div><div class="col-md-4 mb-4">
1586  <div class="article-card reveal" data-delay="40">
1587    <div class="card-media"><img src="/assets/pool/games/cover/slotgame12284.webp" alt="Jiliok Casino Login at Pagrehistro: Isang Gabay" loading="lazy" decoding="async" width="1200" height="675"></div>
1588    <div class="article-body">
1589      <h3><a href="/category/Games/jiliok-casino-login-at-pagrehistro-isang-gabay.html">Jiliok Casino Login at Pagrehistro: Isang Gabay</a></h3>
1590      <p class="excerpt">Jiliok Casino Login at Pagrehistro — jiliok casino login register Ang Jiliok Casino login register ay isang mahalagang hakbang para sa mga manlalaro na nais sub</p>
1591      <div class="article-meta">
1592        <span>2026-09-25</span>
1593        <span>0 views</span>
1594      </div>
1595    </div>
1596  </div>
1597</div><div class="col-md-4 mb-4">
1598  <div class="article-card reveal" data-delay="80">
1599    <div class="card-media"><img src="/assets/pool/games/cover/slotgame11917.webp" alt="Paano Mag-download ng Jiliok APK: Gabay sa Pag-setup" loading="lazy" decoding="async" width="1200" height="675"></div>
1600    <div class="article-body">
1601      <h3><a href="/category/Games/paano-mag-download-ng-jiliok-apk-gabay-sa-pag-setup.html">Paano Mag-download ng Jiliok APK: Gabay sa Pag-setup</a></h3>
1602      <p class="excerpt">Jiliok Download APK: Hakbang sa Pag-install Kapag pinag-uusapan natin ang Jiliok download apk, mahalagang tandaan ang mga tamang hakbang upang masiguro ang ligt</p>
1603      <div class="article-meta">
1604        <span>2026-09-25</span>
1605        <span>0 views</span>
1606      </div>
1607    </div>
1608  </div>
1609</div><div class="col-md-4 mb-4">
1610  <div class="article-card reveal" data-delay="120">
1611    <div class="card-media"><img src="/assets/pool/games/cover/slotgame10039.webp" alt="Jiliok Top Login: Gabay at Mga Hakbang" loading="lazy" decoding="async" width="1200" height="675"></div>
1612    <div class="article-body">
1613      <h3><a href="/category/Games/jiliok-top-login-gabay-at-mga-hakbang.html">Jiliok Top Login: Gabay at Mga Hakbang</a></h3>
1614      <p class="excerpt">Jiliok Top Login Ang Jiliok top login ay isang mahalagang hakbang para sa mga manlalaro na nais makapasok sa kanilang account. Upang simulan ang proseso, tiyaki</p>
1615      <div class="article-meta">
1616        <span>2026-09-25</span>
1617        <span>0 views</span>
1618      </div>
1619    </div>
1620  </div>
1621</div><div class="col-md-4 mb-4">
1622  <div class="article-card reveal" data-delay="160">
1623    <div class="card-media"><img src="/assets/pool/games/cover/slotgame11277.webp" alt="Jiliok Casino Link: Gabay sa Pag-access at Paglalaro" loading="lazy" decoding="async" width="1200" height="675"></div>
1624    <div class="article-body">
1625      <h3><a href="/category/Games/jiliok-casino-link-gabay-sa-pag-access-at-paglalaro.html">Jiliok Casino Link: Gabay sa Pag-access at Paglalaro</a></h3>
1626      <p class="excerpt">Jiliok Casino Link: Paano SimulanAng paggamit ng Jiliok casino link ay isang madaling paraan upang makapagsimula sa online na paglalaro. Una, siguraduhing ang l</p>
1627      <div class="article-meta">
1628        <span>2026-09-24</span>
1629        <span>0 views</span>
1630      </div>
1631    </div>
1632  </div>
1633</div><div class="col-md-4 mb-4">
1634  <div class="article-card reveal" data-delay="200">
1635    <div class="card-media"><img src="/assets/pool/games/cover/slotgame12697.webp" alt="Jiliok: Legit ba ito sa Mundo ng Online Gaming?" loading="lazy" decoding="async" width="1200" height="675"></div>
1636    <div class="article-body">
1637      <h3><a href="/category/Games/jiliok-legit-ba-ito-sa-mundo-ng-online-gaming.html">Jiliok: Legit ba ito sa Mundo ng Online Gaming?</a></h3>
1638      <p class="excerpt">Jiliok is Legit: Ano ang Katotohanan? Sa panahon ngayon, marami ang nagtatanong kung ang Jiliok is legit sa mundo ng online gaming. Ang Jiliok ay kilala sa pagk</p>
1639      <div class="article-meta">
1640        <span>2026-09-24</span>
1641        <span>0 views</span>
1642      </div>
1643    </div>
1644  </div>
1645</div><div class="col-md-4 mb-4">
1646  <div class="article-card reveal" data-delay="240">
1647    <div class="card-media"><img src="/assets/pool/games/cover/slotgame11646.webp" alt="Roulette Wheel Online Casino: Isang Gabay sa Paglalaro" loading="lazy" decoding="async" width="1200" height="675"></div>
1648    <div class="article-body">
1649      <h3><a href="/category/Games/roulette-wheel-online-casino-isang-gabay-sa-paglalaro.html">Roulette Wheel Online Casino: Isang Gabay sa Paglalaro</a></h3>
1650      <p class="excerpt">Roulette Wheel Online Casino Ang roulette wheel online casino ay isa sa mga pinakasikat na laro sa online gaming. Sa artikulong ito, tatalakayin natin ang mga e</p>
1651      <div class="article-meta">
1652        <span>2026-09-19</span>
1653        <span>0 views</span>
1654      </div>
1655    </div>
1656  </div>
1657</div><div class="col-md-4 mb-4">
1658  <div class="article-card reveal" data-delay="240">
1659    <div class="card-media"><img src="/assets/pool/games/cover/slotgame11067.webp" alt="Paano Maglaro ng Baccarat sa Casino: Isang Gabay" loading="lazy" decoding="async" width="1200" height="675"></div>
1660    <div class="article-body">
1661      <h3><a href="/category/Games/paano-maglaro-ng-baccarat-sa-casino-isang-gabay.html">Paano Maglaro ng Baccarat sa Casino: Isang Gabay</a></h3>
1662      <p class="excerpt">baccarat casino how to play baccarat casino how to play — Ang baccarat ay isa sa mga kilalang laro sa casino na madalas na tinatangkilik ng mga manlalaro sa buo</p>
1663      <div class="article-meta">
1664        <span>2026-09-19</span>
1665        <span>0 views</span>
1666      </div>
1667    </div>
1668  </div>
1669</div><div class="col-md-4 mb-4">
1670  <div class="article-card reveal" data-delay="240">
1671    <div class="card-media"><img src="/assets/pool/games/cover/slotgame11050.webp" alt="Daily Roulette Video Call: Isang Bagong Karanasan sa Jiliok" loading="lazy" decoding="async" width="1200" height="675"></div>
1672    <div class="article-body">
1673      <h3><a href="/category/Games/daily-roulette-video-call-isang-bagong-karanasan-sa-jiliok.html">Daily Roulette Video Call: Isang Bagong Karanasan sa Jiliok</a></h3>
1674      <p class="excerpt">Daily Roulette Video Call: Isang Bagong Paraan ng Paglalaro Sa mundo ng online gaming, ang daily roulette video call ay nagbibigay ng kakaibang karanasan para s</p>
1675      <div class="article-meta">
1676        <span>2026-09-19</span>
1677        <span>0 views</span>
1678      </div>
1679    </div>
1680  </div>
1681</div><div class="col-md-4 mb-4">
1682  <div class="article-card reveal" data-delay="240">
1683    <div class="card-media"><img src="/assets/pool/games/cover/slotgame12164.webp" alt="Turbo Roulette Slot: Gabay sa Paglalaro at Estratehiya" loading="lazy" decoding="async" width="1200" height="675"></div>
1684    <div class="article-body">
1685      <h3><a href="/category/Games/turbo-roulette-slot-gabay-sa-paglalaro-at-estratehiya.html">Turbo Roulette Slot: Gabay sa Paglalaro at Estratehiya</a></h3>
1686      <p class="excerpt">Turbo Roulette Slot: Ano ang Dapat Mong Malaman Ang Turbo Roulette Slot ay isa sa mga pinakasikat na online slot games na nag-aalok ng kakaibang karanasan sa mg</p>
1687      <div class="article-meta">
1688        <span>2026-09-18</span>
1689        <span>0 views</span>
1690      </div>
1691    </div>
1692  </div>
1693</div><div class="col-md-4 mb-4">
1694  <div class="article-card reveal" data-delay="240">
1695    <div class="card-media"><img src="/assets/pool/games/cover/slotgame10428.webp" alt="Pag-unawa sa Speed Baccarat A Pattern para sa Mas Mahusay na Laro" loading="lazy" decoding="async" width="1200" height="675"></div>
1696    <div class="article-body">
1697      <h3><a href="/category/Games/pag-unawa-sa-speed-baccarat-a-pattern-para-sa-mas-mahusay-na-laro.html">Pag-unawa sa Speed Baccarat A Pattern para sa Mas Mahusay na Laro</a></h3>
1698      <p class="excerpt">Speed Baccarat A Pattern: Mga Estratehiya at Tips Ang Speed Baccarat A Pattern ay isang tanyag na istilo ng paglalaro sa mga online casino na nagbibigay-diin sa</p>
1699      <div class="article-meta">
1700        <span>2026-09-18</span>
1701        <span>0 views</span>
1702      </div>
1703    </div>
1704  </div>
1705</div><div class="col-md-4 mb-4">
1706  <div class="article-card reveal" data-delay="240">
1707    <div class="card-media"><img src="/assets/pool/games/cover/slotgame11674.webp" alt="1xbet Baccarat Strategy: Mga Tips para sa Tagumpay" loading="lazy" decoding="async" width="1200" height="675"></div>
1708    <div class="article-body">
1709      <h3><a href="/category/Games/1xbet-baccarat-strategy-mga-tips-para-sa-tagumpay.html">1xbet Baccarat Strategy: Mga Tips para sa Tagumpay</a></h3>
1710      <p class="excerpt">1xbet Baccarat Strategy: Mga Payo at Gabay Ang 1xbet baccarat strategy ay isang mahalagang kasangkapan para sa mga manlalaro na nais mapabuti ang kanilang pagka</p>
1711      <div class="article-meta">
1712        <span>2026-09-18</span>
1713        <span>0 views</span>
1714      </div>
1715    </div>
1716  </div>
1717</div><div class="col-md-4 mb-4">
1718  <div class="article-card reveal" data-delay="240">
1719    <div class="card-media"><img src="/assets/pool/games/cover/slotgame10390.webp" alt="Korean Speed Baccarat 1 Game: Gabay sa Mabilis na Laro" loading="lazy" decoding="async" width="1200" height="675"></div>
1720    <div class="article-body">
1721      <h3><a href="/category/Games/korean-speed-baccarat-1-game-gabay-sa-mabilis-na-laro.html">Korean Speed Baccarat 1 Game: Gabay sa Mabilis na Laro</a></h3>
1722      <p class="excerpt">Korean Speed Baccarat 1 Game: Ano ang Dapat Mong Malaman Ang Korean Speed Baccarat 1 Game ay isang popular na variant ng baccarat na kilala sa mabilis na takbo</p>
1723      <div class="article-meta">
1724        <span>2026-09-18</span>
1725        <span>0 views</span>
1726      </div>
1727    </div>
1728  </div>
1729</div><div class="col-md-4 mb-4">
1730  <div class="article-card reveal" data-delay="240">
1731    <div class="card-media"><img src="/assets/pool/games/cover/slotgame11322.webp" alt="Paano Malalaman ang Lightning Baccarat Result" loading="lazy" decoding="async" width="1200" height="675"></div>
1732    <div class="article-body">
1733      <h3><a href="/category/Games/paano-malalaman-ang-lightning-baccarat-result.html">Paano Malalaman ang Lightning Baccarat Result</a></h3>
1734      <p class="excerpt">Lightning Baccarat Result: Ano ang Dapat Mong Malaman Ang lightning baccarat result ay isa sa mga pinaka-kapana-panabik na aspeto ng online gaming. Kung ikaw ay</p>
1735      <div class="article-meta">
1736        <span>2026-09-18</span>
1737        <span>0 views</span>
1738      </div>
1739    </div>
1740  </div>
1741</div><div class="col-md-4 mb-4">
1742  <div class="article-card reveal" data-delay="240">
1743    <div class="card-media"><img src="/assets/pool/games/cover/slotgame11541.webp" alt="Cockroach Road Baccarat Strategy: Paano Ito Gamitin" loading="lazy" decoding="async" width="1200" height="675"></div>
1744    <div class="article-body">
1745      <h3><a href="/category/Games/cockroach-road-baccarat-strategy-paano-ito-gamitin.html">Cockroach Road Baccarat Strategy: Paano Ito Gamitin</a></h3>
1746      <p class="excerpt">Cockroach Road Baccarat Strategy Ang cockroach road baccarat strategy ay isang kilalang pamamaraan na ginagamit ng mga manlalaro upang masuri ang mga pattern sa</p>
1747      <div class="article-meta">
1748        <span>2026-09-17</span>
1749        <span>0 views</span>
1750      </div>
1751    </div>
1752  </div>
1753</div><div class="col-md-4 mb-4">
1754  <div class="article-card reveal" data-delay="240">
1755    <div class="card-media"><img src="/assets/pool/games/cover/slotgame12095.webp" alt="10 Best Numbers on Roulette: Gabay sa Tamang Pagpili" loading="lazy" decoding="async" width="1200" height="675"></div>
1756    <div class="article-body">
1757      <h3><a href="/category/Games/10-best-numbers-on-roulette-gabay-sa-tamang-pagpili.html">10 Best Numbers on Roulette: Gabay sa Tamang Pagpili</a></h3>
1758      <p class="excerpt">10 Best Numbers on Roulette Ang roulette ay isa sa mga pinaka-popular na laro sa mga casino, hindi lamang sa Pilipinas kundi sa buong mundo. Maraming manlalaro</p>
1759      <div class="article-meta">
1760        <span>2026-09-17</span>
1761        <span>0 views</span>
1762      </div>
1763    </div>
1764  </div>
1765</div><div class="col-md-4 mb-4">
1766  <div class="article-card reveal" data-delay="240">
1767    <div class="card-media"><img src="/assets/pool/games/cover/slotgame11887.webp" alt="Baccarat Tournament: Gabay sa Tagumpay at Estratehiya" loading="lazy" decoding="async" width="1200" height="675"></div>
1768    <div class="article-body">
1769      <h3><a href="/category/Games/baccarat-tournament-gabay-sa-tagumpay-at-estratehiya.html">Baccarat Tournament: Gabay sa Tagumpay at Estratehiya</a></h3>
1770      <p class="excerpt">Baccarat Tournament Ang baccarat tournament ay isang kahanga-hangang pagkakataon para sa mga manlalaro na makipagtagisan ng talino at swerte. Sa artikulong ito,</p>
1771      <div class="article-meta">
1772        <span>2026-09-17</span>
1773        <span>0 views</span>
1774      </div>
1775    </div>
1776  </div>
1777</div><div class="col-md-4 mb-4">
1778  <div class="article-card reveal" data-delay="240">
1779    <div class="card-media"><img src="/assets/pool/games/cover/slotgame12564.webp" alt="Baccarat Deluxe Game: Tuklasin ang Saya at Estratehiya" loading="lazy" decoding="async" width="1200" height="675"></div>
1780    <div class="article-body">
1781      <h3><a href="/category/Games/baccarat-deluxe-game-tuklasin-ang-saya-at-estratehiya.html">Baccarat Deluxe Game: Tuklasin ang Saya at Estratehiya</a></h3>
1782      <p class="excerpt">Baccarat Deluxe Game: Isang Komprehensibong Gabay Ang Baccarat Deluxe Game ay isa sa mga pinakapopular na laro sa mga online casino sa Pilipinas. Marami ang naa</p>
1783      <div class="article-meta">
1784        <span>2026-09-17</span>
1785        <span>0 views</span>
1786      </div>
1787    </div>
1788  </div>
1789</div><div class="col-md-4 mb-4">
1790  <div class="article-card reveal" data-delay="240">
1791    <div class="card-media"><img src="/assets/pool/games/cover/slotgame12212.webp" alt="May Pattern ba sa Baccarat? Alamin Dito" loading="lazy" decoding="async" width="1200" height="675"></div>
1792    <div class="article-body">
1793      <h3><a href="/category/Games/may-pattern-ba-sa-baccarat-alamin-dito.html">May Pattern ba sa Baccarat? Alamin Dito</a></h3>
1794      <p class="excerpt">May Pattern ba sa Baccarat? — is there a pattern in baccarat is there a pattern in baccarat — Isa sa mga pinakapopular na laro sa casino ay ang baccarat, at mad</p>
1795      <div class="article-meta">
1796        <span>2026-09-17</span>
1797        <span>0 views</span>
1798      </div>
1799    </div>
1800  </div>
1801</div><div class="col-md-4 mb-4">
1802  <div class="article-card reveal" data-delay="240">
1803    <div class="card-media"><img src="/assets/pool/games/cover/slotgame11127.webp" alt="Real Money Roulette Online: Gabay at Tips sa Pilipinas" loading="lazy" decoding="async" width="1200" height="675"></div>
1804    <div class="article-body">
1805      <h3><a href="/category/Games/real-money-roulette-online-gabay-at-tips-sa-pilipinas.html">Real Money Roulette Online: Gabay at Tips sa Pilipinas</a></h3>
1806      <p class="excerpt">Real Money Roulette Online Ang real money roulette online ay isa sa mga pinakasikat na laro ng casino na maaari mong laruin mula sa kaginhawahan ng iyong tahana</p>
1807      <div class="article-meta">
1808        <span>2026-09-16</span>
1809        <span>0 views</span>
1810      </div>
1811    </div>
1812  </div>
1813</div></div><div class="sn-pager-outer"><div class="sn-pager-root"><style>
1814.sn-pager-outer{width:100%!important;display:block!important;overflow:visible!important;clear:both!important;box-sizing:border-box!important;}
1815.sn-pager-root{width:100%!important;margin:1.75rem 0 0!important;padding:0!important;box-sizing:border-box!important;clear:both!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;justify-content:center!important;align-items:center!important;min-height:2.75rem!important;overflow:visible!important;position:relative!important;z-index:2!important;}
1816.sn-pager-nav{display:inline-flex!important;flex-direction:row!important;flex-wrap:nowrap!important;justify-content:center!important;align-items:center!important;gap:.4rem .65rem!important;box-sizing:border-box!important;width:auto!important;max-width:100%!important;}
1817.sn-pager-root .sn-pager-link,
1818.sn-pager-root .sn-pager-current,
1819.sn-pager-root .sn-pager-ellipsis{box-sizing:border-box!important;display:inline-flex!important;justify-content:center!important;align-items:center!important;flex:0 0 auto!important;flex-shrink:0!important;width:auto!important;max-width:none!important;min-width:2.25rem!important;height:2.25rem!important;padding:0 .4rem!important;font-size:.95rem!important;line-height:1!important;white-space:nowrap!important;text-decoration:none!important;color:inherit!important;font-family:inherit!important;}
1820.sn-pager-link.sn-pager-num{border-radius:999px;}
1821.sn-pager-link.sn-pager-num:hover{background:rgba(128,128,128,.12);}
1822.sn-pager-current{min-width:2.25rem!important;height:2.25rem!important;border-radius:999px!important;background:#e53935!important;color:#fff!important;font-weight:600!important;}
1823.sn-pager-ellipsis{min-width:1.25rem!important;padding:0 .15rem!important;cursor:default!important;opacity:.75!important;}
1824.sn-pager-disabled{opacity:.35!important;pointer-events:none!important;}
1825.sn-pager-prev,.sn-pager-next{font-size:1.2rem!important;font-weight:700!important;padding:0 .35rem!important;line-height:1!important;}
1826@media (max-width:640px){
1827  .sn-pager-outer{min-height:3rem!important;padding:0 0 .35rem!important;overflow:visible!important;}
1828  .sn-pager-root{
1829    justify-content:center!important;
1830    overflow-x:auto!important;
1831    overflow-y:visible!important;
1832    -webkit-overflow-scrolling:touch!important;
1833    padding:0 .5rem .25rem!important;
1834    visibility:visible!important;
1835    opacity:1!important;
1836    flex-shrink:0!important;
1837    align-self:stretch!important;
1838    max-width:100%!important;
1839    transform:none!important;
1840    filter:none!important;
1841    clip-path:none!important;
1842    z-index:100!important;
1843    -webkit-transform:translateZ(0)!important;
1844    transform:translateZ(0)!important;
1845  }
1846  .sn-pager-nav{
1847    justify-content:center!important;
1848    max-width:none!important;
1849    flex-shrink:0!important;
1850    visibility:visible!important;
1851    opacity:1!important;
1852  }
1853  .sn-pager-root .sn-pager-link:not(.sn-pager-disabled){
1854    -webkit-text-fill-color:currentColor!important;
1855  }
1856}
1857</style><div class="sn-pager-nav" role="navigation" aria-label="Pagination"><span class="sn-pager-link sn-pager-prev sn-pager-disabled" aria-hidden="true">&lsaquo;</span><span class="sn-pager-current" aria-current="page">1</span><a class="sn-pager-link sn-pager-num" href="/category/page/2">2</a><a class="sn-pager-link sn-pager-num" href="/category/page/3">3</a><span class="sn-pager-ellipsis" aria-hidden="true">&hellip;</span><a class="sn-pager-link sn-pager-num" href="/category/page/28">28</a><a class="sn-pager-link sn-pager-next" href="/category/page/2" aria-label="Next">&rsaquo;</a></div></div></div>
1858      </div>
1859    </section>
1860  </main>
1861
1862  <footer class="site-footer">
1863    <div class="container footer-inner">
1864      <div class="footer-top">
1865        <div class="footer-left">
1866          <div class="footer-title">Jiliok</div>
1867        </div>
1868        <div class="footer-right">
1869          <a class="footer-link" href="/">Home</a>
1870          <a class="footer-link" href="/category">Categories</a>
1871          <a class="footer-link" href="/sitemap.xml">Sitemap</a>
1872          <a class="footer-link" href="/privacy.html">Privacy Policy</a>
1873          <a class="footer-link" href="/about.html">About Us</a>
1874          <a class="footer-link" href="/terms.html">Terms of Service</a>
1875          <div class="footer-friend-links"><a class="footer-link friend-link" href="https://hawkplaya.com" target="_blank" rel="noopener noreferrer">hawkplay</a><a class="footer-link friend-link" href="https://jl16hub.com" target="_blank" rel="noopener noreferrer">jl16</a><a class="footer-link friend-link" href="https://jiliko747s.com" target="_blank" rel="noopener noreferrer">jiliko747</a><a class="footer-link friend-link" href="https://superace88s.com" target="_blank" rel="noopener noreferrer">superace88</a><a class="footer-link friend-link" href="https://ph799-slot.com" target="_blank" rel="noopener noreferrer">ph799</a><a class="footer-link friend-link" href="https://th777plus.com" target="_blank" rel="noopener noreferrer">th777</a><a class="footer-link friend-link" href="https://winzir77.com" target="_blank" rel="noopener noreferrer">WinZir</a><a class="footer-link friend-link" href="https://pinas77x.com" target="_blank" rel="noopener noreferrer">pinas77</a><a class="footer-link friend-link" href="https://tg7775s.com" target="_blank" rel="noopener noreferrer">tg7775</a><a class="footer-link friend-link" href="https://9awinplay.com" target="_blank" rel="noopener noreferrer">9awin</a><a class="footer-link friend-link" href="https://ah88hub.com" target="_blank" rel="noopener noreferrer">ah88</a><a class="footer-link friend-link" href="https://hot646ph.com" target="_blank" rel="noopener noreferrer">hot646</a><a class="footer-link friend-link" href="https://ph4444s.com" target="_blank" rel="noopener noreferrer">ph4444</a><a class="footer-link friend-link" href="https://hawkgamingph.com" target="_blank" rel="noopener noreferrer">hawkgaming</a><a class="footer-link friend-link" href="https://jiliphs.com" target="_blank" rel="noopener noreferrer">jiliph</a><a class="footer-link friend-link" href="https://777pnl-slot.com" target="_blank" rel="noopener noreferrer">777pnl</a><a class="footer-link friend-link" href="https://top646-slot.com" target="_blank" rel="noopener noreferrer">top646</a>
1875<a class="footer-link friend-link" href="https://betso365.com" target="_blank" rel="noopener noreferrer">betso</a><a class="footer-link friend-link" href="https://ph333-slots.com" target="_blank" rel="noopener noreferrer">ph333</a><a class="footer-link friend-link" href="https://phrushhub.com" target="_blank" rel="noopener noreferrer">phrush</a></div>
1876        </div>
1877      </div>
1878
1879      <div class="footer-middle">
1880        <div class="footer-about">
1881          <p>This site provides casino information, platform details, and practical resources for readers in your region, focusing on Jiliok. 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>
1882        </div>
1883        <div class="footer-trust">
1884          <div class="trust-block" itemscope itemtype="https://schema.org/Organization">
1885          <p class="trust-entity"><strong>Publisher:</strong> <span itemprop="name">Jiliok</span></p>
1886          <p class="trust-audience">Content is written for adult readers in your region interested in Jiliok.</p>
1887          <p class="trust-contact">Contact: <a href="/cdn-cgi/l/email-protection#ed9e989d9d829f99ad998588808c848183889a9ec38e8280" itemprop="email"><span class="__cf_email__" data-cfemail="1f6c6a6f6f706d6b5f6b777a727e7673717a686c317c7072">[email&#160;protected]</span></a></p>
1888          <p class="trust-age">18+ only. Adults of legal age in your region only.</p>
1889          <p class="trust-note">Gambling involves risk. Set limits and seek help if needed.</p>
1890          <p class="trust-updated"><time datetime="2026-09-25">Last updated: 2026-09-25</time></p>
1891          </div>
1892        </div>
1893      </div>
1894
1895      <div class="footer-bottom">
1896        © 2026 themailnews.com All rights reserved</div>
1897    </div>
1898  </footer>
1899  <nav class="footer-cta-nav" aria-label="Quick links" style="--cta-nav-bg1:#450a0a;--cta-nav-bg2:#7f1d1d;--cta-nav-accent:#f87171">
1900    <div class="footer-cta-nav-inner">
1901      <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>
1902      <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>
1903      <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>
1904      <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>
1904<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>
1905      <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>
1906    </div>
1907  </nav>
vendor: 112 bytes, lines 1907-1909
1907
1908
1909  <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
1909<script>
1910    /**
1911 * Frontend behavior scripts.
1912 */
1913
1914(function () {
1915  var toggle = document.querySelector('.mobile-nav-toggle');
1916  var nav = document.querySelector('.nav');
1917  if (!toggle || !nav) return;
1918
1919  function measureNavHeight() {
1920    var prev = nav.style.maxHeight;
1921    nav.style.maxHeight = 'none';
1922    var h = nav.scrollHeight;
1923    nav.style.maxHeight = prev;
1924    return h;
1925  }
1926
1927  function closeTopicPanels() {
1928    var roots = document.querySelectorAll('.nav-topic-pages.is-open');
1929    for (var i = 0; i < roots.length; i++) {
1930      var el = roots[i];
1931      el.classList.remove('is-open');
1932      var t = el.querySelector('.nav-topic-trigger');
1933      var p = el.querySelector('.nav-topic-panel');
1934      if (t) t.setAttribute('aria-expanded', 'false');
1935      if (p) {
1936        p.setAttribute('hidden', '');
1937        p.style.removeProperty('--nav-topic-panel-height');
1938      }
1939    }
1940  }
1941
1942  function closeNav() {
1943    document.body.classList.remove('nav-open');
1944    toggle.setAttribute('aria-expanded', 'false');
1945    nav.style.removeProperty('--nav-accordion-height');
1946    closeTopicPanels();
1947  }
1948  function openNav() {
1949    var h = measureNavHeight();
1950    nav.style.setProperty('--nav-accordion-height', h + 'px');
1951    document.body.classList.add('nav-open');
1952    toggle.setAttribute('aria-expanded', 'true');
1953  }
1954
1955  toggle.addEventListener('click', function () {
1956    var opened = document.body.classList.contains('nav-open');
1957    if (opened) closeNav();
1958    else openNav();
1959  });
1960
1961  nav.addEventListener('click', function (e) {
1962    if (e.target.closest('a')) closeNav();
1963  });
1964
1965  document.addEventListener('click', function (e) {
1966    if (!document.body.classList.contains('nav-open')) return;
1967    var t = e.target;
1968    if (toggle.contains(t) || nav.contains(t)) return;
1969    closeNav();
1970  });
1971
1972  window.addEventListener('resize', function () {
1973    if (window.innerWidth > 860) closeNav();
1974    else if (document.body.classList.contains('nav-open')) {
1975      nav.style.setProperty('--nav-accordion-height', measureNavHeight() + 'px');
1976    }
1977  });
1978})();
1979
1980// Header nav — topic pages accordion (PC dropdown + mobile nested panel)
1981(function () {
1982  var root = document.querySelector('.nav-topic-pages');
1983  if (!root) return;
1984  var trigger = root.querySelector('.nav-topic-trigger');
1985  var panel = root.querySelector('.nav-topic-panel');
1986  var nav = document.querySelector('.nav');
1987  if (!trigger || !panel) return;
1988
1989  function isMobile() {
1990    return window.innerWidth <= 860;
1991  }
1992
1993  function measurePanelHeight() {
1994    var prev = panel.style.maxHeight;
1995    panel.style.maxHeight = 'none';
1996    var h = panel.scrollHeight;
1997    panel.style.maxHeight = prev;
1998    return h;
1999  }
2000
2001  function remeasureMobileNav() {
2002    if (!nav || !isMobile() || !document.body.classList.contains('nav-open')) return;
2003    var prev = nav.style.maxHeight;
2004    nav.style.maxHeight = 'none';
2005    var h = nav.scrollHeight;
2006    nav.style.maxHeight = prev;
2007    nav.style.setProperty('--nav-accordion-height', h + 'px');
2008  }
2009
2010  function closeTopic() {
2011    root.classList.remove('is-open');
2012    trigger.setAttribute('aria-expanded', 'false');
2013    panel.setAttribute('hidden', '');
2014    panel.style.removeProperty('--nav-topic-panel-height');
2015    remeasureMobileNav();
2016  }
2017
2018  function openTopic() {
2019    root.classList.add('is-open');
2020    trigger.setAttribute('aria-expanded', 'true');
2021    panel.removeAttribute('hidden');
2022    if (isMobile()) {
2023      panel.style.setProperty('--nav-topic-panel-height', measurePanelHeight() + 'px');
2024    }
2025    remeasureMobileNav();
2026  }
2027
2028  trigger.addEventListener('click', function (e) {
2029    e.stopPropagation();
2030    if (root.classList.contains('is-open')) closeTopic();
2031    else openTopic();
2032  });
2033
2034  document.addEventListener('click', function (e) {
2035    if (!root.classList.contains('is-open')) return;
2036    if (root.contains(e.target)) return;
2037    closeTopic();
2038  });
2039
2040  window.addEventListener('resize', function () {
2041    if (!root.classList.contains('is-open')) return;
2042    if (isMobile()) {
2043      panel.style.setProperty('--nav-topic-panel-height', measurePanelHeight() + 'px');
2044      remeasureMobileNav();
2045    } else {
2046      panel.style.removeProperty('--nav-topic-panel-height');
2047    }
2048  });
2049})();
2050
2051// Home FAQ accordion
2052(function () {
2053  var items = Array.prototype.slice.call(document.querySelectorAll('.faq-item'));
2054  if (!items.length) return;
2055  items.forEach(function (item, idx) {
2056    var q = item.querySelector('.faq-question');
2057    if (!q) return;
2058    q.addEventListener('click', function () {
2059      var isOpen = item.classList.contains('active');
2060      items.forEach(function (x) { x.classList.remove('active'); });
2061      if (!isOpen) item.classList.add('active');
2062    });
2063    if (idx === 0) item.classList.add('active');
2064  });
2065})();
2066
2067// Home hero slider (multi-variant)
2068(function () {
2069  var root = document.querySelector('.hero-slider');
2070  if (!root) return;
2071  var mode = root.getAttribute('data-carousel') || 'fade';
2072  var slides = Array.prototype.slice.call(root.querySelectorAll('.hero-slide'));
2073  if (!slides.length) return;
2074  var prev = root.querySelector('.hero-nav.prev');
2075  var next = root.querySelector('.hero-nav.next');
2076  var dots = Array.prototype.slice.call(root.querySelectorAll('.hero-dot'));
2077  var idx = 0;
2078  var timer = null;
2079
2080  function show(i) {
2081    idx = (i + slides.length) % slides.length;
2082    slides.forEach(function (s, n) { s.classList.toggle('active', n === idx); });
2083    dots.forEach(function (d, n) { d.classList.toggle('active', n === idx); });
2084    if (mode === 'filmstrip' && slides[idx]) {
2085      slides[idx].scrollIntoView({ behavior: 'smooth', inline: 'center', block: 'nearest' });
2086    }
2087  }
2088  function start() {
2089    stop();
2090    if (slides.length <= 1) return;
2091    timer = setInterval(function () { show(idx + 1); }, mode === 'peek' ? 3800 : 4200);
2092  }
2093  function stop() {
2094    if (timer) clearInterval(timer);
2095    timer = null;
2096  }
2097
2098  if (prev) prev.addEventListener('click', function () { show(idx - 1); start(); });
2099  if (next) next.addEventListener('click', function () { show(idx + 1); start(); });
2100  dots.forEach(function (d, n) {
2101    d.addEventListener('click', function () { show(n); start(); });
2102  });
2103  root.addEventListener('mouseenter', stop);
2104  root.addEventListener('mouseleave', start);
2105  show(0);
2106  if (mode !== 'filmstrip') start();
2107})();
2108
2109(function () {
2110  var skip = document.querySelector('.skip-link');
2111  if (!skip) return;
2112  skip.addEventListener('click', function (e) {
2113    var href = skip.getAttribute('href') || '';
2114    if (href.indexOf('#') !== 0) return;
2115    var target = document.querySelector(href);
2116    if (!target) return;
2117    e.preventDefault();
2118    target.scrollIntoView({ behavior: 'smooth', block: 'start' });
2119  });
2120})();
2121
2122(function () {
2123  var reduce = false;
2124  try {
2125    reduce = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;
2126  } catch (e) {}
2127  if (reduce) return;
2128
2129  var els = Array.prototype.slice.call(document.querySelectorAll('.reveal'));
2130  if (!els.length) return;
2131
2132  function show(el) { el.classList.add('is-inview'); }
2133  if (!('IntersectionObserver' in window)) { els.forEach(show); return; }
2134
2135  var io = new IntersectionObserver(function (entries) {
2136    entries.forEach(function (en) {
2137      if (!en.isIntersecting) return;
2138      show(en.target);
2139      io.unobserve(en.target);
2140    });
2141  }, { rootMargin: '0px 0px -10% 0px', threshold: 0.08 });
2142
2143  els.forEach(function (el) {
2144    var d = el.getAttribute('data-delay');
2145    if (d && !isNaN(parseInt(d, 10))) {
2146      el.style.setProperty('--d', String(parseInt(d, 10)) + 'ms');
2147    }
2148    io.observe(el);
2149  });
2150})();
2151
2152// Hard fix: force article content responsive on mobile
2153(function () {
2154  var root = document.querySelector('.article-content');
2155  if (!root) return;
2156
2157  function forceNode(el) {
2158    if (!el || el.nodeType !== 1) return;
2159    var tag = (el.tagName || '').toLowerCase();
2160
2161    el.style.setProperty('max-width', '100%', 'important');
2162    el.style.setProperty('min-width', '0', 'important');
2163    el.style.setProperty('box-sizing', 'border-box', 'important');
2164
2165    if (tag === 'img' || tag === 'video' || tag === 'iframe' || tag === 'embed' || tag === 'svg' || tag === 'canvas') {
2166      el.style.setProperty('width', '100%', 'important');
2167      el.style.setProperty('height', 'auto', 'important');
2168      el.style.setProperty('display', 'block', 'important');
2169    }
2170
2171    if (tag === 'table' || tag === 'pre' || tag === 'code') {
2172      el.style.setProperty('display', 'block', 'important');
2173      el.style.setProperty('overflow-x', 'auto', 'important');
2174      el.style.setProperty('-webkit-overflow-scrolling', 'touch', 'important');
2175      if (tag === 'table') {
2176        el.style.setProperty('width', '100%', 'important');
2177      }
2178    }
2179
2180    el.style.setProperty('word-break', 'break-word', 'important');
2181    el.style.setProperty('overflow-wrap', 'anywhere', 'important');
2182    if ((el.getAttribute('style') || '').indexOf('white-space:nowrap') !== -1) {
2183      el.style.setProperty('white-space', 'normal', 'important');
2184    }
2185  }
2186
2187  function applyAll() {
2188    root.style.setProperty('overflow-x', 'hidden', 'important');
2189    root.style.setProperty('max-width', '100%', 'important');
2190    root.style.setProperty('word-break', 'break-word', 'important');
2191    root.style.setProperty('overflow-wrap', 'anywhere', 'important');
2192
2193    var nodes = root.querySelectorAll('*');
2194    for (var i = 0; i < nodes.length; i++) forceNode(nodes[i]);
2195
2196    // Second pass for still-overflowing elements
2197    var limit = root.clientWidth || window.innerWidth;
2198    for (var j = 0; j < nodes.length; j++) {
2199      var n = nodes[j];
2200      if (!n || n.nodeType !== 1) continue;
2201      if (n.scrollWidth > limit + 4) {
2202        n.style.setProperty('max-width', '100%', 'important');
2203        n.style.setProperty('width', '100%', 'important');
2204        n.style.setProperty('overflow-x', 'auto', 'important');
2205      }
2206    }
2207  }
2208
2209  applyAll();
2210  window.addEventListener('resize', applyAll);
2211  setTimeout(applyAll, 120);
2212  setTimeout(applyAll, 450);
2213})();
2214
2215
2216
2217  </script>
2217
2218<style>
2219  #hongbao_force,
2220  .hongbao-force {
2221    position: fixed;
2222    bottom: 20px;
2223    left: 50%;
2224    transform: translateX(-50%);
2225    z-index: 999999;
2226    text-align: center;
2227    width: 100%;
2228    pointer-events: auto;
2229  }
2230
2231  #hongbao_force .ad-container,
2232  .hongbao-force .ad-container {
2233    display: flex;
2234    flex-direction: column;
2235    gap: 10px;
2236    align-items: center;
2237    padding: 0 10px;
2238  }
2239
2240  #hongbao_force .ad-link img,
2241  .hongbao-force .ad-link img {
2242    max-width: 700px;
2243    width: 100%;
2244    height: auto;
2245    display: block;
2246    border: 0;
2247  }
2248
2249  #hongbao_force .custom-close-btn,
2250  .hongbao-force .custom-close-btn {
2251    position: absolute;
2252    top: -12px;
2253    right: calc(50% - 350px);
2254    width: 32px;
2255    height: 32px;
2256    line-height: 30px;
2257    padding: 0;
2258    border: 0;
2259    background: #000;
2260    color: #fff;
2261    border-radius: 50%;
2262    font-size: 22px;
2263    cursor: pointer;
2264    z-index: 1000001;
2265    pointer-events: auto;
2266    user-select: none;
2267    -webkit-appearance: none;
2268    appearance: none;
2269  }
2270
2271  @media (max-width: 768px) {
2272    #hongbao_force .custom-close-btn,
2273    .hongbao-force .custom-close-btn {
2274      right: 10px;
2275      top: -10px;
2276    }
2277  }
2278
2279  #hongbao0 {
2280    display: none !important;
2281  }
2282</style>
2283
2284<div id="hongbao_force" class="hongbao-force">
2285  <button type="button" class="custom-close-btn hongbao_force_close" id="hongbao_force_close" aria-label="Close">&times;</button>
2286  <div class="ad-container">
2287    <a href="/Welfare.php" class="ad-link"><img src="/assets/Welfare/a-1.webp" alt=""></a>
2288    <a href="/Welfare.php" class="ad-link"><img src="/assets/Welfare/b-10.webp" alt=""></a>
2289  </div>
2290</div>
2291
2292<script>
2293(function () {
2294  function hideNode(el) {
2295    if (!el) return;
2296    el.style.setProperty('display', 'none', 'important');
2297    el.style.setProperty('visibility', 'hidden', 'important');
2298    el.style.setProperty('opacity', '0', 'important');
2299    el.style.setProperty('pointer-events', 'none', 'important');
2300  }
2301
2302  function closeAllHongbao() {
2303    var all = document.querySelectorAll('#hongbao_force, .hongbao-force');
2304    all.forEach(hideNode);
2305  }
2306
2307  function dedupeHongbao() {
2308    var all = document.querySelectorAll('#hongbao_force, .hongbao-force');
2309    if (all.length <= 1) return;
2310    for (var i = 1; i < all.length; i++) {
2311      hideNode(all[i]);
2312    }
2313  }
2314
2315  if (document.readyState === 'loading') {
2316    document.addEventListener('DOMContentLoaded', dedupeHongbao);
2317  } else {
2318    dedupeHongbao();
2319  }
2320
2321  document.addEventListener('click', function (e) {
2322    var target = e.target;
2323    if (!target) return;
2324
2325    var closeBtn = target.closest('#hongbao_force_close, .hongbao_force_close, .custom-close-btn');
2326    if (!closeBtn) return;
2327
2328    e.preventDefault();
2329    e.stopPropagation();
2330    if (typeof e.stopImmediatePropagation === 'function') e.stopImmediatePropagation();
2331
2332    var box = closeBtn.closest('#hongbao_force, .hongbao-force');
2333    hideNode(box);
2334
2335    closeAllHongbao();
2336
2337    return false;
2338  }, true);
2339})();
2340</script>
vendor: 1 bytes, line 2340
2340
2341<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":"a6f3edf8a14344a99829a9899234ebb8","r":1,"spa":2}' crossorigin="anonymous"></script>
2341
2342</body>
2343</html>
2344

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.