.page-ban-ca{font-family:'Segoe UI',system-ui,-apple-system,sans-serif;margin:0;padding:0;background:var(--deep-navy,#08162B);color:#F3F8FF;overflow-x:hidden;}
.page-ban-ca__hero-section{margin:0 auto;padding:10px 16px;display:flex;flex-direction:column;align-items:center;background:linear-gradient(180deg,#08162B,#10233F);}
.page-ban-ca__hero-image{max-width:1200px;width:100%;margin-bottom:16px;}
.page-ban-ca__hero-image img{display:block;width:100%;height:auto;aspect-ratio:21/9;object-fit:cover;border-radius:20px;border:1px solid #244D84;box-shadow:0 10px 30px rgba(79,168,255,0.15);}
.page-ban-ca__hero-content{max-width:1200px;width:100%;text-align:center;}
.page-ban-ca__hero-content h1{font-weight:800;line-height:1.15;letter-spacing:-0.02em;color:#F3F8FF;max-width:1100px;margin:0 auto 12px;}
.page-ban-ca__hero-content p{color:#AFC4E8;line-height:1.6;max-width:800px;margin:0 auto 24px;}
.page-ban-ca__btn, .page-ban-ca__btn-outline{display:inline-block;background:linear-gradient(180deg,#2B73F6 0%,#1144A6 100%);color:#fff;font-weight:600;text-decoration:none;padding:14px 32px;border-radius:999px;box-shadow:0 4px 15px rgba(43,115,246,0.4);transition:transform .3s ease;border:1px solid #244D84;cursor:pointer;}
.page-ban-ca__btn:hover,.page-ban-ca__btn:focus{transform:translateY(-2px)}
.page-ban-ca__btn-outline{background:transparent;color:#4FA8FF;border:2px solid #4FA8FF;}
.page-ban-ca__btn-outline:hover{background:linear-gradient(180deg,#2B73F6,#1144A6);color:#fff;}
.page-ban-ca__feature-section{max-width:1200px;margin:0 auto;padding:20px 16px;}
.page-ban-ca__feature-section .page-ban-ca__section-content{background:#10233F;border-radius:20px;border:1px solid #244D84;padding:32px;}
.page-ban-ca__feature-section h2{color:#F3F8FF;margin-top:0;text-align:center;font-size:1.8rem;}
.page-ban-ca__feature-section p{color:#AFC4E8;line-height:1.8;font-size:16px;}
.page-ban-ca__guide-section{max-width:1200px;margin:0 auto;padding:16px 16px 40px;}
.page-ban-ca__guide-section h2, .page-ban-ca__tips-section h2,.page-ban-ca__showcase-section h2,.page-ban-ca__faq-section h2{color:#F3F8FF;margin-top:0;text-align:center;font-size:1.8rem;}
.page-ban-ca__guide-inner{background:#10233F;border-radius:16px;border:1px solid #244D84;padding:24px;}
.page-ban-ca__guide-inner h3{color:#F3F8FF;}
.page-ban-ca__guide-inner p{color:#AFC4E8;line-height:1.8;}
.page-ban-ca__tips-section{max-width:1200px;margin:0 auto;padding:16px;}
.page-ban-ca__tips-content{background:linear-gradient(135deg,#10233F,#1B3357);border:1px solid #244D84;border-radius:20px;padding:24px;}
.page-ban-ca__tips-section p{color:#AFC4E8;line-height:1.8;}
.page-ban-ca__tips-section a:link,.page-ban-ca__tips-section a:visited{color:#4FA8FF;text-decoration:underline;}
.page-ban-ca__showcase-section{max-width:1200px;margin:0 auto;padding:20px 16px;}
.page-ban-ca__card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:20px 0;}
.page-ban-ca__card{background:#10233F;border-radius:20px;border:1px solid #244D84;padding:16px;}
.page-ban-ca__card img{width:100%;border-radius:12px;aspect-ratio:2/1;object-fit:cover;margin-bottom:14px;}
.page-ban-ca__card h3{color:#F3F8FF;margin:0 0 8px;}
.page-ban-ca__card p{color:#AFC4E8;margin:0 0 16px;line-height:1.6;}
.page-ban-ca__faq-section{max-width:1100px;margin:24px auto 40px;padding:0 16px;}
.page-ban-ca__faq-section details{background:#10233F;border:1px solid #244D84;color:#F3F8FF;padding:16px 20px;border-radius:12px;margin-bottom:12px;}
.page-ban-ca__faq-section summary{cursor:pointer;font-weight:600;color:#F3F8FF;list-style:none;position:relative;display:flex;justify-content:space-between;align-items:center;}
.page-ban-ca__faq-icon{font-family:monospace;font-weight:800;color:#F2C14E;font-size:18px;}
.page-ban-ca__faq-section p{color:#AFC4E8;line-height:1.7;padding-top:10px;margin:0;}
.page-ban-ca__faq-section a{color:#4FA8FF;text-decoration:none;}
@media (max-width: 1024px){
.page-ban-ca__card-grid{grid-template-columns:repeat(2,1fr);}
}
@media (max-width: 768px){
.page-ban-ca__hero-section{padding-top:10px;}
.page-ban-ca__hero-image img{aspect-ratio:16/9;max-height:200px;width:100%;}
.page-ban-ca__card-grid{grid-template-columns:1fr;}
.page-ban-ca__hero-section h1{font-size:clamp(1.4rem,2.6vw,2.2rem)}
.page-ban-ca__hero-section p{font-size:var(--font-size,0.95rem)}
.page-ban-ca__feature-section,.page-ban-ca__guide-section,.page-ban-ca__tips-section,.page-ban-ca__showcase-section,.page-ban-ca__faq-section{padding-left:16px;padding-right:16px;}
.page-ban-ca__feature-section .page-ban-ca__section-content,.page-ban-ca__guide-inner,.page-ban-ca__tips-content,.page-ban-ca__card,.page-ban-ca__faq-section details{padding:16px;}
.page-ban-ca img{max-width:100%;height:auto;}
.page-ban-ca__btn,.page-ban-ca__btn-outline{width:100%;max-width:100%;white-space:normal;word-wrap:break-word;font-size:14px;padding:12px 20px;}
.page-ban-ca{overflow-x:hidden;}
}