.page-ban-ca{--text-main:#F3F8FF;--text-secondary:#AFC4E8;--bg-card:#10233F;--glow:#4FA8FF;--divider:#1B3357;color:var(--text-secondary);background-color:var(--deep-navy);font-size:16px;line-height:1.7;overflow-x:auto;padding-bottom:20px}
.page-ban-ca__hero-section{display:flex;flex-direction:column;align-items:center;max-width:1200px;margin:10px auto 0;padding:0 16px}
.page-ban-ca__hero-image-wrap{width:100%;display:block}
.page-ban-ca__hero-image{width:100%;height:auto;aspect-ratio:3/1;border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.page-ban-ca__hero-content-wrap{display:block;margin-top:10px;text-align:left;padding:40px 24px;background-color:var(--bg-card);border-radius:16px;border:1px solid #244D84;box-shadow:0 10px 30px rgba(0,0,0,.3)}
.page-ban-ca__hero-title{font-weight:800;font-size:clamp(1.5rem,1.2rem + 1.5vw,2.4rem);color:#F3F8FF;line-height:1.3;max-width:800px;margin:0 0 16px;letter-spacing:.5px}
.page-ban-ca__hero-desc{font-size:1rem;color:var(--text-secondary);margin:0 0 32px;max-width:700px}
.page-ban-ca__hero-actions{display:flex;flex-wrap:wrap;gap:16px;align-items:center;box-sizing:border-box;width:100%}
.page-ban-ca__hero-actions .page-ban-ca__btn{box-sizing:border-box}
.page-ban-ca__btn{display:inline-block;padding:14px 32px;border-radius:50px;text-decoration:none;font-weight:700;font-size:1rem;line-height:1.4;text-align:center;transition:transform .2s,box-shadow .2s;box-sizing:border-box;border:none;cursor:pointer}
.page-ban-ca__btn--primary{background:linear-gradient(180deg,#2B73F6 0%,#1144A6 100%);color:#fff;border:none;box-shadow:0 6px 14px rgba(29,95,209,.2);font-weight:700}
.page-ban-ca__btn--primary:hover{transform:translateY(-2px);box-shadow:0 12px 24px var(--glow)}
.page-ban-ca__btn--secondary{background:linear-gradient(180deg,#2B73F6 0%,#1144A6 100%);color:#fff;border:1px solid #244D84;background:transparent;box-shadow:none;font-weight:700}
.page-ban-ca__btn--secondary:hover{transform:translateY(-2px);box-shadow:0 12px 24px var(--glow)}
.page-ban-ca__btn--play{background:linear-gradient(180deg,#2B73F6 0%,#1144A6 100%);color:#fff;border:none;box-shadow:0 6px 14px rgba(29,95,209,.2);font-weight:700;padding:12px 24px}
.page-ban-ca__btn--play:hover{transform:translateY(-2px);box-shadow:0 12px 24px var(--glow)}
.page-ban-ca__section-title{font-size:2rem;color:var(--text-main);font-weight:800;text-align:center;margin-bottom:15px}
.page-ban-ca__section-description{color:var(--text-secondary);max-width:700px;margin:0 auto 60px;font-size:1.1rem}
.page-ban-ca__game-list{max-width:1200px;margin:80px auto;padding:20px 16px}
.page-ban-ca__game-list .page-ban-ca__game-card{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:20px;padding:20px;background-color:var(--bg-card);border-radius:16px;border:1px solid #244D84;transition:transform .3s,border-color .3s,box-shadow .3s}
.page-ban-ca__game-list .page-ban-ca__game-card:hover{transform:translateY(-4px);border-color:var(--glow);box-shadow:0 8px 30px rgba(79,168,255,.15)}
.page-ban-ca__game-card{flex:1 1 1;min-width:20px;margin:10px;background-color:var(--bg-card);border-radius:16px;overflow:hidden;transition:all .3s ease;border:1px solid transparent}
.page-ban-ca__game-card:hover{transform:translateY(-6px);border-color:#4FA8FF;box-shadow:0 12px 25px -8px #4FA8FF80}
.page-ban-ca__game-cards{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}
.page-ban-ca__game-card .page-ban-ca__game-image{width:100%;height:auto;border-radius:8px;margin-bottom:15px}
.page-ban-ca__game-name{font-size:1.4rem;color:#F3F8FF;font-weight:700;margin-bottom:10px}
.page-ban-ca__game-desc{color:#AFC4E8;font-size:1rem;margin-bottom:20px}
.page-ban-ca__intro{padding:80px 16px;background:#10233F}
.page-ban-ca__intro-text{max-width:700px;margin:20px auto;color:#AFC4E8;font-size:1.1rem;text-align:center}
.page-ban-ca__intro-text strong{color:#F3F8FF;font-weight:700}
.page-ban-ca__guide-section{padding:80px 16px;max-width:800px;margin:0 auto}
.page-ban-ca__guide-section .page-ban-ca__guide-card{background:#10233F;padding:24px;border-radius:12px;margin-bottom:20px;border-left:4px solid #1D5FD1}
.page-ban-ca__guide-title{color:#F3F8FF;font-weight:700;margin-bottom:10px}
.page-ban-ca__guide-text{color:#AFC4E8;font-size:1rem}
.page-ban-ca__feature-panel{padding:80px 0;background:#1B3357}
.page-ban-ca__feature-panel .page-ban-ca__section-title{margin-top:40px}
.page-ban-ca__feature-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:30px;max-width:1200px;margin:0 auto;padding:20px}
.page-ban-ca__feature-detail{background:#10233F;padding:30px;border-radius:12px;max-width:340px;border:1px solid #244D84}
.page-ban-ca__feature-name{color:#F3F8FF;font-size:1.25rem;font-weight:700;margin-bottom:15px}
.page-ban-ca__feature-description{color:#AFC4E8;line-height:1.6}
.page-ban-ca__faq-section{padding:80px 16px;max-width:800px;margin:0 auto}
.page-ban-ca__faq-list{list-style:none;padding:0}
.page-ban-ca__faq-item{border-bottom:1px solid #244D84;padding:10px 0}
.page-ban-ca__faq-question{display:flex;justify-content:space-between;align-items:center;color:#F3F8FF;font-weight:600;cursor:pointer;user-select:none}
.page-ban-ca__faq-icon{font-size:1.5rem;color:#4FA8FF}
.page-ban-ca__faq-answer{margin-top:15px;color:#AFC4E8}
.page-ban-ca__cta-banner{text-align:center;padding:80px 16px;background-image:radial-gradient(circle at 20% 30%,#244D84 0%,#08162B 100%)}
.page-ban-ca__cta-banner .page-ban-ca__btn{box-sizing:border-box}
.page-ban-ca__cta-image-wrap{max-width:600px;margin:0 auto 30px}
.page-ban-ca__cta-image{width:100%;height:auto;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.3)}
.page-ban-ca__cta-title{color:#F3F8FF;font-size:2.2rem;font-weight:800;margin-bottom:30px}
.page-ban-ca__cta-text{color:#AFC4E8;font-size:1.1rem;max-width:600px;margin:0 auto 30px}
@media (max-width:768px){.page-ban-ca__hero-image{aspect-ratio:16/9}.page-ban-ca__hero-actions{flex-direction:column;align-items:stretch}.page-ban-ca__hero-container{align-items:flex-start}.page-ban-ca__cta-banner{text-align:center}.page-ban-ca__hero-title,.page-ban-ca__hero-desc{text-align:center}.page-ban-ca__hero-actions{align-items:center}p.page-ban-ca__hero-desc{margin:20px auto 30px}.page-ban-ca__btn{max-width:100%;white-space:normal;word-wrap:break-word;overflow-wrap:break-word;width:auto;text-align:center;display:inline-block}.page-ban-ca__hero-actions .page-ban-ca__btn+.page-ban-ca__btn{margin-top:0}    
  .page-ban-ca img{max-width:100%;height:auto}.page-ban-ca{overflow-x:hidden;max-width:100%}.page-ban-ca__product-list{grid-template-columns:1fr}.page-ban-ca__logo-grid{grid-template-columns:repeat(2,1fr)}.page-ban-ca__hero-title{font-size:2rem;color:#F3F8FF}.page-ban-ca__section-title{font-size:1.8rem;text-align:center}.page-ban-ca__guide-title,.page-ban-ca__guide-text{text-align:left}.page-ban-ca__hero-container{padding-top:20px}}
@media (max-width:480px){.page-ban-ca__hero-actions{flex-direction:column;align-items:stretch}.page-ban-ca__btn{width:100%}.page-ban-ca__hero-title{font-size:1.5rem}.page-ban-ca__section-title{font-size:1.5rem}.page-ban-ca__game-card{flex-basis:100%}}