.page-game-bai{color:#333333;font-family:'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif}
.page-game-bai{max-width:100%;overflow-x:hidden}
.page-game-bai__hero{background:linear-gradient(135deg,#017439 0%,#014a26 100%);padding:20px 20px 32px}
.page-game-bai__hero-image{max-width:1020px;margin:0 auto}
.page-game-bai__hero-image img{display:block;width:100%;height:auto;aspect-ratio:17/5;object-fit:cover;border-radius:16px;box-shadow:0 8px 24px rgba(0,0,0,0.25)}
.page-game-bai__hero-content{max-width:1020px;margin:24px auto 0;text-align:center}
.page-game-bai__hero-title{color:#ffffff;font-size:clamp(1.45rem,3vw,2.2rem);font-weight:800;line-height:1.35;letter-spacing:-0.5px;margin:0 0 10px;text-shadow:0 2px 8px rgba(0,0,0,0.15)}
.page-game-bai__hero-subtitle{color:#d4edda;font-size:clamp(0.95rem,1.6vw,1.05rem);line-height:1.7;max-width:720px;margin:0 auto 0;font-weight:400}
.page-game-bai__hero-actions{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px;margin-top:0}
.page-game-bai__cta-btn,.page-game-bai__promo-btn{display:inline-block;background:#C30808;color:#FFFF00;font-weight:700;font-size:1rem;padding:12px 38px;border-radius:50px;text-decoration:none;transition:all 0.3s ease;box-shadow:0 6px 18px rgba(195,8,8,0.4);letter-spacing:0.3px}
.page-game-bai__cta-btn:hover,.page-game-bai__promo-btn:hover{background:#a00505;transform:translateY(-2px);box-shadow:0 10px 24px rgba(195,8,8,0.5)}
.page-game-bai__partner{background:#ffffff;padding:30px 20px}
.page-game-bai__partner-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px 18px;justify-items:center;max-width:1200px;width:100%;margin:0 auto}
.page-game-bai__partner-card{display:flex;flex-direction:column;align-items:center;gap:14px;max-width:280px;width:100%}
.page-game-bai__partner-card img{width:100%;height:auto;aspect-ratio:2/1;object-fit:contain;border:1px solid #e0e0e0;border-radius:10px;background:#f8faf9;padding:6px}
.page-game-bai__partner-btn{display:inline-block;background:#017439;color:#ffffff;font-size:0.88rem;font-weight:700;padding:8px 26px;border-radius:50px;text-decoration:none;transition:all 0.3s;border:1px solid transparent}
.page-game-bai__partner-btn:hover{background:#ffffff;color:#017439;border-color:#017439}
.page-game-bai__partner-card:nth-child(1){grid-column:auto}
.page-game-bai__partner-card:nth-child(2){grid-column:auto}
.page-game-bai__partner-card:nth-child(3){grid-column:auto}
.page-game-bai__partner-card:nth-child(4){grid-column:auto}
.page-game-bai__partner-card:nth-child(5){grid-column:2}
.page-game-bai__partner-card:nth-child(6){grid-column:3}
.page-game-bai__intro{background:#ffffff;padding:40px 20px}
.page-game-bai__intro-text{max-width:1000px;width:100%;margin:0 auto}
.page-game-bai__intro-title{color:#017439;font-size:clamp(1.5rem,2.8vw,2.1rem);font-weight:800;line-height:1.35;text-align:center;margin:0 0 28px}
.page-game-bai__intro-paragraph{background:#f0f8f4;border-left:4px solid #017439;padding:32px 40px;border-radius:0 16px 16px 0;line-height:2;font-size:1.02rem;color:#333333;margin:0}
.page-game-bai__features{background:#f6fbf8;padding:50px 20px}
.page-game-bai__features-title{color:#017439;font-size:clamp(1.5rem,2.8vw,2.1rem);font-weight:800;text-align:center;margin:0 0 40px}
.page-game-bai__features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;max-width:1200px;width:100%;margin:0 auto}
.page-game-bai__feature{background:#ffffff;border:1px solid #e8f0eb;border-radius:16px;padding:28px 24px;transition:box-shadow 0.3s}
.page-game-bai__feature:hover{box-shadow:0 6px 20px rgba(1,116,57,0.08)}
.page-game-bai__feature-title{color:#017439;font-size:1.16rem;font-weight:700;margin:0 0 10px}
.page-game-bai__feature-text{color:#4a5568;line-height:1.8;font-size:0.92rem;margin:0}
.page-game-bai__guide{background:#ffffff;padding:50px 20px}
.page-game-bai__guide-header{max-width:1000px;width:100%;margin:0 auto 32px}
.page-game-bai__guide-title{color:#017439;font-size:clamp(1.5rem,2.8vw,2.1rem);font-weight:800;text-align:center;margin:0}
.page-game-bai__guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1200px;width:100%;margin:0 auto 28px}
.page-game-bai__guide-figure{margin:0;background:#fafafa;border-radius:12px;overflow:hidden;border:1px solid #eee}
.page-game-bai__guide-figure img{width:100%;display:block;max-width:100%;aspect-ratio:2/1;object-fit:cover}
.page-game-bai__guide-caption{background:#017439;color:#ffffff;font-size:0.84rem;font-weight:500;text-align:center;padding:8px 12px;line-height:1.5}
.page-game-bai__guide-content{max-width:1000px;width:100%;margin:0 auto}
.page-game-bai__guide-text{background:#f8faf9;border-radius:12px;padding:28px 32px;line-height:2;color:#333333;font-size:0.96rem;border:1px dashed #017439;margin:0}
.page-game-bai__tips{background:#fff7f7;padding:50px 20px}
.page-game-bai__tips-content{max-width:900px;width:100%;margin:0 auto}
.page-game-bai__tips-title{color:#C30808;font-size:clamp(1.4rem,2.6vw,2rem);font-weight:800;text-align:center;margin:0 0 28px}
.page-game-bai__tips-text{line-height:2;color:#333333;background:#ffffff;padding:28px 32px;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,0.03);margin:0}
.page-game-bai__faq{background:#ffffff;padding:50px 20px;max-width:900px;width:100%;margin:0 auto}
.page-game-bai__faq-header{margin-bottom:24px}
.page-game-bai__faq-title{color:#017439;font-size:clamp(1.5rem,2.8vw,2.1rem);font-weight:800;text-align:center;margin:0 0 8px}
.page-game-bai__faq-item{margin-bottom:0}
.page-game-bai__faq-item details{border-bottom:1px solid #e0e0e0;padding:18px 0}
.page-game-bai__faq-item summary{list-style:none;cursor:pointer;font-weight:700;color:#017439;font-size:1.05rem;display:flex;align-items:center;justify-content:space-between;gap:16px}
.page-game-bai__faq-item summary::-webkit-details-marker{display:none}
.page-game-bai__faq-item summary::after{content:'+';font-size:1.8rem;font-weight:400;color:#017439;line-height:1;transition:transform 0.2s}
.page-game-bai__faq-item details[open] summary::after{content:'−';transform:rotate(180deg)}
.page-game-bai__faq-answer{color:#4a5568;line-height:1.9;padding:16px 16px 0;font-size:0.94rem;border-left:3px solid #017439;margin-top:12px;background:#f9fffb;border-radius:0 8px 8px 0}
.page-game-bai__promo{background:linear-gradient(135deg,#017439,#014a26);text-align:center;padding:56px 20px}
.page-game-bai__promo-title{color:#ffffff;font-size:clamp(1.5rem,2.8vw,2.1rem);font-weight:800;margin:0 0 8px}
.page-game-bai__promo-text{color:#d4edda;font-size:1.05rem;margin:0 0 24px}
@media (max-width:1024px){
.page-game-bai__features-grid{grid-template-columns:repeat(2,1fr)}
.page-game-bai__guide-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:768px){
.page-game-bai__hero{padding:12px 12px 20px}
.page-game-bai__hero-image img{aspect-ratio:2/1}
.page-game-bai__partner-grid{grid-template-columns:repeat(2,1fr)}
.page-game-bai__partner-card:nth-child(5){grid-column:auto}
.page-game-bai__partner-card:nth-child(6){grid-column:auto}
.page-game-bai__features-grid{grid-template-columns:1fr}
.page-game-bai__guide-grid{grid-template-columns:1fr}
.page-game-bai img{max-width:100%!important;height:auto!important}
.page-game-bai__intro-paragraph{padding:24px 20px}
.page-game-bai__faq{width:100%;box-sizing:border-box}
.page-game-bai__cta-btn,.page-game-bai__promo-btn,.page-game-bai__partner-btn{max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word;display:inline-block;text-align:center}
.page-game-bai__hero-actions{width:100%;overflow:hidden;box-sizing:border-box}
}