.page-game-bai{background-color:#140C0C;color:#FFF1E8;font-family:'Be Vietnam Pro',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;line-height:1.6;overflow-x:hidden} .page-game-bai__container{max-width:1200px;margin:0 auto;padding-left:20px;padding-right:20px;width:100%;box-sizing:border-box} .page-game-bai__container--narrow{max-width:900px} .page-game-bai__hero-section{padding-top:10px;background:linear-gradient(180deg,#1A0A0A 0%,#140C0C 100%);border-bottom:2px solid #6A1E1E} .page-game-bai__container{max-width:1200px;margin:0 auto;padding-left:20px;padding-right:20px;width:100%;box-sizing:border-box} .page-game-bai__container--narrow{max-width:900px} .page-game-bai__hero-image-wrapper{width:100%;margin-bottom:0;display:block} .page-game-bai__hero-image{display:block;width:100%;height:auto;aspect-ratio:17/5;object-fit:cover;border-radius:0;margin:0 auto} .page-game-bai__hero-content{padding:32px 20px 28px;text-align:center;max-width:900px;margin:0 auto} .page-game-bai__hero-title{color:#F3C54D;font-weight:800;font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.3;letter-spacing:0.5px;margin-bottom:16px;max-width:100%} .page-game-bai__hero-desc{color:rgba(255,241,232,0.9);font-size:clamp(1rem,1.2vw,1.125rem);max-width:850px;margin:0 auto 24px;line-height:1.7} .page-game-bai__hero-buttons{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;align-items:center;width:100%;max-width:100%;box-sizing:border-box} .page-game-bai__btn{display:inline-block;padding:14px 28px;border-radius:50px;font-weight:700;font-size:1rem;text-decoration:none;text-align:center;transition:transform 0.3s ease,box-shadow 0.3s;border:none;cursor:pointer;line-height:1.4;max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word} .page-game-bai__btn--primary{background:linear-gradient(180deg,#FFB04A 0%,#D86A14 100%);color:#140C0C;box-shadow:0 4px 14px rgba(255,176,74,0.4)} .page-game-bai__btn--primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,176,74,0.6)} .page-game-bai__btn--secondary{background:linear-gradient(135deg,#C61F1F,#7E0D0D);color:#FFF1E8;box-shadow:0 4px 14px rgba(198,31,31,0.4)} .page-game-bai__btn--secondary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(198,31,31,0.6)} .page-game-bai__btn--gold{background:linear-gradient(180deg,#F3C54D,#DAA520);color:#140C0C;box-shadow:0 4px 14px rgba(243,197,77,0.4)} .page-game-bai__btn--gold:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(243,197,77,0.6)} .page-game-bai__btn--outline{background:transparent;color:#F3C54D;border:2px solid #F3C54D} .page-game-bai__btn--outline:hover{background:rgba(243,197,77,0.1)} .page-game-bai__section-title{text-align:center;color:#F3C54D;font-weight:800;font-size:clamp(1.6rem,2.4vw,2.2rem);letter-spacing:0.3px;margin:0 0 16px} .page-game-bai__section-title--light{color:#140C0C} .page-game-bai__text{color:rgba(255,241,232,0.85);font-size:1.05rem;max-width:1000px;margin:0 auto 16px;line-height:1.8;text-align:left} .page-game-bai__intro-section,.page-game-bai__tips-section,.page-game-bai__experts-section,.page-game-bai__faq-section,.page-game-bai__blog-section{padding:50px 0;border-top:1px solid #6A1E1E} .page-game-bai__guide-section{padding:50px 0;border-top:2px solid #6A1E1E;background:linear-gradient(180deg,#140C0C,#1A1010)} .page-game-bai__guide-grid,.page-game-bai__features-grid,.page-game-bai__blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:24px} .page-game-bai__guide-card{background:#2A1212;border:1px solid #6A1E1E;border-radius:16px;padding:28px 22px;display:flex;flex-direction:column;gap:12px;transition:transform 0.3s,border-color 0.3s;height:100%;box-sizing:border-box} .page-game-bai__guide-card:hover{transform:translateY(-4px);border-color:#F3C54D} .page-game-bai__guide-card-icon{width:48px;height:48px;background:linear-gradient(135deg,#C61F1F,#7E0D0D);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#F3C54D;font-weight:800;font-size:1.4rem;margin-bottom:8px} .page-game-bai__guide-card h3,.page-game-bai__feature-card h3{color:#FFF1E8;font-size:1.2rem;margin-bottom:8px;line-height:1.4} .page-game-bai__guide-card p,.page-game-bai__feature-card p{color:rgba(255,241,232,0.8);font-size:0.95rem;line-height:1.7;flex-grow:1} .page-game-bai__guide-card .page-game-bai__btn,.page-game-bai__feature-card .page-game-bai__btn,.page-game-bai__game-card .page-game-bai__btn,.page-game-bai__top-card .page-game-bai__btn{margin-top:10px;align-self:flex-start} .page-game-bai__feature-card{background:rgba(42,18,18,0.6);border:1px solid rgba(106,30,30,0.5);border-radius:16px;padding:24px;text-align:left;transition:background 0.3s;box-sizing:border-box} .page-game-bai__feature-card:hover{background:#2A1212} .page-game-bai__feature-icon{font-size:2.2rem;margin-bottom:10px} .page-game-bai__features-grid{grid-template-columns:repeat(4,1fr)} .page-game-bai__games-section,.page-game-bai__top-section{padding:50px 0;border-top:1px solid #6A1E1E;background:#1A0F0F} .page-game-bai__summary-text{color:#F3C54D;font-weight:600;text-align:center;margin-bottom:12px;font-size:clamp(0.94rem,1.2vw,1.2rem)} .page-game-bai__games-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:24px} .page-game-bai__game-card{background:#2A1212;border:1px solid #6A1E1E;border-radius:14px;transition:border-color 0.3s,transform 0.3s;overflow:hidden;display:flex;flex-direction:column} .page-game-bai__game-card:hover{border-color:#F3C54D} .page-game-bai__game-image{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:14px 14px 0 0} .page-game-bai__game-content{padding:24px;display:flex;flex-direction:column;gap:12px;flex:1} .page-game-bai__game-content h3{color:#E53030;font-size:1.4rem;margin:0 0 8px} .page-game-bai__game-content p{color:rgba(255,241,232,0.85);font-size:1rem;line-height:1.75;margin:0 0 12px;flex-grow:1} .page-game-bai__parallax-section{background:linear-gradient(135deg,#C61F1F 0%,#7E0D0D 100%);padding:60px 0;position:relative} .page-game-bai__parallax-section::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:url("[GALLERY:hero:1600x900:cta-banner,background-cta]") center center/cover no-repeat;opacity:0.15;z-index:0} .page-game-bai__parallax-content{position:relative;z-index:1;text-align:center;} .page-game-bai__parallax-content .page-game-bai__section-title--light{color:#FFF1E8;font-size:clamp(1.4rem,2vw,2rem);} .page-game-bai__parallax-desc{color:#FFF1E8;max-width:800px;margin:10px auto 20px;line-height:1.8} .page-game-bai__top-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:24px} .page-game-bai__top-card{background:#2A1212;border:1px solid #6A1E1E;border-radius:14px;overflow:hidden;transition:border-color 0.3s,transform 0.3s;display:flex;flex-direction:column;height:100%} .page-game-bai__top-card:hover{border-color:#F3C54D;transform:translateY(-4px)} .page-game-bai__top-card-header{background:#7E0D0D;padding:16px;display:flex;align-items:center;gap:10px;color:#F3C54D} .page-game-bai__top-badge{background:#FFB04A;color:#140C0C;font-weight:800;font-size:0.9rem;border-radius:8px;padding:4px 10px} .page-game-bai__top-name h3{font-size:1.1rem} .page-game-bai__top-content{padding:20px;display:flex;flex-direction:column;gap:12px;flex:1} .page-game-bai__top-features{list-style:none;padding-left:0;margin:0} .page-game-bai__top-features li{color:rgba(255,241,232,0.85);padding:6px 0;padding-left:26px;position:relative;font-size:0.95rem;border-bottom:1px solid rgba(106,30,30,0.3)} .page-game-bai__top-features li::before{content:'✔';position:absolute;left:0;color:#F3C54D;font-weight:700} .page-game-bai__faq-list{display:flex;flex-direction:column;gap:15px;margin-top:24px} .page-game-bai__faq-item{background:#2A1212;border:1px solid #6A1E1E;border-radius:14px;overflow:hidden;transition:border-color 0.3s} .page-game-bai__faq-item[open]{border-color:#F3C54D} .page-game-bai__faq-question{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;cursor:pointer;font-size:1.1rem;font-weight:600;color:#FFF1E8;list-style:none;background:#2A1212;user-select:none} .page-game-bai__faq-question::-webkit-details-marker{display:none} .page-game-bai__faq-question:hover{background:#3A1A1A} .page-game-bai__faq-icon{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;background:linear-gradient(135deg,#C61F1F,#7E0D0D);border-radius:50%;color:#F3C54D;font-weight:bold;font-size:1.2rem;flex-shrink:0} .page-game-bai__faq-answer{padding:0 24px 20px;color:rgba(255,241,232,0.85);line-height:1.8;font-size:1rem} .page-game-bai__faq-answer p{margin-bottom:16px} .page-game-bai__blog-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:24px} .page-game-bai__blog-card{background:#2A1212;border:1px solid #6A1E1E;border-radius:14px;padding:16px;transition:border-color 0.3s,box-shadow 0.3s;height:100%;box-sizing:border-box} .page-game-bai__blog-card:hover{border-color:#F3C54D;box-shadow:0 0 20px rgba(243,197,77,0.1)} .page-game-bai__blog-image-link{display:block;overflow:hidden;border-radius:10px;margin-bottom:16px} .page-game-bai__blog-image-link img{transition:transform 0.4s} .page-game-bai__blog-card:hover .page-game-bai__blog-image{transform:scale(1.03)} .page-game-bai__blog-image{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:10px} .page-game-bai__blog-content{padding:4px 0} .page-game-bai__blog-date{font-size:0.85rem;color:#F3C54D;text-transform:uppercase;letter-spacing:0.6px} .page-game-bai__blog-title{font-size:1.2rem;margin:6px 0 12px;line-height:1.5} .page-game-bai__blog-title a{color:#FFF1E8;text-decoration:none;transition:color 0.3s} .page-game-bai__blog-title a:hover{color:#FFB04A} .page-game-bai__blog-excerpt{color:rgba(255,241,232,0.75);font-size:0.95rem;line-height:1.7;margin-bottom:14px} .page-game-bai__blog-readmore{color:#FFB04A;font-weight:600;text-decoration:none;font-size:0.95rem;display:inline-flex;align-items:center;gap:5px;transition:gap 0.3s} .page-game-bai__blog-readmore:hover{gap:8px} .page-game-bai__blog-more{text-align:center;margin-top:32px} .page-game-bai__compare-table{width:100%;overflow-x:auto;border-radius:14px;border:1px solid #6A1E1E;margin:30px 0 10px;background:#2A1212} .page-game-bai__compare-row{display:grid;grid-template-columns:1.5fr 2fr 2fr 2fr;min-width:700px;border-bottom:1px solid #6A1E1E} .page-game-bai__compare-row:last-child{border-bottom:none} .page-game-bai__compare-cell{padding:14px 16px;color:rgba(255,241,232,0.85);font-size:0.98rem;display:flex;align-items:center;border-right:1px solid rgba(41,20,20,0.4)} .page-game-bai__compare-cell:last-child{border-right:none} .page-game-bai__compare-cell--header{background:#7E0D0D;color:#F3C54D;font-weight:800;font-size:0.95rem;justify-content:center} .page-game-bai__tips-cta{text-align:center;margin-top:32px} .page-game-bai__promo-section{background-image:/* common-late-section */ url("[GALLERY:hero:1600x600:promo,background-video]"),linear-gradient(145deg,#C61F1F 0%,#7E0D0D 100%);background-size:cover,cover;background-repeat:no-repeat,no-repeat;background-position:center center;padding:70px 20px;color:#FFF1E8;text-align:center} .page-game-bai__promo-inner{max-width:1020px;margin:0 auto;position:relative;z-index:1;display:flex;flex-direction:column;gap:12px;align-items:center} .page-game-bai__promo-title{font-size:clamp(1.6rem,2.6vw,2.4rem);font-weight:800;color:#FFF1E8} .page-game-bai__promo-desc{color:rgba(255,241,232,0.95);max-width:850px;margin:0 auto 0;line-height:1.8;font-size:clamp(1rem,1.4vw,1.15rem)} .page-game-bai__hero-buttons{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;align-items:center;width:100%;max-width:100%;box-sizing:border-box} .page-game-bai__promo-section .page-game-bai__btn--outline{border-color:#FFF1E8;color:#FFF1E8;background: rgba(0,0,0,0.2)} .page-game-bai__promo-section .page-game-bai__btn--outline:hover{background:rgba(255,241,232,0.15)} .page-game-bai__promo-section .page-game-bai__btn--gold{color:#140C0C} .page-game-bai__button-group-mobile{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:0 auto;max-width:100%;box-sizing:border-box} .page-game-bai__guide-card .page-game-bai__btn,.page-game-bai__feature-card .page-game-bai__btn,.page-game-bai__game-card .page-game-bai__btn,.page-game-bai__top-card .page-game-bai__btn{margin-top:10px;align-self:flex-start} .page-game-bai__game-content p,.page-game-bai__top-card p{margin-bottom:12px;flex-grow:1} .page-game-bai__compare-cell:last-child{border-right:none}.page-game-bai__compare-row:last-child .page-game-bai__compare-cell{border-bottom:none} .page-game-bai__no-border-cell{border-right:none} .page-game-bai__blog-date,.page-game-bai__blog-title h3 a,.page-game-bai .page-game-bai__blog-title a{color:#F3C54D}.page-game-bai .page-game-bai__blog-title a{color:#FFF1E8}.page-game-bai__blog-title a:hover{color:#FFB04A} @media (min-width:769px){.page-game-bai__btn{transition:transform 0.3s ease,box-shadow 0.3s ease}} @media (max-width:1024px){.page-game-bai__features-grid{grid-template-columns:repeat(2,1fr)}.page-game-bai__games-grid{grid-template-columns:1fr 1fr}.page-game-bai__top-grid{grid-template-columns:repeat(2,1fr)}.page-game-bai__blog-grid{grid-template-columns:1fr 1fr}.page-game-bai__compare-table{min-width:0}} @media (max-width:768px){.page-game-bai{padding-top:0!important}.page-game-bai__hero-image{max-width:100%!important;height:auto!important;aspect-ratio:4/1;object-fit:cover}.page-game-bai__hero-content{padding:20px 14px}.page-game-bai__hero-buttons,.page-game-bai__button-group-mobile{flex-direction:column;align-items:stretch;gap:12px}.page-game-bai__btn{max-width:100%;width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word}.page-game-bai__guide-grid,.page-game-bai__features-grid,.page-game-bai__top-grid{grid-template-columns:1fr;gap:20px}.page-game-bai__games-grid,.page-game-bai__blog-grid{grid-template-columns:1fr}.page-game-bai__compare-table,.page-game-bai__compare-row{max-width:100%}.page-game-bai__compare-row{min-width:0;grid-template-columns:1fr 1fr 1fr} .page-game-bai__compare-row>*,.page-game-bai__compare-cell{padding:14px 10px;font-size:0.88rem}.page-game-bai .page-game-bai__game-image,.page-game-bai .page-game-bai__blog-image{max-width:100%!important;height:auto!important}.page-game-bai .page-game-bai__hero-image-wrapper img{max-width:100%;height:auto}.page-game-bai__parallax-desc{font-size:0.95rem}.page-game-bai__compare-cell--header{font-size:0.85rem}.page-game-bai__feature-card{padding:20px}.page-game-bai img{max-width:100%!important;height:auto!important}.page-game-bai__section-title{font-size:1.4rem}.page-game-bai__game-image{aspect-ratio:16/10}.page-game-bai__blog-image{aspect-ratio:4/3}.page-game-bai__faq-question{padding:16px 20px;font-size:1rem}}