.page-game-bai{--mainblue:#113B7A;--seablue:#1D5FD1;--deepnavy:#08162B;--cardbg:#10233F;--border:#244D84;--btnbg:linear-gradient(180deg,#2B73F6 0%,#1144A6 100%);--textmain:#F3F8FF;--textsec:#AFC4E8;--glow:#4FA8FF;--gold:#F2C14E;color:var(--textmain);font-family:'Inter','Segoe UI',sans-serif;background-color:var(--deepnavy);line-height:1.6}.page-game-bai a{text-decoration:none}.page-game-bai__hero-section{width:100%;margin:10px auto 0;display:flex;flex-direction:column;align-items:center;gap:16px;padding-bottom:16px}.page-game-bai__hero-image-wrapper{width:100%;max-width:1400px;flex:0 0 auto;order:1}.page-game-bai__hero-image{display:block;width:100%;max-width:1020px;aspect-ratio:17/5;object-fit:cover;margin:0 auto;border-radius:16px;box-shadow:0 0 18px var(--glow)}.page-game-bai__hero-content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:15px;width:100%;max-width:1000px;flex:0 0 auto;order:2}.page-game-bai__hero-title{color:var(--textmain);font-weight:900;line-height:1.2;letter-spacing:.5px;max-width:800px;margin:0}.page-game-bai__hero-description{font-size:1.1rem;color:var(--textsec);max-width:850px;margin:0}.page-game-bai__hero-button{display:inline-block;text-align:center;margin-top:5px;padding:14px 34px;border:none;border-radius:80px;background:var(--btnbg);color:#ffffff;font-weight:800;font-size:1.6em;letter-spacing:.6px; cursor:pointer;box-shadow:0 4px 20px rgba(47,128,246,.4);transition:transform .3s ease,background .3s ease;white-space:normal;word-wrap:break-word;box-sizing:border-box}.page-game-bai__hero-button:hover{background:linear-gradient(180deg,#1144A6 0%,#2B73F6 100%); -webkit-transform:translateY(-2px);transform:translateY(-2px)}.page-game-bai__section-heading{text-align:center;padding:50px 20px 30px}.page-game-bai__section-heading-title{font-size:2.5rem;font-weight:800;color:var(--textmain);letter-spacing:.5px;margin:0 0 8px;text-shadow:0 0 20px rgba(79,168,255,.5)}.page-game-bai__section-heading-sub{font-size:1.3rem;color:var(--textsec);margin:0;max-width:600px;margin-left:auto;margin-right:auto}.page-game-bai__showcase-section{margin:10px 0;padding:10px 30px 50px}.page-game-bai__game-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;justify-items:center;padding-top:20px}.page-game-bai__game-card{background:var(--cardbg);border:2px solid var(--border);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;transition:transform .3s ease,box-shadow .3s ease;width:100%;max-width:360px;box-shadow:0 8px 30px rgba(15,23,42,.4)}.page-game-bai__game-card:hover{-webkit-transform:scale(1.02);transform:scale(1.02);box-shadow:0 0 0 3px rgba(79,168,255,.6),0 8px 30px rgba(0,0,0,.4)}.page-game-bai__game-card-media{overflow:hidden}.page-game-bai__game-card-image{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.page-game-bai__game-card-body{padding:16px;display:flex;flex-direction:column;gap:8px}.page-game-bai__game-card-title{color:var(--gold);font-size:1.6rem;font-weight:700;text-align:left;margin:0}.page-game-bai__game-card-description{color:var(--textsec);font-size:1rem;text-align:left;margin:0;line-height:1.5}.page-game-bai__guide-section{background:var(--cardbg);border-top:1px solid var(--divider);border-bottom:1px solid var(--divider);padding:10px 16px 60px}.page-game-bai__guide-inner{display:flex;flex-direction:row;flex-wrap:wrap;gap:40px;justify-content:center;align-items:flex-start;flex:1 1 auto;width:100%;max-width:1200px;margin:0 auto;gap:20px}.page-game-bai__guide-steps{flex:1 1 auto;display:flex;flex-direction:column;gap:25px;min-width:290px;flex-basis:calc(50% - 20px)}.page-game-bai__guide-step{display:flex;gap:16px;align-items:flex-start;background:rgba(18,45,88,.2);padding:20px;border-radius:12px;border-left:4px solid var(--glow)}.page-game-bai__guide-step-number{background:var(--btnbg);color:#fff;width:44px;height:44px;border-radius:8px;display:flex;justify-content:center;align-items:center;font-size:1.5rem;font-weight:800;flex:0 0 auto}.page-game-bai__guide-step-content{flex:1}.page-game-bai__guide-step-title{font-size:1.4rem;color:var(--textmain);margin-top:0;margin-bottom:5px}.page-game-bai__guide-step-text{font-size:1rem;color:var(--textsec);margin-bottom:10px}.page-game-bai__guide-step-link{color:var(--glow);font-weight:700}.page-game-bai__guide-step-link:hover{text-decoration:underline;color:var(--gold)}.page-game-bai__guide-figure{flex:1 1 auto;flex-basis:calc(50% - 20px);min-width:290px;margin:0 auto}.page-game-bai__guide-image{display:block;width:100%;height:auto;max-width:800px;aspect-ratio:2/1;object-fit:cover;border-radius:18px}.page-game-bai__blog-section{padding:10px 30px 80px}.page-game-bai__blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;justify-items:center}.page-game-bai__blog-card{background:var(--cardbg);border:1px solid var(--divider);border-radius:16px;overflow:hidden;padding-bottom:15px;display:flex;flex-direction:column;gap:12px;max-width:420px;height:auto;transition:transform .2s ease;width:100%}.page-game-bai__blog-card:hover{ transform:translateY(-6px);border-color:var(--glow)}.page-game-bai__blog-card-image{width:100%;aspect-ratio:2/1;object-fit:cover;max-width:100%;height:auto;align-content:center}.page-game-bai__blog-card-content{padding:0 20px 10px;display:flex;flex-direction:column;gap:6px}.page-game-bai__blog-card-title{font-size:1.25rem;font-weight:700;margin:0;line-height:1.4}.page-game-bai__blog-card-title a{color:var(--glow);transition:color .2s}.page-game-bai__blog-card-title a:hover{color:var(--gold)}.page-game-bai__blog-card-excerpt{color:var(--textsec);font-size:.96rem;margin:0}.page-game-bai__blog-card-link{color:var(--gold);font-weight:800;font-size:1.1rem;align-self:flex-start}.page-game-bai__cta-section{caption-side:bottom}.page-game-bai__cta-inner{background:var(--cardbg);border:2px dashed var(--btnbg);border-radius:20px;text-align:center;padding:50px 25px;margin:0 30px 100px;box-shadow:0 0 30px rgba(79,168,255,.2)}.page-game-bai__cta-title{font-size:2.5rem;font-weight:900;color:var(--textmain);text-align:center;margin:0 0 12px}.page-game-bai__cta-sub{font-size:1.4rem;color:var(--glow);text-align:center;max-width:700px;margin:0 auto 36px;color:var(--textsec)}.page-game-bai__cta-button{display:inline-block;text-align:center;padding:16px 40px;border:none;border-radius:80px;background:var(--btnbg);color:#fff;font-weight:800;font-size:1.8rem;letter-spacing:.5px; cursor:pointer;transition:transform .2s ease,background .2s;box-shadow:0 4px 14px rgba(0,0,0,.2);text-transform:uppercase}.page-game-bai__cta-button:hover{background:linear-gradient(#1d5fd1,#113b7a)} .page-game-bai__faq-section{max-width:1100px;margin:0 auto;padding:10px 30px 100px}.page-game-bai__faq-heading{text-align:center;font-size:2.5rem;font-weight:800;color:var(--textmain);margin-bottom:35px;text-shadow:0 0 20px rgba(79,168,255,.5)}.page-game-bai__faq-list{display:flex;flex-direction:column;gap:12px}.page-game-bai__faq-item{background:var(--cardbg);border:1px solid var(--border);border-radius:12px;overflow:hidden}.page-game-bai__faq-question{color:var(--textmain);font-weight:700;padding:18px 20px;display:flex;justify-content:space-between;align-items:center;gap:10px;list-style:none;font-size:1.2rem} .page-game-bai__faq-question::-webkit-details-marker{display:none}.page-game-bai__faq-icon{color:var(--glow);font-size:1.6rem;font-weight:900;line-height:1}.page-game-bai__faq-answer{padding:0 20px 18px;margin:0;color:var(--textsec);font-size:1rem}.page-game-bai__faq-item[open] .page-game-bai__faq-question{border-bottom:1px solid var(--divider)} @media (max-width:1200px){.page-game-bai__game-grid{grid-template-columns:repeat(2,1fr);justify-items:center}.page-game-bai__game-card{max-width:340px;width:100%}.page-game-bai__blog-grid{grid-template-columns:repeat(2,1fr)}.page-game-bai__section-heading-title{font-size:2.2rem}.page-game-bai__section-heading-sub{font-size:1.1rem}}@media (max-width:1024px){.page-game-bai__guide-steps{flex-basis:100%;min-width:0}.page-game-bai__guide-figure{flex-basis:100%;min-width:0;margin-top:0}}@media (max-width:768px){.page-game-bai{padding:0;overflow-x:hidden}.page-game-bai__hero-section{padding-top:10px}.page-game-bai__hero-image{aspect-ratio:2/1}.page-game-bai__hero-title{font-size:1.8rem;line-height:1.2}.page-game-bai__hero-description{font-size:.98rem}.page-game-bai__section-heading-title{font-size:1.9rem}.page-game-bai__section-heading-sub{font-size:1rem}.page-game-bai__game-grid{grid-template-columns:repeat(2,1fr);gap:10px;padding-left:0;padding-right:0}.page-game-bai__game-card{max-width:100%;font-size:.7rem}.page-game-bai__game-card-body{padding:8px 10px}.page-game-bai__game-card-title{font-size:1rem}.page-game-bai__game-card-description{font-size:.8rem}.page-game-bai__guide-section{padding:20px 10px 80px}.page-game-bai__guide-steps{flex-basis:100%;width:100%}.page-game-bai__guide-step{flex-direction:column;align-items:flex-start;padding:15px}.page-game-bai__guide-step-text{font-size:.92rem}.page-game-bai__guide-image{width:100%;height:auto}.page-game-bai__blog-grid{grid-template-columns:1fr;gap:25px;justify-items:center}.page-game-bai section{padding:10px}.page-game-bai .page-game-bai__blog-section:first-child}@media(max-width:576px){.page-game-bai__game-grid{grid-template-columns:repeat(4,1fr);justify-content:space-between}.page-game-bai__game-card{grid-column:span 2;max-width:100%;border-radius:12px}.page-game-bai__game-card .page-game-bai__game-card-image{aspect-ratio:4/3}.page-game-bai__hero-button{border-radius:30px}.page-game-bai__section-heading{padding-left:10px;padding-right:10px}.page-game-bai__section-heading-title{padding-left:10px}.page-game-bai__section-heading-sub{padding-left:10px}}@media(min-width:1100px){.page-game-bai__hero-section .page-game-bai__hero-content{width:100%;max-width:1000px}.page-game-bai__guide-figure img{margin-left:auto;margin-right:auto}}.page-game-bai img{max-width:100%;height:auto}@media(max-width:768px){.page-game-bai img{max-width:100% !important;height:auto !important}}