:root{--bg:#eef0f3;--card:#fff;--line:#0a183617;--ink:#0b1a33;--ink2:#4b5565;--mute:#8a92a0;--navy:#011a3c;--mint:#7fe3c4;--teal:#0f8a6c}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);min-height:100vh;margin:0;font-family:Be Vietnam Pro,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}::selection{background:var(--mint);color:var(--navy)}a{color:var(--teal);text-decoration:none}a:hover{color:var(--navy)}button{cursor:pointer;font-family:inherit}.cp{font-family:Chakra Petch,Be Vietnam Pro,sans-serif}@keyframes gg-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes gg-glow{0%,to{opacity:.55}50%{opacity:1}}@keyframes gg-fade{0%{opacity:0}to{opacity:1}}.wrap{max-width:1200px;margin:0 auto}header{z-index:50;-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line);background:#fffffff0;position:sticky;top:0;box-shadow:0 2px 12px #0a18360d}.hbar{justify-content:space-between;gap:24px;min-height:74px;padding:14px 28px}.hbar,.logo{align-items:center;display:flex}.logo{flex:none}.logo img{width:auto;height:30px;display:block}.nav{align-items:center;gap:30px;display:flex}.mnav a,.nav a{letter-spacing:.3px;color:var(--ink2);text-transform:uppercase;white-space:nowrap;font-size:14.5px;font-weight:600}.mnav a:hover,.nav a:hover{color:var(--navy)}.hright{align-items:center;gap:10px;display:flex}.login{background:linear-gradient(135deg,#f2d06b,#e6be55);border:none;border-radius:9px;padding:10px 22px;font-size:14px;font-weight:700;display:inline-block;box-shadow:0 6px 16px #e6be5559}.ham,.login,.login:hover{color:var(--navy)}.ham{background:#f5f7fa;border:1px solid #021b3f2e;border-radius:9px;justify-content:center;align-items:center;width:42px;height:42px;font-size:20px}.ham,.mnav{display:none}.mnav{border-top:1px solid var(--line);flex-direction:column;gap:2px;padding:8px 16px 16px}.mnav a{padding:11px 6px;font-size:15px}.mnav a,.ticker{border-bottom:1px solid var(--line)}.ticker{background:#e2e7ee;overflow:hidden}.ticker .wrap{align-items:center;gap:16px;height:46px;padding:0 28px;display:flex}.hot{background:var(--navy);color:#fff;letter-spacing:1px;text-transform:uppercase;border-radius:6px;flex:none;align-items:center;gap:7px;padding:5px 12px;font-size:12px;font-weight:800;display:inline-flex}.hot i{background:#ff4d4d;border-radius:50%;width:7px;height:7px;animation:1.4s infinite gg-glow}.tk{white-space:nowrap;flex:1;overflow:hidden}.tk div{animation:26s linear infinite gg-marquee;display:inline-flex}.tk:hover div{animation-play-state:paused}.tk a{color:var(--ink2);padding-right:56px;font-size:14px}.tk a:hover{color:var(--navy);text-decoration:underline}main{padding:28px 28px 0}.hero{background:#132a52;border-radius:18px;overflow:hidden;box-shadow:0 18px 40px #0a18362e}.hero,.hslide{position:relative}.hslide{animation:.5s gg-fade}.hbg,.hbg>img{width:100%;height:100%;display:block;position:absolute;inset:0}.hbg>img{-o-object-fit:cover;object-fit:cover}.hin{height:340px;position:relative}.hslide.nobar .hin{aspect-ratio:1200/525;height:auto}.badge{background:var(--mint);color:var(--navy);letter-spacing:1.5px;text-transform:uppercase;border-radius:5px;padding:5px 11px;font-size:11px;font-weight:800;display:inline-block}h1{color:#fff;letter-spacing:1px;margin:0 0 8px;font-size:48px;font-weight:700;line-height:1.02}.hbar2{-webkit-backdrop-filter:blur(14px)saturate(120%);backdrop-filter:blur(14px)saturate(120%);background:#2b303a99;border-top:1px solid #ffffff24;align-items:center;gap:22px;padding:20px 28px;display:flex;position:relative}.happ{-o-object-fit:cover;object-fit:cover;border:2px solid #ffffffe6;border-radius:20px;flex:none;width:88px;height:88px;display:block;box-shadow:0 6px 16px #00000059}.hinfo{flex:1;min-width:0}.hinfo h1{text-shadow:0 2px 10px #00000059;margin:0 0 6px;font-size:34px;line-height:1.15}.hinfo p{color:#e3e6eb;text-shadow:0 1px 6px #00000059;margin:0;font-size:15px;line-height:1.5}.hbtn{flex-direction:column;flex:none;gap:10px;width:180px;display:flex}.b1,.b2{text-align:center;border-radius:10px;width:100%;padding:12px 18px;font-size:15px;display:block}.b1{background:linear-gradient(135deg,#f2d06b,#e6be55);border:1px solid #0000;font-weight:700;box-shadow:0 6px 16px #00000040}.b1,.b1:hover{color:var(--navy)}.b1:hover{filter:brightness(1.04)}.b2{color:#fff;background:#ffffff0f;border:1px solid #fff6;font-weight:600}.b2:hover{color:#fff;background:#ffffff24}.dots{gap:8px;display:flex;position:absolute;bottom:16px;right:20px}.dots button{cursor:pointer;background:#ffffff73;border:0;border-radius:3px;width:9px;height:5px;padding:0;transition:width .25s}.dots button.on{background:var(--mint);width:26px}.acts{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px;display:grid}.act{background:var(--card);border:1px solid var(--line);border-radius:13px;align-items:center;gap:14px;padding:18px 22px;transition:all .18s;display:flex;position:relative;box-shadow:0 2px 8px #0a18360a}.act:hover{border-color:var(--mint);transform:translateY(-2px);box-shadow:0 10px 24px #0a183614}.aico{background:#e3f7f0;border-radius:11px;flex:none;justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;display:flex}.aico.gold{background:linear-gradient(135deg,#f2d06b,#e6be55);box-shadow:0 6px 16px #e6be5566}.at{color:var(--ink);font-family:Chakra Petch,sans-serif;font-size:17px;font-weight:700}.as,.at{display:block}.as{color:var(--mute);margin-top:2px;font-size:12.5px}section.sec{margin-top:40px}.shead{justify-content:space-between;gap:12px;margin-bottom:18px}.shead,h2{align-items:center;display:flex}h2{color:var(--ink);gap:10px;margin:0;font-family:Chakra Petch,sans-serif;font-size:22px;font-weight:700}h2:before{content:"";background:var(--navy);border-radius:2px;width:4px;height:22px}.sr{align-items:center;gap:12px;display:flex}.all{font-size:13.5px;font-weight:600}.arr{gap:8px;display:flex}.arr button{background:var(--card);width:36px;height:36px;color:var(--navy);border:1px solid #021b3f26;border-radius:9px;justify-content:center;align-items:center;font-size:18px;transition:all .18s;display:flex}.arr button:hover{border-color:var(--navy);background:#f5f7fa}.track{scroll-snap-type:x mandatory;scrollbar-width:none;justify-content:center;gap:16px;padding-bottom:6px;display:flex;overflow-x:auto}.track::-webkit-scrollbar{display:none}.game{text-align:center;background:var(--card);border:1px solid var(--line);scroll-snap-align:start;border-radius:14px;flex:0 0 calc(33.3333% - 10.6667px);padding:16px 12px;transition:all .18s}.game:hover{border-color:var(--mint);box-shadow:0 10px 24px #0a183614}.gl{-o-object-fit:cover;object-fit:cover;border-radius:18px;width:76px;height:76px;margin:0 auto 12px;box-shadow:0 6px 16px #0a183626}.gl,.gn{display:block}.gn{color:var(--ink);font-size:14px;font-weight:600}.gc{color:var(--mute);margin-top:3px;font-size:11.5px;display:block}.tabs{gap:8px;display:flex}.tab{color:var(--ink2);cursor:pointer;background:#0a18360f;border-radius:8px;padding:6px 14px;font-size:13px;font-weight:600}.tab.on{background:var(--navy);color:#fff}.nlist{flex-direction:column;gap:14px;display:flex}.news{background:var(--card);border:1px solid var(--line);border-radius:14px;gap:18px;padding:14px;transition:all .18s;display:flex}.news:hover{border-color:var(--mint);box-shadow:0 10px 24px #0a183614}.thumb{background:repeating-linear-gradient(135deg,#e6ebf1,#e6ebf1 12px,#f1f4f8 0 24px);border-radius:10px;flex:none;width:190px;height:112px;position:relative;overflow:hidden}.tag{background:var(--mint);color:var(--navy);text-transform:uppercase;border-radius:5px;padding:3px 8px;font-size:10.5px;font-weight:800;position:absolute;bottom:8px;left:8px}.nb{flex:1;min-width:0;padding:4px 6px 4px 0}.ncat{color:var(--teal);margin-bottom:8px;font-size:11.5px;font-weight:700}.news h3{color:var(--ink);margin:0 0 8px;font-family:Chakra Petch,sans-serif;font-size:18px;font-weight:600;line-height:1.25}.news p{color:var(--ink2);margin:0;font-size:13.5px;line-height:1.55}.more{text-align:center;margin-top:24px}.more button{color:var(--navy);background:var(--card);border:1px solid #021b3f38;border-radius:10px;padding:12px 32px;font-size:14px;font-weight:700}.more button:hover{border-color:var(--navy)}footer{border-top:1px solid var(--line);background:#e2e7ee;margin-top:56px}footer .wrap{text-align:center;padding:44px 28px 20px}.flogo{justify-content:center;margin-bottom:22px;display:flex}.flogo img{width:auto;height:28px;display:block}.op{color:var(--mute);letter-spacing:2px;text-transform:uppercase;margin:0 0 6px;font-size:13px}.co{color:var(--ink);margin:0 0 14px;font-family:Chakra Petch,sans-serif;font-size:19px;font-weight:700}.info{max-width:760px;color:var(--ink2);margin:0 auto;font-size:13.5px;line-height:1.9}.info p{margin:0}.fb{color:var(--mute);border-top:1px solid #0a18361a;margin-top:22px;padding-top:20px;font-size:12.5px}.fl{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 16px;display:flex}.fl a{color:var(--ink2)}.fl a:hover{color:var(--navy)}@media (width<=1024px){.nav{display:none}.ham,header.open .mnav{display:flex}}.olist{flex-direction:column;gap:14px;display:flex}.orow{background:var(--card);border:1px solid var(--line);border-radius:14px;align-items:center;gap:18px;padding:16px 18px;display:flex}.orow img{border-radius:15px;flex:none;width:64px;height:64px;display:block;box-shadow:0 4px 12px #0a18361f}.oinfo{flex:1;min-width:0}.oname{color:var(--ink);margin:0 0 6px;font-family:Chakra Petch,sans-serif;font-size:18px;font-weight:700}.olinks{flex-wrap:wrap;gap:10px;display:flex}.ol{background:#fff;border:1px solid #021b3f26;border-radius:9px;align-items:center;gap:7px;padding:10px 16px;font-size:13.5px;font-weight:700;display:inline-flex}.ol,.ol:hover{color:var(--navy)}.ol:hover{border-color:var(--navy);background:#f5f7fa}.ol.topup{border-color:#0000}.ol.topup,.ol.topup:hover{background:linear-gradient(135deg,#f2d06b,#e6be55)}.ol.topup:hover{filter:brightness(.97)}.chip{color:var(--ink2);background:#0a18360f;border-radius:6px;padding:3px 9px;font-size:11.5px;font-weight:700}.chip.st{background:var(--mint);color:var(--navy)}@media (width<=760px){.hbar{gap:12px;padding:14px 16px}.logo img{height:22px}main{padding:18px 16px 0}.hin{aspect-ratio:16/9;height:auto}.hbar2{flex-wrap:wrap;gap:14px;padding:16px}.happ{border-radius:15px;width:64px;height:64px}.hinfo h1{margin-bottom:4px;font-size:22px}.hinfo p{font-size:13.5px}.hbtn{flex-direction:row;flex:100%;width:auto}.b1,.b2{flex:1;padding:12px 10px}.dots{bottom:10px;right:12px}.acts{grid-template-columns:1fr}.orow{flex-wrap:wrap}.olinks{width:100%}.ol{white-space:nowrap;flex-direction:column;flex:1;justify-content:center;gap:3px;padding:10px 4px;font-size:13px}.game{flex-basis:78%}.news{flex-direction:column}.thumb{width:100%;height:170px}}.bnav{display:none}@media (width<=760px){body{padding-bottom:calc(64px + env(safe-area-inset-bottom,0px))}.bnav{z-index:55;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line);padding:6px 4px calc(6px + env(safe-area-inset-bottom,0px));background:#fffffff7;display:flex;position:fixed;bottom:0;left:0;right:0}.bnav a{min-width:0;color:var(--ink2);white-space:nowrap;flex-direction:column;flex:1;align-items:center;gap:2px;padding:4px 0;font-size:11.5px;font-weight:700;display:flex}.bnav a i{font-size:20px;font-style:normal;line-height:1}.bnav a.on,.bnav a.pri{color:var(--navy)}.bnav a.pri i{background:linear-gradient(135deg,#f2d06b,#e6be55);border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;margin-top:-5px;margin-bottom:-3px;font-size:17px;display:flex;box-shadow:0 3px 8px #e6be5566}.bnav a.on:after{content:"";background:var(--mint);border-radius:2px;width:18px;height:3px;margin-top:1px}}.page{min-height:52vh}.user{position:relative}.ubtn{max-width:200px;color:var(--navy);background:#fff;border:1px solid #021b3f26;border-radius:999px;align-items:center;gap:8px;padding:5px 12px 5px 5px;font-size:14px;font-weight:700;display:flex}.ubtn:hover{border-color:var(--navy)}.av{width:30px;height:30px;color:var(--navy);text-transform:uppercase;background:linear-gradient(135deg,#f2d06b,#e6be55);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:13px;font-weight:800;display:flex}.un{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.car{opacity:.6;font-size:11px}.udrop{border:1px solid var(--line);z-index:61;background:#fff;border-radius:12px;min-width:200px;padding:6px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 14px 34px #0a183624}.udrop a,.udrop button{text-align:left;width:100%;color:var(--ink);background:0 0;border:none;border-radius:8px;padding:10px 12px;font-size:14px;font-weight:600;display:block}.udrop a:hover,.udrop button:hover{color:var(--navy);background:#f2f4f7}.udrop button{color:#c0392b}.acctbd{z-index:60;position:fixed;inset:0}@media (width<=760px){.ubtn{max-width:120px;padding-right:8px}.ubtn .car{display:none}.card{padding:16px}}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;margin-bottom:16px;padding:20px 22px}.post{max-width:864px;margin:0 auto}.pback{color:var(--ink2);margin-bottom:10px;font-size:13.5px;font-weight:600;display:inline-block}.pmeta{align-items:baseline;gap:10px;margin-bottom:18px;display:flex}.pmeta .gc{margin-top:0}.chipcat{letter-spacing:.5px;text-transform:uppercase;color:var(--teal);font-size:11.5px;font-weight:800}.post h1{color:var(--ink);margin:0 0 8px;font-size:32px;line-height:1.2}.pcover{border-radius:14px;width:100%;height:auto;margin-bottom:20px;display:block;box-shadow:0 10px 26px #0a18361f}.pbody>:last-child{margin-bottom:0}.pbody{color:var(--ink);font-size:16px;line-height:1.75}.pbody p{margin:0 0 16px}.pbody h2{margin:28px 0 12px;font-size:22px}.pbody h3{margin:24px 0 10px;font-size:18px}.pbody img{border-radius:12px;max-width:100%;height:auto;margin:18px 0;display:block}.pbody ol,.pbody ul{margin:0 0 16px;padding-left:22px}.pbody li{margin-bottom:6px}.pbody a{color:var(--teal);font-weight:600;text-decoration:underline}.pbody blockquote{border-left:4px solid var(--mint);background:#f5f7fa;border-radius:0 10px 10px 0;margin:18px 0;padding:12px 18px}.pbody table{border-collapse:collapse;width:100%;margin:18px 0}.pbody td,.pbody th{border:1px solid var(--line);text-align:left;padding:9px 11px}.pbody th{background:#f5f7fa;font-weight:700}.pbody iframe{aspect-ratio:16/9;border:0;border-radius:12px;width:100%;max-width:100%;height:auto;margin:18px 0;display:block}.pbody{overflow-x:auto}@media (width<=760px){.post h1{font-size:25px}.pbody{font-size:15.5px}}.orow>a{flex:none}.oname a{color:inherit}.oname a:hover{color:var(--navy)}.ghero{background:#0b1a33;position:relative;overflow:hidden}.ghero>img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.ghero:after,.ghero>img{position:absolute;inset:0}.ghero:after{content:"";background:linear-gradient(#060e2040,#060e208c 45%,#060e20f2)}.ghero .wrap{z-index:1;min-height:380px;padding:40px 28px;position:relative}.ghero .wrap,.gid{align-items:flex-end;display:flex}.gid{gap:24px;width:100%}.gid>img{border:3px solid #ffffffd9;border-radius:28px;flex:none;width:132px;height:132px;box-shadow:0 14px 34px #00000080}.gmeta{color:#fff;flex:1;min-width:0}.gmeta h1{color:#fff;letter-spacing:.5px;margin:0 0 10px;font-family:Chakra Petch,Be Vietnam Pro,sans-serif;font-size:44px;font-weight:700;line-height:1.05}.gmeta p{color:#d9dde4;margin:10px 0 0;font-size:15.5px}.gchips{flex-wrap:wrap;gap:8px;display:flex}.gchips span{color:#fff;background:#ffffff24;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:700}.gchips span.st{background:var(--mint);color:var(--navy)}.gcta{flex:none;gap:12px;display:flex}.gcta a{white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:14px 28px;font-size:15px;font-weight:700;display:inline-flex}.gcta .p1{color:var(--navy);background:linear-gradient(135deg,#f2d06b,#e6be55);box-shadow:0 8px 20px #0000004d}.gcta .p1:hover{color:var(--navy);filter:brightness(1.04)}.gcta .p2{color:#fff;background:#ffffff1f;border:1px solid #ffffff59}.gcta .p2:hover{color:#fff;background:#fff3}.gtabs{z-index:40;border-bottom:1px solid var(--line);background:#fff;position:sticky;top:74px;box-shadow:0 2px 10px #0a18360a}.gtabs .wrap{scrollbar-width:none;gap:6px;padding:0 28px;display:flex;overflow-x:auto}.gtabs .wrap::-webkit-scrollbar{display:none}.gtabs a{color:var(--ink2);white-space:nowrap;border-bottom:3px solid #0000;flex:none;padding:16px 16px 14px;font-size:14.5px;font-weight:700}.gtabs a.on,.gtabs a:hover{color:var(--navy)}.gtabs a.on{border-bottom-color:var(--mint)}.gtabs a.ext:after{content:" ↗";opacity:.6;font-size:12px}main section[id]{scroll-margin-top:140px}.intro p{color:var(--ink2);white-space:pre-line;margin:0;font-size:15px;line-height:1.7}.intro p+p{margin-top:12px}.slider{max-width:960px;margin:0 auto;position:relative}.strack{scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;background:#e6ebf1;border-radius:14px;outline:none;display:flex;overflow-x:auto}.strack::-webkit-scrollbar{display:none}.strack:focus-visible{box-shadow:0 0 0 3px #7fe3c4b3}.sl{scroll-snap-align:center;aspect-ratio:16/9;flex:0 0 100%}.sl img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.snav{width:46px;height:46px;color:var(--navy);z-index:2;background:#ffffffeb;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:26px;line-height:1;transition:all .15s;display:flex;position:absolute;top:calc(50% - 18px);transform:translateY(-50%);box-shadow:0 6px 18px #0a183633}.snav:hover{background:#fff;transform:translateY(-50%)scale(1.06)}.snav:disabled{opacity:.35;cursor:default;transform:translateY(-50%)}.snav.prev{left:14px}.snav.next{right:14px}.sdots{justify-content:center;gap:8px;margin-top:14px;display:flex}.sdots button{background:#0a183633;border:none;border-radius:5px;width:9px;height:9px;padding:0;transition:all .2s}.sdots button.on{background:var(--navy);width:26px}.slider.one .sdots,.slider.one .snav{display:none}.empty{text-align:center;background:var(--card);color:var(--mute);border:1px dashed #0a18362e;border-radius:14px;padding:48px 20px;font-size:14.5px}.empty b{color:var(--ink2);margin-bottom:4px;font-size:16px;display:block}.empty a{font-weight:700}.qgrid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.q{background:var(--card);border:1px solid var(--line);border-radius:13px;align-items:center;gap:14px;padding:18px 20px;transition:all .18s;display:flex}.q:hover{border-color:var(--mint);transform:translateY(-2px);box-shadow:0 10px 24px #0a183614}.q .aico{flex:none}.q b{color:var(--ink);font-family:Chakra Petch,sans-serif;font-size:16.5px;display:block}.q small{color:var(--mute);margin-top:2px;font-size:12.5px;display:block}@media (width<=760px){.snav{width:38px;height:38px;font-size:22px}.snav.prev{left:8px}.snav.next{right:8px}.gtabs .wrap{padding:0 8px}.gtabs a{padding:14px 12px 12px;font-size:14px}.ghero .wrap{min-height:0;padding:120px 16px 24px}.gid{flex-direction:column;align-items:flex-start;gap:14px}.gid>img{border-radius:22px;width:96px;height:96px}.gmeta h1{font-size:28px}.gcta{width:100%}.gcta a{flex:1;padding:13px 10px}.qgrid{grid-template-columns:1fr}}