.page-ban-ca{--bg-card:#10233F;--text-main:#F3F8FF;--text-secondary:#AFC4E8;--border-card:#244D84;--glow:#4FA8FF;--gold:#F2C14E;--divider:#1B3357;--navy:#08162B;color:var(--text-secondary);background-color:var(--bg-main);max-width:100%;overflow-x:hidden}.page-ban-ca__hero{padding-top:10px}.page-ban-ca__hero-image-wrap{width:100%}.page-ban-ca__hero-image{width:100%;aspect-ratio:17/5;object-fit:cover;display:block;border-radius:0 0 20px 20px;box-shadow:0 10px 30px rgba(0,0,0,.3)}.page-ban-ca__hero-content{width:100%;max-width:1200px;margin:0 auto;padding:20px 16px;text-align:center;color:var(--text-main)}.page-ban-ca__hero-title{font-weight:800;line-height:1.3;letter-spacing:.5px;max-width:900px;margin:0 auto 12px}.page-ban-ca__hero-desc{max-width:820px;margin:0 auto 24px;color:var(--text-secondary);line-height:1.7}.page-ban-ca__hero-cta-group{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}.page-ban-ca__hero-cta-group .page-ban-ca__btn{max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word}.page-ban-ca__btn{display:inline-block;padding:12px 28px;border-radius:999px;text-decoration:none;font-weight:700;text-align:center;transition:opacity .2s ease,transform .2s ease;max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word}.page-ban-ca__btn:hover{opacity:.85;transform:translateY(-2px)}.page-ban-ca__btn--primary{background:linear-gradient(180deg,#2B73F6 0%,#1144A6 100%);color:#fff}.page-ban-ca__btn--secondary{background:transparent;border:2px solid var(--glow);color:var(--glow)}.page-ban-ca__btn--ghost{background:transparent;border:1px solid var(--border-card);color:var(--text-main)}.page-ban-ca__btn--gold{background:linear-gradient(135deg,#F2C14E 0%,#D49A2E 100%);color:var(--navy)}.page-ban-ca__trust-badges{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;padding:16px;max-width:1200px;margin:0 auto}.page-ban-ca__trust-badge{display:flex;align-items:center;gap:8px;background-color:var(--bg-card);border:1px solid var(--border-card);padding:8px 16px;border-radius:999px;color:var(--text-secondary);font-size:14px}.page-ban-ca__trust-icon{font-size:20px}.page-ban-ca__trust-text{font-weight:600}.page-ban-ca__intro,.page-ban-ca__features,.page-ban-ca__how-to,.page-ban-ca__community,.page-ban-ca__tips,.page-ban-ca__why,.page-ban-ca__faq,.page-ban-ca__blog{width:100%;max-width:1200px;margin:0 auto;padding:24px 16px}.page-ban-ca__section-title{color:var(--text-main);text-align:center;font-size:clamp(1.5rem,2.5vw,2rem);font-weight:700;margin-bottom:20px}.page-ban-ca__intro-text{line-height:1.8;color:var(--text-secondary);max-width:1000px;margin:0 auto}.page-ban-ca__features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.page-ban-ca__feature-card{background-color:var(--bg-card);border:1px solid var(--border-card);border-radius:16px;overflow:hidden;transition:box-shadow .3s ease}.page-ban-ca__feature-card:hover{box-shadow:0 0 20px rgba(79,168,255,.3)}.page-ban-ca__feature-image{width:100%;aspect-ratio:2/1;object-fit:cover;display:block}.page-ban-ca__feature-title{color:var(--text-main);font-size:18px;margin:16px 12px 8px}.page-ban-ca__feature-text{color:var(--text-secondary);font-size:14px;line-height:1.6;margin:0 12px 16px}.page-ban-ca__cta-banner{width:100%;background:linear-gradient(135deg,#10233F,#1B3357);text-align:center;padding:40px 16px}.page-ban-ca__cta-title{color:var(--gold);font-size:clamp(1.3rem,2.5vw,1.8rem);margin-bottom:8px}.page-ban-ca__cta-text{color:var(--text-main);font-size:16px;margin-bottom:20px}.page-ban-ca__how-to-card{display:flex;gap:24px;align-items:center;background-color:var(--bg-card);border:1px solid var(--border-card);border-radius:16px;padding:16px}.page-ban-ca__how-to-image-wrap{flex:1}.page-ban-ca__how-to-image{width:100%;aspect-ratio:2/1;object-fit:cover;border-radius:12px}.page-ban-ca__how-to-steps{flex:1}.page-ban-ca__how-to-title{color:var(--text-main);font-size:20px;margin-bottom:16px}.page-ban-ca__how-to-list{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:10px}.page-ban-ca__how-to-item{line-height:1.6}.page-ban-ca__how-to-item strong{color:var(--glow)}.page-ban-ca__community-images{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:16px}.page-ban-ca__community-image{width:100%;aspect-ratio:2/1;object-fit:cover;border-radius:12px}.page-ban-ca__community-text,.page-ban-ca__why-text{color:var(--text-secondary);line-height:1.8;margin-top:12px}.page-ban-ca__tips-card{background-color:var(--bg-card);border:1px solid var(--border-card);border-radius:16px;padding:24px}.page-ban-ca__tips-title{color:var(--gold);font-size:20px;margin-bottom:16px}.page-ban-ca__tips-text{line-height:1.8;margin-bottom:16px}.page-ban-ca__tips-list{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:8px}.page-ban-ca__tips-list-item{line-height:1.6}.page-ban-ca__why-card{background-color:var(--bg-card);border:1px solid var(--border-card);border-radius:16px;overflow:hidden}.page-ban-ca__why-image{width:100%;aspect-ratio:2/1;object-fit:cover;display:block}.page-ban-ca__why-text-wrap{padding:20px}.page-ban-ca__why-text{margin-bottom:20px}.page-ban-ca__why-text strong{color:var(--text-main)}.page-ban-ca__faq{max-width:900px}.page-ban-ca__faq-item{background-color:var(--bg-card);border:1px solid var(--border-card);border-radius:12px;margin-bottom:12px;padding:16px 20px}.page-ban-ca__faq-question{color:var(--text-main);font-weight:700;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center}.page-ban-ca__faq-question::-webkit-details-marker{display:none}.page-ban-ca__faq-answer{color:var(--text-secondary);line-height:1.7;margin-top:12px;display:flex;align-items:flex-start;gap:12px}.page-ban-ca__faq-icon{color:var(--glow);font-weight:700;flex-shrink:0}.page-ban-ca__blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.page-ban-ca__blog-card{background-color:var(--bg-card);border:1px solid var(--border-card);border-radius:16px;overflow:hidden;transition:box-shadow .3s ease}.page-ban-ca__blog-card:hover{box-shadow:0 0 20px rgba(79,168,255,.2)}.page-ban-ca__blog-link{text-decoration:none}.page-ban-ca__blog-image{width:100%;aspect-ratio:2/1;object-fit:cover;display:block}.page-ban-ca__blog-title{color:var(--text-main);font-size:17px;margin:12px;transition:color .2s}.page-ban-ca__blog-link:hover .page-ban-ca__blog-title{color:var(--glow)}.page-ban-ca__blog-date{color:var(--text-secondary);font-size:13px;font-style:italic;margin:0 12px 8px}.page-ban-ca__blog-excerpt{color:var(--text-secondary);font-size:14px;line-height:1.6;margin:0 12px 12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.page-ban-ca__blog-more{display:inline-block;color:var(--glow);text-decoration:none;font-size:14px;font-weight:700;margin:0 12px 16px}.page-ban-ca__blog-cta-wrap{text-align:center;margin-top:24px}@media (max-width:1024px){.page-ban-ca__features-grid{grid-template-columns:repeat(2,1fr)}.page-ban-ca__blog-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.page-ban-ca__hero{padding-top:10px}.page-ban-ca__hero-image{aspect-ratio:16/9}.page-ban-ca__hero-content{padding:12px 12px 20px}.page-ban-ca__hero-cta-group{width:100%;max-width:100%;overflow:hidden;box-sizing:border-box;flex-direction:column;align-items:stretch}.page-ban-ca__hero-cta-group .page-ban-ca__btn{max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word;width:100%}.page-ban-ca__trust-badges{flex-direction:column;align-items:center;gap:10px;padding:12px}.page-ban-ca__features-grid,.page-ban-ca__blog-grid{grid-template-columns:repeat(2,1fr);gap:12px}.page-ban-ca__how-to-card{flex-direction:column}.page-ban-ca__community-images{grid-template-columns:1fr}.page-ban-ca__how-to-image,.page-ban-ca__feature-image,.page-ban-ca__why-image,.page-ban-ca__community-image,.page-ban-ca__blog-image{max-width:100%;height:auto}.page-ban-ca__section-title{font-size:1.3rem}.page-ban-ca__cta-text,.page-ban-ca__intro-text,.page-ban-ca__how-to-title,.page-ban-ca__tips-title{font-size:14px}.page-ban-ca__btn,.page-ban-ca__tips-text,.page-ban-ca__tips-list-item,.page-ban-ca__faq-answer,.page-ban-ca__why-text{font-size:14px}.page-ban-ca__blog-cta-wrap{flex-direction:column;align-items:stretch}.page-ban-ca img{max-width:100%!important;height:auto!important}}@media (max-width:480px){.page-ban-ca__features-grid,.page-ban-ca__blog-grid{grid-template-columns:1fr}.page-ban-ca__trust-badges{display:none}}