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 - JL18</title> 8 <meta name="description" content="Tuklasin ang jl18 para sa maayos na mobile libangan, mabilis na jl18 login, madaling jl18 app access, kapana-panabik na laro at sulit na jl18 promo."> 9 <meta name="keywords" content=""> 10 <link rel="canonical" href="https://riaumelayu.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://riaumelayu.com/#website","url":"https://riaumelayu.com/","name":"JL18","description":"Tuklasin ang jl18 para sa maayos na mobile libangan, mabilis na jl18 login, madaling jl18 app access, kapana-panabik na laro at sulit na jl18 promo.","inLanguage":"tl-PH","publisher":{"@id":"https://riaumelayu.com/#organization"}},{"@type":"Organization","@id":"https://riaumelayu.com/#organization","name":"JL18","url":"https://riaumelayu.com/","description":"Tuklasin ang jl18 para sa maayos na mobile libangan, mabilis na jl18 login, madaling jl18 app access, kapana-panabik na laro at sulit na jl18 promo.","contactPoint":{"@type":"ContactPoint","contactType":"customer support","email":"[email protected]","availableLanguage":"tl-PH"},"logo":{"@type":"ImageObject","url":"https://riaumelayu.com/assets/image/og-default.jpg"}},{"@type":"WebPage","@id":"https://riaumelayu.com/category#webpage","url":"https://riaumelayu.com/category","name":"Categories","description":"Tuklasin ang jl18 para sa maayos na mobile libangan, mabilis na jl18 login, madaling jl18 app access, kapana-panabik na laro at sulit na jl18 promo.","inLanguage":"tl-PH","isPartOf":{"@id":"https://riaumelayu.com/#website"},"about":{"@type":"Thing","name":"JL18"}},{"@type":"BreadcrumbList","@id":"https://riaumelayu.com/category#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://riaumelayu.com/"},{"@type":"ListItem","position":2,"name":"Categories","item":"https://riaumelayu.com/category"}]}]}</script>
1528 1529<meta property="og:type" content="website"> 1530<meta property="og:url" content="https://riaumelayu.com/category"> 1531<meta property="og:title" content="Categories - JL18"> 1532<meta name="twitter:title" content="Categories - JL18"> 1533<meta property="og:description" content="Tuklasin ang jl18 para sa maayos na mobile libangan, mabilis na jl18 login, madaling jl18 app access, kapana-panabik na laro at sulit na jl18 promo."> 1534<meta name="twitter:description" content="Tuklasin ang jl18 para sa maayos na mobile libangan, mabilis na jl18 login, madaling jl18 app access, kapana-panabik na laro at sulit na jl18 promo."> 1535<meta property="og:image" content="https://riaumelayu.com/assets/image/og-default.jpg"> 1536<meta name="twitter:image" content="https://riaumelayu.com/assets/image/og-default.jpg"> 1537<meta property="og:locale" content="tl_PH"> 1538<meta property="og:site_name" content="JL18"> 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="JL18"> 1551 <span class="brand-mark">S</span> 1552 <span class="brand-text">JL18</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 - JL18</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 (555)</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/slotgame12727.webp" alt="JL18 Login, Register, at Download: Gabay sa Pilipinas" loading="lazy" decoding="async" width="1200" height="675"></div> 1576 <div class="article-body"> 1577 <h3><a href="/category/Games/jl18-login-register-at-download-gabay-sa-pilipinas.html">JL18 Login, Register, at Download: Gabay sa Pilipinas</a></h3> 1578 <p class="excerpt">JL18 Login Register Philippines Download Free jl18 login register philippines download free â Ang JL18 ay isang popular na online platform para sa mga manlalaro</p> 1579 <div class="article-meta"> 1580 <span>2026-09-26</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/slotgame10400.webp" alt="JL18 Scatter: Paano Ito Nagpapataas ng Panalo sa Slots" loading="lazy" decoding="async" width="1200" height="675"></div> 1588 <div class="article-body"> 1589 <h3><a href="/category/Games/jl18-scatter-paano-ito-nagpapataas-ng-panalo-sa-slots.html">JL18 Scatter: Paano Ito Nagpapataas ng Panalo sa Slots</a></h3> 1590 <p class="excerpt">JL18 Scatter at Ang Kahalagahan Nito Ang JL18 Scatter ay isang mahalagang elemento sa mundo ng online slots. Sa mga laro ng slots, ang scatter symbol ay nagbibi</p> 1591 <div class="article-meta">
1592 <span>2026-09-26</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/slotgame12226.webp" alt="Paano I-download ang JL18 Casino Login App nang Libre" loading="lazy" decoding="async" width="1200" height="675"></div> 1600 <div class="article-body"> 1601 <h3><a href="/category/Games/paano-i-download-ang-jl18-casino-login-app-nang-libre.html">Paano I-download ang JL18 Casino Login App nang Libre</a></h3> 1602 <p class="excerpt">Pag-download ng JL18 Casino Login App â jl18 casino login app download free jl18 casino login app download free â Ang JL18 Casino ay nag-aalok ng iba't ibang la</p> 1603 <div class="article-meta"> 1604 <span>2026-09-26</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/slotgame11820.webp" alt="JL18 Casino Link: Paano Mag-access at Maglaro Online" loading="lazy" decoding="async" width="1200" height="675"></div> 1612 <div class="article-body"> 1613 <h3><a href="/category/Games/jl18-casino-link-paano-mag-access-at-maglaro-online.html">JL18 Casino Link: Paano Mag-access at Maglaro Online</a></h3> 1614 <p class="excerpt">JL18 Casino Link Ang JL18 Casino ay isang online platform na nag-aalok ng iba't ibang laro para sa mga manlalaro sa Pilipinas. Upang magamit ang JL18 Casino lin</p> 1615 <div class="article-meta"> 1616 <span>2026-09-26</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/slotgame10605.webp" alt="JL18 Legit Login Philippines: Gabay sa Ligtas na Pag-access" loading="lazy" decoding="async" width="1200" height="675"></div> 1624 <div class="article-body"> 1625 <h3><a href="/category/Games/jl18-legit-login-philippines-gabay-sa-ligtas-na-pag-access.html">JL18 Legit Login Philippines: Gabay sa Ligtas na Pag-access</a></h3> 1626 <p class="excerpt">JL18 Legit Login Philippinesjl18 legit login philippines â Para sa mga manlalaro sa Pilipinas, ang JL18 ay isang kilalang platform para sa online gaming. Ang un</p> 1627 <div class="article-meta"> 1628 <span>2026-09-26</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/slotgame11208.webp" alt="JL18 Facebook Link: Paano Mag-navigate at Kumonekta" loading="lazy" decoding="async" width="1200" height="675"></div> 1636 <div class="article-body"> 1637 <h3><a href="/category/Games/jl18-facebook-link-paano-mag-navigate-at-kumonekta.html">JL18 Facebook Link: Paano Mag-navigate at Kumonekta</a></h3> 1638 <p class="excerpt">JL18 Facebook Link: Makipag-ugnayan sa KomunidadAng pagkakaroon ng access sa JL18 Facebook link ay nagbibigay ng maraming benepisyo para sa mga manlalaro. Sa pa</p> 1639 <div class="article-meta"> 1640 <span>2026-09-25</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/slotgame12033.webp" alt="JL18 Login App: Paano Mag-login at Magamit ang App" loading="lazy" decoding="async" width="1200" height="675"></div> 1648 <div class="article-body"> 1649 <h3><a href="/category/Games/jl18-login-app-paano-mag-login-at-magamit-ang-app.html">JL18 Login App: Paano Mag-login at Magamit ang App</a></h3> 1650 <p class="excerpt">JL18 Login App: Paano Mag-login Ang JL18 login app ay nagbibigay-daan para sa mas madali at mabilis na pag-access sa iyong account. Upang mag-login, tiyakin na</p> 1651 <div class="article-meta"> 1652 <span>2026-09-25</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/slotgame10125.webp" alt="JL18 Login: Paano Mag-login at Seguridad ng Account" loading="lazy" decoding="async" width="1200" height="675"></div> 1660 <div class="article-body"> 1661 <h3><a href="/category/Games/jl18-login-paano-mag-login-at-seguridad-ng-account.html">JL18 Login: Paano Mag-login at Seguridad ng Account</a></h3> 1662 <p class="excerpt">JL18 Login: Paano Mag-login Ang JL18 login ay isang mahalagang hakbang para makapagsimula sa iyong online gaming experience. Una, pumunta sa opisyal na website</p> 1663 <div class="article-meta">
1664 <span>2026-09-25</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/slotgame12311.webp" alt="JL18 Login Philippines: Paano Mag-Access at Maglaro" loading="lazy" decoding="async" width="1200" height="675"></div> 1672 <div class="article-body"> 1673 <h3><a href="/category/Games/jl18-login-philippines-paano-mag-access-at-maglaro.html">JL18 Login Philippines: Paano Mag-Access at Maglaro</a></h3> 1674 <p class="excerpt">JL18 Login Philippines jl18 login philippines â Ang JL18 login ay isang mahalagang hakbang para sa mga manlalaro sa Pilipinas na nais mag-access ng kanilang acc</p> 1675 <div class="article-meta"> 1676 <span>2026-09-25</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/slotgame11158.webp" alt="JL18 App: Libreng Download ng APK para sa Masayang Gaming" loading="lazy" decoding="async" width="1200" height="675"></div> 1684 <div class="article-body"> 1685 <h3><a href="/category/Games/jl18-app-libreng-download-ng-apk-para-sa-masayang-gaming.html">JL18 App: Libreng Download ng APK para sa Masayang Gaming</a></h3> 1686 <p class="excerpt">Jl18 App Download Free Download APK jl18 app download free download apk â Ang JL18 app ay isang kilalang platform para sa mga manlalaro sa Pilipinas na naghahan</p> 1687 <div class="article-meta"> 1688 <span>2026-09-24</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/slotgame10923.webp" alt="Libreng Download ng JL18 Casino Login App" loading="lazy" decoding="async" width="1200" height="675"></div> 1696 <div class="article-body"> 1697 <h3><a href="/category/Games/libreng-download-ng-jl18-casino-login-app.html">Libreng Download ng JL18 Casino Login App</a></h3> 1698 <p class="excerpt">JL18 Casino Login App Download Free Ang JL18 Casino ay kilala sa pagbibigay ng kapanapanabik na karanasan sa online gaming. Upang mas mapadali ang pag-access, m</p> 1699 <div class="article-meta"> 1700 <span>2026-09-24</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/slotgame11207.webp" alt="JL18 Login Register Online Registration: Madaling Gabay" loading="lazy" decoding="async" width="1200" height="675"></div> 1708 <div class="article-body"> 1709 <h3><a href="/category/Games/jl18-login-register-online-registration-madaling-gabay.html">JL18 Login Register Online Registration: Madaling Gabay</a></h3> 1710 <p class="excerpt">JL18 Login Register Online Registration Ang JL18 ay isang kilalang platform para sa mga manlalaro sa Pilipinas na naghahanap ng ligtas at maayos na online regis</p> 1711 <div class="article-meta"> 1712 <span>2026-09-24</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/slotgame10215.webp" alt="Casino Online Games Roulette: Paano Maglaro at Manalo" loading="lazy" decoding="async" width="1200" height="675"></div> 1720 <div class="article-body"> 1721 <h3><a href="/category/Games/casino-online-games-roulette-paano-maglaro-at-manalo.html">Casino Online Games Roulette: Paano Maglaro at Manalo</a></h3> 1722 <p class="excerpt">Casino Online Games Roulette Ang casino online games roulette ay isa sa mga pinakasikat na laro sa online gambling. Sa artikulong ito, tatalakayin natin ang mga</p> 1723 <div class="article-meta"> 1724 <span>2026-09-19</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/slotgame12467.webp" alt="Roulette Games: Pag-explore sa Kasayahan ng Online Casino" loading="lazy" decoding="async" width="1200" height="675"></div> 1732 <div class="article-body"> 1733 <h3><a href="/category/Games/roulette-games-pag-explore-sa-kasayahan-ng-online-casino.html">Roulette Games: Pag-explore sa Kasayahan ng Online Casino</a></h3> 1734 <p class="excerpt">Roulette Games: Isang Komprehensibong Gabay Ang roulette games ay isa sa mga pinakasikat na laro sa mga online casino. Maraming manlalaro ang nahuhumaling sa si</p> 1735 <div class="article-meta">
1736 <span>2026-09-19</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/slotgame11214.webp" alt="Baccarat Rogue: Isang Gabay sa Laro at Tips para sa Tagumpay" loading="lazy" decoding="async" width="1200" height="675"></div> 1744 <div class="article-body"> 1745 <h3><a href="/category/Games/baccarat-rogue-isang-gabay-sa-laro-at-tips-para-sa-tagumpay.html">Baccarat Rogue: Isang Gabay sa Laro at Tips para sa Tagumpay</a></h3> 1746 <p class="excerpt">Baccarat Rogue Ang baccarat rogue ay isang natatanging bersyon ng klasikong baccarat na lumilikha ng excitement sa mga manlalaro sa mga online casino. Kilala it</p> 1747 <div class="article-meta"> 1748 <span>2026-09-18</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/slotgame10558.webp" alt="Online Baccarat Gambling: Gabay sa Ligtas na Paglalaro" loading="lazy" decoding="async" width="1200" height="675"></div> 1756 <div class="article-body"> 1757 <h3><a href="/category/Games/online-baccarat-gambling-gabay-sa-ligtas-na-paglalaro.html">Online Baccarat Gambling: Gabay sa Ligtas na Paglalaro</a></h3> 1758 <p class="excerpt">Online Baccarat Gambling Ang online baccarat gambling ay isa sa mga paboritong laro ng mga Pilipino sa mga online casino. Sa artikulong ito, tatalakayin natin a</p> 1759 <div class="article-meta"> 1760 <span>2026-09-18</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/slotgame11520.webp" alt="Roulette Innsatser: Gabay sa Pagpili ng Tamang Taya" loading="lazy" decoding="async" width="1200" height="675"></div> 1768 <div class="article-body"> 1769 <h3><a href="/category/Games/roulette-innsatser-gabay-sa-pagpili-ng-tamang-taya.html">Roulette Innsatser: Gabay sa Pagpili ng Tamang Taya</a></h3> 1770 <p class="excerpt">Roulette Innsatser: Paano Pumili ng Tamang Taya Ang roulette innsatser ay isa sa mga pangunahing aspeto ng laro ng roulette na dapat maunawaan ng mga manlalaro.</p> 1771 <div class="article-meta"> 1772 <span>2026-09-18</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/slotgame11449.webp" alt="Pag-unawa sa Roulette Chips: Gabay para sa Baguhan" loading="lazy" decoding="async" width="1200" height="675"></div> 1780 <div class="article-body"> 1781 <h3><a href="/category/Games/pag-unawa-sa-roulette-chips-gabay-para-sa-baguhan.html">Pag-unawa sa Roulette Chips: Gabay para sa Baguhan</a></h3> 1782 <p class="excerpt">Roulette Chips: Ano ang Kailangan Mong Malaman Ang roulette chips ay espesyal na uri ng chips na ginagamit sa laro ng roulette sa mga casino. Hindi tulad ng reg</p> 1783 <div class="article-meta"> 1784 <span>2026-09-18</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/slotgame10347.webp" alt="Pokemon Type Roulette: Isang Kakaibang Laro sa iGaming" loading="lazy" decoding="async" width="1200" height="675"></div> 1792 <div class="article-body"> 1793 <h3><a href="/category/Games/pokemon-type-roulette-isang-kakaibang-laro-sa-igaming.html">Pokemon Type Roulette: Isang Kakaibang Laro sa iGaming</a></h3> 1794 <p class="excerpt">Pokemon Type Roulette Ang Pokemon Type Roulette ay isang natatanging laro sa mundo ng iGaming na pinaghalong klasikong roulette at elements mula sa sikat na Pok</p> 1795 <div class="article-meta"> 1796 <span>2026-09-18</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/slotgame12271.webp" alt="Pag-unawa sa Automated Roulette Software para sa Filipino Players" loading="lazy" decoding="async" width="1200" height="675"></div> 1804 <div class="article-body"> 1805 <h3><a href="/category/Games/pag-unawa-sa-automated-roulette-software-para-sa-filipino-players.html">Pag-unawa sa Automated Roulette Software para sa Filipino Players</a></h3> 1806 <p class="excerpt">Automated Roulette Software: Paano Ito Gumagana? Ang automated roulette software ay isang makabagong teknolohiya na ginagamit upang gawing mas madali at mas mab</p> 1807 <div class="article-meta">
1808 <span>2026-09-17</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">‹</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">…</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">›</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">JL18</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://filbetx.com" target="_blank" rel="noopener noreferrer">filbet</a><a class="footer-link friend-link" href="https://pk7slotph.com" target="_blank" rel="noopener noreferrer">pk7 slot</a><a class="footer-link friend-link" href="https://phplusgame.com" target="_blank" rel="noopener noreferrer">phplus</a><a class="footer-link friend-link" href="https://tadhanaslotx.com" target="_blank" rel="noopener noreferrer">tadhana slot</a><a class="footer-link friend-link" href="https://balato88s.com" target="_blank" rel="noopener noreferrer">balato88</a><a class="footer-link friend-link" href="https://phbet-vip.com" target="_blank" rel="noopener noreferrer">phbet vip</a><a class="footer-link friend-link" href="https://sg8-slot.com" target="_blank" rel="noopener noreferrer">sg8</a><a class="footer-link friend-link" href="https://phjili-slot.com" target="_blank" rel="noopener noreferrer">phjili</a><a class="footer-link friend-link" href="https://ph444qslot.com" target="_blank" rel="noopener noreferrer">ph444q</a><a class="footer-link friend-link" href="https://ph123slot.com" target="_blank" rel="noopener noreferrer">ph123</a><a class="footer-link friend-link" href="https://phpark21slot.com" target="_blank" rel="noopener noreferrer">phpark21</a><a class="footer-link friend-link" href="https://joyjilihub.com" target="_blank" rel="noopener noreferrer">joyjili</a><a class="footer-link friend-link" href="https://pkbetgo.com" target="_blank" rel="noopener noreferrer">pkbet</a><a class="footer-link friend-link" href="https://betpk22s.com" target="_blank" rel="noopener noreferrer">betpk22</a><a class="footer-link friend-link" href="https://ezwinplus.com" target="_blank" rel="noopener noreferrer">ezwin</a><a class="footer-link friend-link" href="https://99jiliph.com" target="_blank" rel="noopener noreferrer">99jili</a><a class="footer-link friend-link" href="https://phmayas.com" target="_blank" rel="noopener noreferrer">phmaya</a><a class="footer-link friend-link" href="https://bet88phwin.com" target="_blank" rel="noopener noreferrer">bet88ph</a><a class="footer-link friend-link" href="https://jiliok-slot.com" target="_blank" rel="noopener noreferrer">jiliok</a><a class="footer-link friend-link" href="https://megaperyax.com" target="_blank" rel="noopener noreferrer">megaperya</a></div> 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 JL18. We share content about features, services, and gaming experiences to help users understand available options and responsible play.</p><p>This content is for informational purposes only and is not medical or financial advice. Casino activities involve risk, and only adults who meet legal requirements in your region should participate. Please play responsibly.</p> 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">Jl18</span></p> 1886 <p class="trust-audience">
1886Content is written for adult readers in your region interested in JL18.</p> 1887 <p class="trust-contact">Contact: <a href="/cdn-cgi/l/email-protection#493a3c3939263b3d093b20283c242c2528303c672a2624" itemprop="email"><span class="__cf_email__" data-cfemail="f5868085859a8781b5879c9480989099948c80db969a98">[email 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-26">Last updated: 2026-09-26</time></p> 1891 </div> 1892 </div> 1893 </div> 1894 1895 <div class="footer-bottom"> 1896 © 2026 riaumelayu.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><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">×</button> 2286 <div class="ad-container"> 2287 <a href="/Welfare.php" class="ad-link"><img src="/assets/Welfare/a-3.webp" alt=""></a> 2288 <a href="/Welfare.php" class="ad-link"><img src="/assets/Welfare/b-8.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":"40b600d403b44774a4ad51fc435e19ec","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.