.page-game-bai { color: #333333; font-family: Arial, Helvetica, sans-serif; line-height: 1.7; }
.page-game-bai h1, .page-game-bai h2, .page-game-bai h3 { color: #017439; }
.page-game-bai__intro-section { padding: 10px 16px 32px; background: #FFFFFF; }
.page-game-bai__intro-container { max-width: 1100px; width: 100%; margin: 0 auto; text-align: center; }
.page-game-bai__main-title { font-weight: 700; line-height: 1.3; letter-spacing: 0.3px; margin: 0 0 16px; color: #017439; }
.page-game-bai__intro-desc { color: #333333; margin: 0 auto 24px; max-width: 900px; }
.page-game-bai__cta-group { display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; margin-top: 8px; }
.page-game-bai__btn { display: inline-block; padding: 12px 22px; border-radius: 6px; text-decoration: none; font-weight: 700; text-align: center; max-width: 100%; box-sizing: border-box; white-space: normal; word-wrap: break-word; transition: opacity 0.2s ease; }
.page-game-bai__btn:hover { opacity: 0.88; }
.page-game-bai__btn--register { background: #C30808; color: #FFFF00; }
.page-game-bai__btn--login { background: #C30808; color: #FFFF00; }
.page-game-bai__btn--download { background: #017439; color: #FFFFFF; }
.page-game-bai__btn--promo { background: #017439; color: #FFFFFF; }
.page-game-bai__btn--support { background: #017439; color: #FFFFFF; }
.page-game-bai__article-section { padding: 32px 16px; background: #FFFFFF; }
.page-game-bai__article-section:nth-of-type(even) { background: #f5f5f5; }
.page-game-bai__article-container { max-width: 1100px; width: 100%; margin: 0 auto; }
.page-game-bai__section-title { font-weight: 700; margin: 0 0 20px; line-height: 1.35; }
.page-game-bai__subsection-title { font-weight: 700; margin: 24px 0 12px; line-height: 1.4; }
.page-game-bai__paragraph { margin: 0 0 16px; color: #333333; }
.page-game-bai__list { margin: 0 0 16px; padding-left: 22px; color: #333333; }
.page-game-bai__list-item { margin-bottom: 10px; }
.page-game-bai__text-link { color: #017439; font-weight: 700; text-decoration: underline; }
.page-game-bai__cta-group--bottom { margin-top: 24px; }
.page-game-bai__blog-section { padding: 32px 16px 48px; background: #FFFFFF; position: relative; }
.page-game-bai__blog-container { max-width: 1200px; width: 100%; margin: 0 auto; position: relative; padding: 0 40px; box-sizing: border-box; }
.page-game-bai__blog-slider { display: flex; gap: 16px; overflow: hidden; }
.page-game-bai__blog-card { flex: 0 0 calc(25% - 12px); min-width: 0; background: #FFFFFF; border: 1px solid #e0e0e0; border-radius: 8px; overflow: hidden; }
.page-game-bai__blog-link { display: block; text-decoration: none; color: #017439; }
.page-game-bai__blog-card img { width: 100%; aspect-ratio: 2 / 1; object-fit: cover; display: block; }
.page-game-bai__blog-title { font-size: 1rem; margin: 12px 12px 16px; text-align: center; line-height: 1.4; color: #017439; }
.page-game-bai__blog-prev, .page-game-bai__blog-next { position: absolute; top: 50%; transform: translateY(-50%); z-index: 2; background: #017439; color: #FFFFFF; border: none; width: 36px; height: 36px; border-radius: 50%; cursor: pointer; font-size: 1rem; line-height: 1; display: flex; align-items: center; justify-content: center; }
.page-game-bai__blog-prev { left: 0; }
.page-game-bai__blog-next { right: 0; }
@media (max-width: 1024px) {
  .page-game-bai__blog-card { flex-basis: calc(33.333% - 11px); }
}
@media (max-width: 768px) {
  .page-game-bai__intro-section { padding-top: 0; margin-top: 0; }
  .page-game-bai__main-title { line-height: 1.35; letter-spacing: 0.2px; }
  .page-game-bai__intro-desc { margin-bottom: 20px; }
  .page-game-bai__cta-group { flex-direction: column; align-items: stretch; }
  .page-game-bai__btn { width: 100%; max-width: 100%; }
  .page-game-bai__article-section { padding: 24px 16px; }
  .page-game-bai__section-title { line-height: 1.4; }
  .page-game-bai__blog-container { padding: 0 8px; }
  .page-game-bai__blog-slider { flex-wrap: nowrap; }
  .page-game-bai__blog-card { flex-basis: 100%; }
  .page-game-bai__blog-prev, .page-game-bai__blog-next { top: auto; bottom: -8px; transform: none; width: 34px; height: 34px; }
  .page-game-bai__blog-prev { left: 8px; }
  .page-game-bai__blog-next { right: 8px; }
  .page-game-bai img { max-width: 100% !important; height: auto !important; }
  .page-game-bai { max-width: 100%; overflow-x: hidden; }
}