:root{--deep-navy:#08162B;--card-bg:#10233F;--text-main:#F3F8FF;--text-secondary:#AFC4E8;--border:#244D84;--glow:#4FA8FF;--gold:#F2C14E;--divider:#1B3357;--btn-grad:linear-gradient(180deg, #2B73F6 0%, #1144A6 100%);}

.page-ban-ca{color:var(--text-main);background-color:var(--deep-navy);max-width:100%;overflow-x:hidden;}

.page-ban-ca__hero-section{display:flex;flex-direction:column;align-items:center;padding-top:10px;margin:0;background:var(--deep-navy);}
.page-ban-ca__hero-image{width:100%;max-width:1200px;overflow:hidden;border-radius:12px;}
.page-ban-ca__hero-img{display:block;width:100%;height:auto;aspect-ratio:16/5;object-fit:cover;}
.page-ban-ca__hero-content{width:100%;max-width:1200px;text-align:center;padding:16px 16px 24px;box-sizing:border-box;}
.page-ban-ca__hero-title{font-weight:800;line-height:1.25;letter-spacing:-0.02em;color:var(--text-main);margin:0 0 8px;max-width:100%;}
.page-ban-ca__hero-desc{color:var(--text-secondary);margin:0 0 20px;font-size:1.05rem;}
.page-ban-ca__hero-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;width:100%;max-width:100%;overflow:hidden;box-sizing:border-box;}

.page-ban-ca__btn{display:inline-block;padding:14px 32px;border-radius:40px;font-weight:700;text-decoration:none;transition:transform .2s ease, box-shadow .2s ease;max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word;}
.page-ban-ca__btn--primary{background:var(--btn-grad);color:#fff;box-shadow:0 6px 20px rgba(43,115,246,.35);}
.page-ban-ca__btn--secondary{background:transparent;color:var(--glow);border:2px solid var(--glow);}
.page-ban-ca__btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(79,168,255,.4);}

.page-ban-ca__intro-section{padding:32px 16px;background:var(--deep-navy);}
.page-ban-ca__intro-container{max-width:1200px;margin:0 auto;background:var(--card-bg);border:1px solid var(--border);border-radius:16px;padding:32px;}
.page-ban-ca__intro-title{color:var(--gold);font-weight:700;text-align:center;margin-bottom:16px;}
.page-ban-ca__intro-text{line-height:1.7;color:var(--text-secondary);text-align:justify;margin:0;}

.page-ban-ca__features-section{padding:32px 16px;background:var(--deep-navy);}
.page-ban-ca__features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1200px;margin:0 auto;}
.page-ban-ca__feature-card{background:var(--card-bg);border:1px solid var(--border);border-radius:16px;overflow:hidden;transition:box-shadow .3s ease, transform .3s ease;}
.page-ban-ca__feature-card:hover{box-shadow:0 8px 30px rgba(79,168,255,.2);transform:translateY(-4px);}
.page-ban-ca__feature-image{width:100%;overflow:hidden;}
.page-ban-ca__feature-img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;}
.page-ban-ca__feature-title{color:var(--text-main);font-weight:700;font-size:1.15rem;padding:16px 16px 8px;margin:0;}
.page-ban-ca__feature-desc{color:var(--text-secondary);font-size:.9rem;line-height:1.6;padding:0 16px 16px;margin:0;}

.page-ban-ca__games-section{padding:32px 16px;background:var(--deep-navy);}
.page-ban-ca__games-title{text-align:center;color:var(--text-main);font-weight:700;margin-bottom:8px;}
.page-ban-ca__games-subtitle{text-align:center;color:var(--text-secondary);margin-bottom:32px;}
.page-ban-ca__games-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1200px;margin:0 auto;}
.page-ban-ca__game-card{display:block;background:var(--card-bg);border:1px solid var(--border);border-radius:16px;overflow:hidden;text-decoration:none;transition:box-shadow .3s ease, transform .3s ease;}
.page-ban-ca__game-card:hover{box-shadow:0 8px 30px rgba(79,168,255,.25);transform:translateY(-4px);}
.page-ban-ca__game-image{width:100%;overflow:hidden;}
.page-ban-ca__game-img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;}
.page-ban-ca__game-title{color:var(--text-main);font-weight:700;padding:16px 16px 8px;margin:0;}
.page-ban-ca__game-desc{color:var(--text-secondary);font-size:.9rem;padding:0 16px 16px;margin:0;}

.page-ban-ca__guide-section{padding:32px 16px;background:var(--card-bg);}
.page-ban-ca__guide-title{text-align:center;color:var(--gold);font-weight:700;margin-bottom:32px;}
.page-ban-ca__guide-content{max-width:960px;margin:0 auto;}
.page-ban-ca__guide-step{background:var(--deep-navy);border:1px solid var(--border);border-radius:12px;padding:24px;margin-bottom:16px;}
.page-ban-ca__guide-step-title{color:var(--glow);font-weight:700;margin-bottom:8px;}
.page-ban-ca__guide-step-desc{color:var(--text-secondary);line-height:1.6;margin:0;font-size:.95rem;}

.page-ban-ca__tips-section{padding:32px 16px;background:var(--deep-navy);}
.page-ban-ca__tips-title{text-align:center;color:var(--text-main);font-weight:700;margin-bottom:8px;}
.page-ban-ca__tips-subtitle{text-align:center;color:var(--text-secondary);margin-bottom:32px;}
.page-ban-ca__tips-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1200px;margin:0 auto;}
.page-ban-ca__tip-card{background:var(--card-bg);border:1px solid var(--border);border-radius:16px;overflow:hidden;transition:box-shadow .3s ease, transform .3s ease;}
.page-ban-ca__tip-card:hover{box-shadow:0 8px 30px rgba(79,168,255,.2);transform:translateY(-4px);}
.page-ban-ca__tip-image{width:100%;overflow:hidden;}
.page-ban-ca__tip-img{display:block;width:100%;height:auto;aspect-ratio:16/8;object-fit:cover;}
.page-ban-ca__tip-content{padding:16px;}
.page-ban-ca__tip-title{color:var(--text-main);font-weight:700;font-size:1.05rem;margin-bottom:8px;}
.page-ban-ca__tip-text{color:var(--text-secondary);font-size:.9rem;line-height:1.6;margin:0;text-align:justify;}

.page-ban-ca__faq-section{padding:32px 16px;background:var(--card-bg);}
.page-ban-ca__faq-title{text-align:center;color:var(--gold);font-weight:700;margin-bottom:32px;}
.page-ban-ca__faq-list{max-width:960px;margin:0 auto;}
.page-ban-ca__faq-item{background:var(--deep-navy);border:1px solid var(--border);border-radius:12px;margin-bottom:12px;overflow:hidden;}
.page-ban-ca__faq-question{list-style:none;display:flex;justify-content:space-between;align-items:center;padding:20px 24px;cursor:pointer;color:var(--text-main);font-weight:600;}
.page-ban-ca__faq-question::-webkit-details-marker{display:none;}
.page-ban-ca__faq-icon{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--border);border-radius:50%;color:var(--text-main);font-weight:700;font-size:1.1rem;transition:background .3s ease;}
.page-ban-ca__faq-item[open] .page-ban-ca__faq-icon{background:var(--glow);}
.page-ban-ca__faq-answer{padding:0 24px 20px;color:var(--text-secondary);line-height:1.7;font-size:.95rem;}

.page-ban-ca__cta-section{padding:32px 16px;background:var(--deep-navy);border-top:1px solid var(--divider);}
.page-ban-ca__cta-title{text-align:center;color:var(--text-main);font-weight:700;margin-bottom:8px;}
.page-ban-ca__cta-desc{text-align:center;color:var(--text-secondary);margin-bottom:24px;max-width:640px;margin-left:auto;margin-right:auto;}
.page-ban-ca__cta-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;width:100%;max-width:100%;overflow:hidden;box-sizing:border-box;}

@media (max-width: 1024px){
  .page-ban-ca__features-grid,.page-ban-ca__games-grid,.page-ban-ca__tips-grid{grid-template-columns:repeat(2,1fr);}
}

@media (max-width: 768px){
  .page-ban-ca__hero-section{padding-top:8px;}
  .page-ban-ca__hero-img{aspect-ratio:2/1;}
  .page-ban-ca__hero-content{text-align:center;padding:12px 12px 20px;}
  .page-ban-ca__hero-title{font-size:clamp(1.1rem, 5vw, 1.6rem);}
  .page-ban-ca__hero-desc{font-size:.95rem;}
  .page-ban-ca__features-grid,.page-ban-ca__games-grid,.page-ban-ca__tips-grid{grid-template-columns:1fr;}
  .page-ban-ca__intro-container{padding:20px;}
  .page-ban-ca__intro-text{font-size:.9rem;}
  .page-ban-ca__btn{max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word;padding:12px 24px;}
  .page-ban-ca__hero-actions{flex-direction:column;align-items:center;}
  .page-ban-ca__cta-actions{flex-direction:column;align-items:center;}
  .page-ban-ca img{max-width:100%!important;height:auto!important;}
}