*{box-sizing:border-box}html,.scroll-smooth{scroll-behavior:smooth}body{margin:0;font-family:Noto Sans SC,system-ui,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}ul,ol{margin:0;padding:0;list-style:none}a{text-decoration:none}.font-sans{font-family:Noto Sans SC,system-ui,sans-serif}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--brand-blue: #0c64ea;--brand-indigo: #4c53ff;--brand-dark: #050816;--slate-100: #f1f5f9}.bg-brand-dark{background-color:var(--brand-dark)}.bg-brand-dark\/95{background-color:#050816f2}.bg-brand-dark\/90{background-color:#050816e6}.bg-brand-dark\/80{background-color:#050816cc}.bg-brand-blue{background-color:var(--brand-blue)}.bg-brand-indigo{background-color:var(--brand-indigo)}.bg-brand-blue\/10{background-color:#0c64ea1a}.bg-white\/10{background-color:#ffffff1a}.bg-white\/5{background-color:#ffffff0d}.bg-white{background-color:#fff}.bg-color-ecf5ff{background-color:#ecf5ff}.bg-gray-800{background-color:#1f2937}.bg-gray-100{background-color:#f3f4f6}.text-slate-100{color:var(--slate-100)}.text-white{color:#fff}.text-white\/80{color:#fffc}.text-white\/75{color:#ffffffbf}.text-white\/70{color:#ffffffb3}.text-white\/60{color:#fff9}.text-white\/50{color:#ffffff80}.text-brand-blue{color:var(--brand-blue)}.text-brand-indigo{color:var(--brand-indigo)}.text-color-0c64ea{color:#0c64ea}.text-color-666{color:#666}.text-333{color:#333}.text-gray-600{color:#4b5563}.flex{display:flex}.flex-1{flex:1 1 0%}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.grid{display:grid}.p-1\.5{padding:.375rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-7{padding-left:1.75rem;padding-right:1.75rem}.px-\[15px\]{padding-left:15px;padding-right:15px}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-\[10px\]{padding-top:10px;padding-bottom:10px}.pb-4{padding-bottom:1rem}.pb-16{padding-bottom:4rem}.pt-\[6px\]{padding-top:6px}.pb-\[6px\]{padding-bottom:6px}.pl-\[8px\]{padding-left:8px}.pr-\[13px\]{padding-right:13px}.m-\[0_8px_0_8px\]{margin:0 8px}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-10{margin-top:2.5rem}.mt-12{margin-top:3rem}.mt-1{margin-top:.25rem}.mb-4{margin-bottom:1rem}.ml-auto{margin-left:auto}.mx-auto{margin-left:auto;margin-right:auto}.w-full{width:100%}.w-\[180px\]{width:180px}.w-\[20px\]{width:20px}.w-5{width:1.25rem}.w-24{width:6rem}.w-28{width:7rem}.w-32{width:8rem}.w-1\.5{width:.375rem}.w-4{width:1rem}.h-4{height:1rem}.h-8{height:2rem}.h-10{height:2.5rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-24{height:6rem}.h-28{height:7rem}.h-32{height:8rem}.h-1\.5{height:.375rem}.h-\[52px\]{height:52px}.h-full{height:100%}.min-h-screen{min-height:100vh}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.relative{position:relative}.absolute{position:absolute}.sticky{position:sticky}.top-0{top:0}.top-\[40px\]{top:40px}.-z-10{z-index:-10}.-z-20{z-index:-20}.z-10{z-index:10}.z-50{z-index:50}.inset-0{inset:0}.left-1\/2{left:50%}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.border{border-width:1px;border-style:solid}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-white\/5{border-color:#ffffff0d}.border-white\/10{border-color:#ffffff1a}.border-white\/15{border-color:#ffffff26}.border-white\/20{border-color:#fff3}.border-brand-blue{border-color:var(--brand-blue)}.border-brand-blue\/40{border-color:#0c64ea66}.rounded-\[4px\]{border-radius:4px}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.shadow-md{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.shadow-glow{box-shadow:0 25px 45px -20px #0c64ea73}.bg-cover{background-size:cover}.bg-center{background-position:center}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.from-brand-dark{--tw-gradient-from: var(--brand-dark);--tw-gradient-to: rgba(5, 8, 22, 0);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.via-brand-dark\/80{--tw-gradient-to: rgba(5, 8, 22, .8);--tw-gradient-stops: var(--tw-gradient-from), rgba(5, 8, 22, .8), var(--tw-gradient-to)}.to-brand-dark{--tw-gradient-to: var(--brand-dark)}.backdrop-blur{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.opacity-40{opacity:.4}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-\[11px\]{font-size:11px}.text-\[16px\]{font-size:16px}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.leading-tight{line-height:1.25}.leading-6{line-height:1.5rem}.leading-7{line-height:1.75rem}.leading-relaxed{line-height:1.625}.tracking-\[0\.3em\]{letter-spacing:.3em}.tracking-\[0\.35em\]{letter-spacing:.35em}.uppercase{text-transform:uppercase}.text-center{text-align:center}.text-left{text-align:left}.hidden{display:none}.block{display:block}.overflow-hidden{overflow:hidden}.object-contain{object-fit:contain}.whitespace-nowrap{white-space:nowrap}.cursor-pointer{cursor:pointer}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.hover\:bg-white\/10:hover{background-color:#ffffff1a}.hover\:bg-brand-indigo:hover{background-color:var(--brand-indigo)}.hover\:bg-color-ecf5ff:hover{background-color:#ecf5ff}.hover\:bg-gray-100:hover{background-color:#f3f4f6}.hover\:text-white:hover{color:#fff}.hover\:text-color-0c64ea:hover{color:#0c64ea}.hover\:border-brand-blue:hover{border-color:var(--brand-blue)}.hover\:underline:hover{text-decoration-line:underline}@media(min-width:640px){.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:py-20{padding-top:5rem;padding-bottom:5rem}.sm\:pb-20{padding-bottom:5rem}.sm\:pb-24{padding-bottom:6rem}.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}.sm\:text-lg{font-size:1.125rem;line-height:1.75rem}.sm\:flex-row{flex-direction:row}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:items-center{align-items:center}.sm\:items-start{align-items:flex-start}.sm\:items-end{align-items:flex-end}.sm\:gap-6{gap:1.5rem}.sm\:p-8{padding:2rem}.sm\:h-32{height:8rem}.sm\:w-32{width:8rem}.sm\:text-left{text-align:left}}@media(min-width:768px){.md\:block{display:block}.md\:flex{display:flex}.md\:hidden{display:none}.md\:flex-1{flex:1 1 0%}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:items-start{align-items:flex-start}.md\:items-end{align-items:flex-end}.md\:justify-between{justify-content:space-between}.md\:pl-6{padding-left:1.5rem}.md\:text-5xl{font-size:3rem;line-height:1}.md\:leading-\[1\.15\]{line-height:1.15}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1024px){.lg\:px-8{padding-left:2rem;padding-right:2rem}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.inline-flex{display:inline-flex}.flex-none{flex:none}.rounded-full{border-radius:9999px}.space-y-2>*+*{margin-top:.5rem}.space-y-3>*+*{margin-top:.75rem}.space-y-6>*+*{margin-top:1.5rem}.space-y-8>*+*{margin-top:2rem}.space-y-10>*+*{margin-top:2.5rem}.mt-\[30px\]{margin-top:30px}.yybg{background-image:url(../images/pc_bg-CTwTLb5G.png)}.currentGameList{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;list-style:none;padding:0;width:100%}@media(max-width:768px){.currentGameList{grid-template-columns:repeat(2,1fr);gap:15px}.gameMenuList{margin-left:0;gap:8px}.gameMenuList li{padding:4px 12px;font-size:12px;border-radius:14px}}@media(max-width:540px){.currentGameList{grid-template-columns:repeat(2,1fr);gap:8px}.game-card{padding:0;border-radius:8px}.game-info{padding:8px}.game-header{align-items:flex-start;gap:6px}.game-icon{display:none}.game-name{flex-direction:column;align-items:flex-start;gap:2px;font-size:11px;margin-bottom:2px}.game-platforms{margin-top:2px}.platform-icon{width:10px;height:10px}.game-size{flex-direction:column;align-items:flex-start;gap:2px;font-size:10px}.game-rtp{font-size:10px}.try-now-overlay:after{padding:6px 12px;font-size:12px}.coming-soon{padding:4px 10px;font-size:10px;border-radius:12px}.gameMenuList{margin-left:0;gap:8px}.gameMenuList li{padding:4px 12px;font-size:12px;border-radius:14px}}.game-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}.game-card:hover{transform:translateY(-5px);box-shadow:0 4px 16px #00000026}.game-image-wrapper{position:relative;width:100%;padding-bottom:100%;overflow:hidden;background:#f5f5f5}.game-cover{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.try-now-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0000;transition:background .3s ease;cursor:pointer}.game-card:hover .try-now-overlay{background:#0000004d}.game-card:hover .try-now-overlay:after{opacity:1}.coming-soon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000b3;color:#fff;padding:8px 20px;border-radius:20px;font-size:14px}.game-info{padding:15px}.game-header{display:flex;align-items:center;gap:12px}.game-icon{width:50px;height:50px;border-radius:10px;flex-shrink:0;object-fit:cover;box-shadow:0 2px 4px #0000001a}.game-details{flex:1;min-width:0}.game-name{display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:700;color:#333;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-size{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#999}.game-footer{display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px solid #f0f0f0}.game-platforms{display:flex;gap:6px}.platform-icon{width:14px;height:14px;object-fit:contain;opacity:.6;transition:opacity .2s ease}.platform-icon:hover{opacity:1}.game-rtp{font-size:13px;color:#ff6b00;font-weight:500}.gameMenuList{margin-left:20px;display:flex;gap:20px;list-style:none;padding:0}.gameMenuList li{padding:8px 20px;border-radius:20px;background:#f5f5f5;color:#666;cursor:pointer;transition:all .3s ease;font-size:16px}.gameMenuList li:hover{background:#e6f0ff;color:#0c64ea}.gameMenuList li.apiActived{background:#0c64ea;color:#fff;font-weight:700}.pagination{display:flex;justify-content:center;margin-top:40px}.el-pagination__list{display:flex;flex-wrap:wrap;align-items:center;gap:10px;list-style:none;padding:0;margin:0}.el-pagination__prev,.el-pagination__next,.el-pagination__pager{min-width:36px;height:36px;padding:0 8px;border:1px solid #dcdfe6;border-radius:6px;background:#fff;color:#606266;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;font-size:14px}.el-pagination__prev:hover:not(:disabled),.el-pagination__next:hover:not(:disabled),.el-pagination__pager:hover{color:#0c64ea;border-color:#0c64ea}.el-pagination__pager.is-active{background:#0c64ea;color:#fff;border-color:#0c64ea;font-weight:700}.el-pagination__prev:disabled,.el-pagination__next:disabled{cursor:not-allowed;opacity:.5}.el-pagination__prev svg,.el-pagination__next svg{display:block}