.page-game-bai{background-color:var(--deep-navy);color:var(--text-main);font-family:'Inter',system-ui,sans-serif;max-width:100%;overflow-x:hidden} .page-game-bai__hero-section{background:linear-gradient(135deg,#08162b 0%,#10233f 100%);padding:10px 16px 32px;margin:0 auto;max-width:1440px} .page-game-bai__hero-section h1{font-weight:800;line-height:1.2;letter-spacing:-0.02em;max-width:900px;margin:0 0 12px} .page-game-bai__hero-image img{display:block;width:100%;max-width:1200px;margin:0 auto;height:auto;object-fit:cover;border-radius:16px} .page-game-bai__hero-content{max-width:1200px;margin:20px auto 0;text-align:center} .page-game-bai__hero-label{display:inline-block;background:rgba(242,193,78,0.15);color:#f2c14e;font-size:.9rem;font-weight:600;padding:6px 16px;border-radius:999px;margin-bottom:12px;border:1px solid rgba(242,193,78,0.3)} .page-game-bai__hero-subtitle{max-width:680px;margin:0 auto 24px;font-size:1.05rem;line-height:1.7;color:var(--text-secondary)} .page-game-bai__hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:14px} .page-game-bai__btn{max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word;padding:12px 28px;border-radius:50px;font-weight:600;text-decoration:none;display:inline-block;transition:all .25s;text-align:center} .page-game-bai__btn-primary{background:linear-gradient(180deg,#2b73f6 0%,#1144a6 100%);color:#fff;border:none;box-shadow:0 4px 20px rgba(43,115,246,0.35)} .page-game-bai__btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 24px rgba(79,168,255,0.4)} .page-game-bai__btn-secondary{background:rgba(242,193,78,0.12);color:#f2c14e;border:1px solid #f2c14e} .page-game-bai__btn-secondary:hover{background:#f2c14e;color:#08162b} .page-game-bai__btn-outline{background:transparent;color:var(--text-main);border:1px solid var(--border-color);padding:10px 22px} .page-game-bai__btn-outline:hover{background:#244d84;border-color:#f2c14e} .page-game-bai__btn-sm{font-size:.85rem;padding:8px 18px} .page-game-bai__trust-section{display:flex;flex-wrap:wrap;justify-content:center;gap:28px;padding:20px 16px;max-width:1200px;margin:8px auto 0;border-top:3px solid var(--divider-color)} .page-game-bai__trust-item{display:flex;align-items:center;gap:8px;font-size:.93rem;color:var(--text-secondary)} .page-game-bai__trust-icon{color:#f2c14e} .page-game-bai__title-section{max-width:1200px;margin:30px auto 0;text-align:center;padding:0 16px} .page-game-bai__title-section h2{margin:0 0 10px} .page-game-bai__ui-title{font-size:1.6rem;font-weight:800;letter-spacing:-0.01em;line-height:1.3;margin:0 0 10px;color:var(--text-main)} .page-game-bai__ui-subtitle{color:var(--text-secondary)} .page-game-bai__games-section{max-width:1200px;margin:20px auto 0;padding:0 16px} .page-game-bai__games-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:28px} .page-game-bai__game-card{display:flex;flex-direction:column;background:#10233f;border-radius:16px;overflow:hidden;transition:transform .25s ease,border-color .25s ease;border:1px solid #244d84;box-shadow:0 0 0 0 rgba(79,168,255,0)} .page-game-bai__game-card:hover{transform:translateY(-6px);border-color:#f2c14e;box-shadow:0 10px 28px rgba(0,0,0,0.3)} .page-game-bai__card-media img{width:100%;height:220px;object-fit:cover;display:block} .page-game-bai__card-title{font-size:1.2rem;font-weight:800;padding:16px 16px 6px;text-align:left;margin:0} .page-game-bai__card-title a{color:var(--text-main);text-decoration:none} .page-game-bai__card-desc{padding:0 16px;font-size:.9rem;color:var(--text-secondary);text-align:left;flex-grow:1} .page-game-bai__card-actions{display:flex;align-items:center;justify-content:space-between;padding:12px 16px 16px} .page-game-bai__card-actions a:not(.page-game-bai__btn-outline){color:#4fa8ff;text-decoration:none;font-size:.85rem;border-bottom:1px solid #4fa8ff;padding-bottom:3px} .page-game-bai__features-section{max-width:1440px;margin:0;padding:30px 16px;background:linear-gradient(180deg,#08162b,transparent 100%) } .page-game-bai__features-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1.2fr;gap:30px;align-items:center} .page-game-bai__features-inner h2{text-align:left} .page-game-bai__features-image img{width:100%;height:auto;border-radius:16px} .page-game-bai__features-list{list-style:none;padding:0;margin:16px 0 10px} .page-game-bai__features-item{color:var(--text-secondary);padding-left:24px;position:relative;margin-bottom:12px;font-size:.98rem;text-align:left} .page-game-bai__features-item::before{content:'✔';position:absolute;left:0;color:#f2c14e;font-weight:700} .page-game-bai__features-content .page-game-bai__btn{margin-top:12px} .page-game-bai__guide-title-section{max-width:800px;margin:45px auto 10px;text-align:center;padding:0 18px;border-top:3px solid var(--divider-color);padding-top:36px} .page-game-bai__guide-title{font-size:1.5rem;letter-spacing:-0.01em;font-weight:800;color:var(--text-main)} .page-game-bai__guide-step-section{max-width:1200px;margin:20px auto 30px;padding:0 16px} .page-game-bai__guide-step-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:24px;margin-top:16px} .page-game-bai__guide-step-item{background:#10233f;border:1px solid var(--border-color);align-items:center;display:flex;flex-direction:column;text-align:center;padding:22px 18px;border-radius:14px;box-shadow:var(--card-shadow, 0 6px 22px rgba(0,0,0,0.25))} .page-game-bai__guide-step-item img{width:100%;object-fit:cover;border-radius:12px;margin:12px 0 14px} .page-game-bai__guide-step-num{background:#1b3357;background:linear-gradient(180deg,#2b73f6,#1144a6);color:var(--text-main);padding:4px 12px;border-radius:999px;font-size:.75rem;font-weight:600;border:1px solid rgba(242,193,78,0.3);letter-spacing:1px} .page-game-bai__guide-step-title{font-size:.95rem;font-weight:800;margin:8px 0 5px;color:var(--text-main)} .page-game-bai__guide-step-text{font-size:.86rem;color:var(--text-secondary);flex-grow:1} .page-game-bai__guide-step-item .page-game-bai__btn{font-size:.9rem} .page-game-bai__faq-inner{max-width:900px;margin:0 auto;padding:0 18px} .page-game-bai__faq-item{border-top:2px solid var(--divider-color);padding:18px 0;background:transparent;border-bottom:1px solid var(--divider-color)} .page-game-bai__faq-question{font-weight:600;display:flex;justify-content:space-between;cursor:pointer;border-left:7px solid var(--glow);font-size:1rem;padding-left:10px;list-style:none;color:var(--text-main)} .page-game-bai__faq-answer{padding-left:17px;padding-top:7px;font-size:.92rem;color:var(--text-secondary)} .page-game-bai__faq-section{padding:30px 18px 5px} .page-game-bai__faq-question::-webkit-details-marker{display:none} .page-game-bai__tip-grid{max-width:1100px;margin:20px auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;padding:0 20px} .page-game-bai__tip-item{background:#10233f;padding:18px 16px 18px 20px;border-radius:12px;border-left:4px solid #f2c14e} .page-game-bai__tip-title{font-size:1rem;font-weight:700;margin:0 0 6px;color:var(--text-main)} .page-game-bai__tip-text{font-size:.88rem;line-height:1.65;color:var(--text-secondary);text-align:left} .page-game-bai__footer-img{max-width:1200px;margin:24px 16px 20px;margin-inline:auto;display:flex;justify-content:center;padding:0 14px} .page-game-bai__footer-img img{max-width:100%;height:auto;width:100%;border-radius:20px;max-height:320px;object-fit:cover} @media(max-width:1024px){ .page-game-bai__features-inner{grid-template-columns:1fr;gap:28px} .page-game-bai__features-image{order:-1} .page-game-bai__card-media img{height:200px} } @media(max-width:768px){ .page-game-bai__hero-section{padding-top:12px} .page-game-bai__hero-image img{aspect-ratio:16/9} .page-game-bai__hero-title{font-size:1.15rem} .page-game-bai__trust-section{justify-content:flex-start;gap:12px;padding:16px 8px} .page-game-bai__btn{max-width:100%;box-sizing:border-box} .page-game-bai__card-media img{height:auto;aspect-ratio:auto;max-width:100%} .page-game-bai img{max-width:100%;height:auto!important} .page-game-bai__title-section .page-game-bai__ui-title{font-size:1.4rem} .page-game-bai__faq-section h2, .page-game-bai__title-section h2{font-size:1.2rem} .page-game-bai__games-grid{grid-template-columns:repeat(auto-fill,minmax(100%,1fr))} .page-game-bai__card-actions{flex-direction:row} .page-game-bai__features-list{text-align:left} .page-game-bai__guide-step-grid{gap:18px;grid-template-columns:1fr} .page-game-bai__guide-step-item img{width:100%;max-width:100%;height:auto} .page-game-bai__faq-question{font-size:.95rem} .page-game-bai__tip-grid{grid-template-columns:1fr} .page-game-bai__footer-img{margin-left:12px;margin-right:12px} .page-game-bai__features-inner{grid-template-columns:1fr}.page-game-bai__features-inner .page-game-bai__btn{max-width:100%;padding-left:10px;padding-right:10px} .page-game-bai__title-section h2, .page-game-bai__guide-title, .page-game-bai__features-content h2, .page-game-bai__faq-section .page-game-bai__ui-title{font-size:1.2rem} .page-game-bai__hero-actions{flex-direction:column} .page-game-bai__btn{width:100%} }