.page-game-bai {max-width: 100%; overflow-x: hidden; color: #333333; background-color: #FFFFFF; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; line-height: 1.6;}
.page-game-bai__hero-section {padding: 10px 0; margin:0 auto;}
.page-game-bai__hero-image-wrapper {max-width: 1200px; margin: 0 auto;}
.page-game-bai__hero-image {width: 100%; height: 350px; object-fit: cover; display: block; border-radius: 12px;}
.page-game-bai__hero-content {max-width: 1200px; margin: 0 auto; padding: 30px 16px 50px; text-align: center;}
.page-game-bai__hero-title {margin-bottom: 16px; font-size: clamp(1.8rem, 4vw, 3rem); line-height: 1.2; color: #017439; font-weight: 800;}
.page-game-bai__hero-description {font-size: 1.125rem; color: #333333; max-width: 800px; margin: 0 auto 16px; font-weight: 500;}
.page-game-bai__hero-sub-description {font-size: 1rem; color: #555555; max-width: 700px; margin: 0 auto 24px;}
.page-game-bai__hero-buttons {display: flex; flex-wrap: wrap; gap: 16px; justify-content: center;}
.page-game-bai__hero-button {display: inline-block; padding: 12px 32px; border-radius: 50px; text-decoration: none; font-weight: 700; font-size: 1rem; transition: opacity 0.3s; max-width: 100%; box-sizing: border-box; white-space: normal; word-wrap: break-word;}
.page-game-bai__hero-button--register {background-color: #C30808; color: #FFFF00;}
.page-game-bai__hero-button--login {background-color: #C30808; color: #FFFF00;}
.page-game-bai__hero-button:hover {opacity: 0.8;}
.page-game-bai__logo-section {background-color: #f2f9f4; padding: 26px 16px; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9;}
.page-game-bai__logo-title {font-size: 1.8rem; color: #017439; margin-bottom: 8px; text-align: center;}
.page-game-bai__logo-subtitle {text-align: center; color: #333333; margin-bottom: 30px;}
.page-game-bai__logo-grid {display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px 16px; justify-items: center; max-width: 1200px; margin: 0 auto;}
.page-game-bai__logo-item {display: flex; flex-direction: column; align-items: center; gap: 12px; max-width: 280px; width: 100%; text-align: center;}
.page-game-bai__logo-image {width: 100%; max-width: 400px; height: 200px; object-fit: contain; border: 1px solid #e6e6e6; border-radius: 8px; background-color: #FFFFFF;}
.page-game-bai__logo-label {font-weight: 600; color: #333333; word-break: break-word;}
.page-game-bai__logo-cta {padding: 10px 24px; border-radius: 50px; background-color: #C30808; color: #FFFF00; font-weight: 700; text-decoration: none; transition: background-color 0.3s;}
.page-game-bai__logo-cta:hover {background-color: #a00404; color: #FFFF00;}
.page-game-bai__logo-item:nth-child(5) {grid-column: 2;}
.page-game-bai__logo-item:nth-child(6) {grid-column: 3;}
.page-game-bai__guide-section {max-width: 1000px; margin: 0 auto; padding: 15px 0;}
.page-game-bai__guide-inner {display: flex; flex-direction: column; gap: 30px; padding: 10px 15px;}
.page-game-bai__guide-title {font-size: 1.8rem; color: #017439; text-align: center;}
.page-game-bai__guide-figure {
    margin: 0;
    padding: 10px 0;
    text-align: center;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    border: 1px solid #e9e9e9;
    background-color: #FFFFFF;
}
.page-game-bai__guide-figure img {width: 100%; max-width: 800px; height: 400px; object-fit: cover; display: block;}
.page-game-bai__guide-figure figcaption {padding: 16px; text-align: left; color: #555555; background-color: #FFFFFF; margin: 0; font-size: 1rem;}
.page-game-bai__intro-section {max-width: 1000px; margin: 0 auto; padding: 30px 20px;}
.page-game-bai__intro-title {color: #017439; font-size: 1.8rem;}
.page-game-bai__intro-paragraph {margin: 14px 0;}
.page-game-bai__intro-list {background: #FFFFFF; border: 1px solid #e9e9e9; border-radius: 8px; padding: 16px 20px;}
.page-game-bai__intro-list ul {list-style: disc; margin: 0 0 20px 20px;}
.page-game-bai__faq-section {max-width: 900px; margin: 0 auto 40px; padding: 0 15px; text-align: left;}
.page-game-bai__faq-title {color: #017439; margin-bottom: 20px;}
.page-game-bai__faq-item {border: 1px solid #e2e2e2; border-radius: 8px; margin-bottom: 16px; background-color: #FFFFFF; padding: 8px 16px;}
.page-game-bai__faq-question {list-style: none; cursor: pointer; font-weight: 600; font-size: 1.05rem; padding: 8px 0; display: flex; align-items: center; gap: 10px; color: #111111;}
.page-game-bai__faq-question::-webkit-details-marker {display: none;}
.page-game-bai__faq-icon {flex: 0 0 auto; display: inline-block; width: 28px; height: 28px; background-color: #017439; color: #FFFFFF; border-radius: 50%; text-align: center; line-height: 26px; font-size: 1.2rem; font-weight: bold;}
.page-game-bai__faq-answer {padding: 10px 0; margin: 0; border-top: 1px solid #f0f0f0;}
.page-game-bai__cta-bottom {text-align: center; padding: 20px 0 20px; margin: 10px 0 15px;}
.page-game-bai__cta-bottom-link {padding: 14px 52px; border-radius: 40px; background-color: #C30808; color: #FFFF00; text-decoration: none; display: inline-block; font-size: 1.2rem; font-weight: bold; max-width: 100%; box-sizing: border-box; white-space: normal; word-wrap: break-word;}
@media (prefers-reduced-motion: no-preference) {}
@media (max-width: 1024px) {
.page-game-bai__hero-image {height: auto; max-width: 100%;}
.page-game-bai__hero-title {font-size: 1.8rem;}
.page-game-bai__logo-grid {grid-template-columns: repeat(3, 1fr);}
.page-game-bai__logo-item:nth-child(4) {grid-column: auto;}
.page-game-bai__logo-item:nth-child(5) {grid-column: 2;}
.page-game-bai__logo-item:nth-child(6) {grid-column: auto;}
.page-game-bai img {max-width: 100%; height: auto;}
}
@media (max-width: 768px) {
.page-game-bai {overflow-x: hidden; max-width: 100%; padding-top: 0; margin-top: 0;}
.page-game-bai__hero-section {padding-top: 10px;}
.page-game-bai__hero-image {width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover;}
.page-game-bai__logo-grid {grid-template-columns: repeat(2, 1fr);}
.page-game-bai__logo-item:nth-child(4) {grid-column: auto;}
.page-game-bai__logo-item:nth-child(5) {grid-column: auto;}
.page-game-bai__logo-item:nth-child(6) {grid-column: auto;}
.page-game-bai__guide-figure {width: 100%;}
.page-game-bai__guide-figure img {max-width: 100%; space:10px; height: auto;}
.page-game-bai__logo-image {width: 100%; max-width: 100%; height: auto;}
.page-game-bai__logo-cta, .page-game-bai__hero-button, .page-game-bai__cta-bottom-link {max-width: 100%; white-space: normal; word-wrap: break-word; box-sizing: border-box;}
.page-game-bai__hero-buttons {flex-direction: column; align-items: center;}
.page-game-bai__hero-button {width: 100%;}
.page-game-bai img {max-width: 100% !important; height: auto !important;}
}
@media (max-width: 480px) {
.page-game-bai__hero-content {padding: 10px 15px 30px;}
.page-game-bai__cta-bottom-link {font-size: 1rem;}
.page-game-bai__logo-grid {gap: 10px;}
}