.page-ban-ca{background:#F5F7FA;color:#333333;max-width:100%;overflow-x:hidden}.page-ban-ca__hero-section{display:flex;flex-direction:column;width:100%;max-width:100%;padding-top:10px;margin-top:0}.page-ban-ca__hero-image{flex-shrink:0;order:1;width:100%;max-width:100%}.page-ban-ca__hero-image img{display:block;width:100%;aspect-ratio:17/5;object-fit:cover;max-width:100%}.page-ban-ca__hero-content{order:2;text-align:center;padding:24px 16px 20px;background:linear-gradient(135deg,#FF5A4F 0%,#E53935 100%);width:100%;box-sizing:border-box}.page-ban-ca__hero-title{color:#ffffff;font-weight:800;line-height:1.3;letter-spacing:-0.01em;max-width:900px;margin:0 auto 10px;font-size:clamp(1.3rem,3vw,2rem)}.page-ban-ca__hero-desc{color:#ffe9e7;font-size:clamp(0.9rem,1.6vw,1.05rem);line-height:1.6;max-width:850px;margin:0 auto 20px}.page-ban-ca__hero-buttons{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;width:100%;max-width:100%;box-sizing:border-box;overflow:hidden}.page-ban-ca__btn{display:inline-block;padding:12px 32px;border-radius:50px;font-weight:700;text-align:center;text-decoration:none;transition:opacity 0.2s,transform 0.2s;box-sizing:border-box;box-shadow:0 4px 12px rgba(0,0,0,0.15)}.page-ban-ca__btn:hover{opacity:0.9;transform:translateY(-2px)}.page-ban-ca__btn--primary{background:linear-gradient(180deg,#FF5A4F 0%,#E53935 100%);color:#ffffff}.page-ban-ca__btn--secondary{background:#ffffff;color:#E53935;border:2px solid #ffffff}.page-ban-ca__btn--ghost{background:transparent;color:#E53935;border:2px solid #E53935}.page-ban-ca__intro-section,.page-ban-ca__features-section,.page-ban-ca__guide-section,.page-ban-ca__tips-section,.page-ban-ca__faq-section{padding:48px 16px 40px;max-width:1250px;margin:0 auto;width:100%;box-sizing:border-box}.page-ban-ca__section-header{text-align:center;margin-bottom:32px}.page-ban-ca__section-title{color:#333333;font-weight:800;line-height:1.35;margin:0 0 12px;font-size:clamp(1.3rem,2.8vw,1.9rem)}.page-ban-ca__section-desc{color:#555555;font-size:clamp(0.9rem,1.4vw,1rem);line-height:1.7;max-width:860px;margin:0 auto}.page-ban-ca__game-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.page-ban-ca__game-item{background:#FFFFFF;border:1px solid #E0E0E0;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.04);transition:box-shadow 0.25s,transform 0.2s}.page-ban-ca__game-item:hover{box-shadow:0 6px 18px rgba(229,57,53,0.12);transform:translateY(-3px)}.page-ban-ca__game-image{width:100%}.page-ban-ca__game-image img{width:100%;aspect-ratio:2/1;object-fit:cover;display:block}.page-ban-ca__game-title{color:#333333;font-size:1.1rem;font-weight:700;padding:14px 16px 4px;margin:0}.page-ban-ca__game-desc{color:#666666;font-size:0.9rem;line-height:1.6;padding:0 16px 16px;margin:0}.page-ban-ca__feature-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-top:20px}.page-ban-ca__feature-item{background:#FFFFFF;border:1px solid #E0E0E0;border-radius:12px;padding:24px 18px;text-align:center;transition:box-shadow 0.2s}.page-ban-ca__feature-item:hover{box-shadow:0 4px 14px rgba(255,90,79,0.15)}.page-ban-ca__feature-icon{font-size:2rem;margin-bottom:8px}.page-ban-ca__feature-title{color:#333333;font-size:1.05rem;font-weight:700;margin:0 0 8px}.page-ban-ca__feature-desc{color:#5a5a5a;font-size:0.9rem;line-height:1.6;margin:0}.page-ban-ca__guide-section{background:#ffffff;border-radius:16px;margin:0 auto}.page-ban-ca__guide-container{display:flex;flex-direction:column;gap:24px;margin-top:16px}.page-ban-ca__guide-item{display:flex;flex-direction:column;justify-content:center;background:#FFFFFF;border:1px solid #E0E0E0;border-radius:12px;overflow:hidden;box-shadow:0 2px 6px rgba(0,0,0,0.03)}.page-ban-ca__guide-image{flex:1 1 100%;width:100%}.page-ban-ca__guide-image img{width:100%;aspect-ratio:2/1;object-fit:cover;display:block}.page-ban-ca__guide-content{flex:1 1 100%;padding:20px 20px 24px;box-sizing:border-box}.page-ban-ca__guide-title{color:#E53935;font-size:1.05rem;font-weight:700;margin:0 0 6px}.page-ban-ca__guide-desc{color:#555555;font-size:0.95rem;line-height:1.7;margin:0}.page-ban-ca__tips-section{background:#ffffff;border-top:4px solid #E53935}.page-ban-ca__tips-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.page-ban-ca__tip-item{background:#F5F7FA;border:1px solid #E0E0E0;border-left:4px solid #E53935;border-radius:8px;padding:16px}.page-ban-ca__tip-number{color:#E53935;font-size:1.3rem;font-weight:800;margin:0 0 6px}.page-ban-ca__tip-text{color:#555555;font-size:0.95rem;line-height:1.6;margin:0}.page-ban-ca__promo-section{padding:16px 16px 40px;max-width:1250px;margin:0 auto;width:100%;box-sizing:border-box}.page-ban-ca__promo-banner{display:flex;flex-direction:column;background:linear-gradient(135deg,#fff0ee 0%,#ffe6e3 100%);border:1px solid #FF5A4F;border-radius:20px;overflow:hidden}@media (min-width:769px){.page-ban-ca__promo-banner{flex-direction:row;align-items:center}}.page-ban-ca__promo-image{width:100%;max-width:100%}@media (min-width:769px){.page-ban-ca__promo-image{width:40%;max-width:400px}}.page-ban-ca__promo-image img{width:100%;height:100%;aspect-ratio:2/1;object-fit:cover;display:block}.page-ban-ca__promo-content{padding:20px 24px;box-sizing:border-box;text-align:center}@media (min-width:769px){.page-ban-ca__promo-content{text-align:left;flex:1;padding:24px 32px}}.page-ban-ca__promo-content span{color:#E53935;font-weight:800}.page-ban-ca__promo-title{color:#333333;font-size:clamp(1.1rem,2vw,1.5rem);font-weight:800;margin:0 0 10px}.page-ban-ca__promo-text{color:#555555;line-height:1.7;margin:0 0 18px}.page-ban-ca__faq-section{background:#FFFFFF;border-top:1px solid #E0E0E0}.page-ban-ca__faq-list{display:flex;flex-direction:column;gap:8px;max-width:840px;margin:0 auto;padding:0}.page-ban-ca__faq-item{background:#F5F7FA;border:1px solid #E0E0E0;border-radius:8px;overflow:hidden}.page-ban-ca__faq-question{list-style:none;padding:16px 18px 16px 40px;cursor:pointer;font-weight:700;color:#333333;position:relative}.page-ban-ca__faq-question::-webkit-details-marker{display:none}.page-ban-ca__faq-question::before{content:'+';position:absolute;left:14px;top:14px;color:#E53935;font-size:1.3rem;font-weight:800;transition:transform 0.2s}.page-ban-ca__faq-item[open] .page-ban-ca__faq-question::before{content:'−';transform:rotate(180deg)}.page-ban-ca__faq-answer{color:#666666;line-height:1.7;padding:0 18px 14px 40px;margin:0}.page-ban-ca__cta-section{background:linear-gradient(135deg,#E53935 0%,#FF5A4F 100%);padding:48px 16px;text-align:center}.page-ban-ca__cta-content{max-width:800px;margin:0 auto}.page-ban-ca__cta-title{color:#ffffff;font-weight:800;font-size:clamp(1.3rem,2.6vw,1.8rem);margin:0 auto 12px}.page-ban-ca__cta-desc{color:#ffe9e7;font-size:1rem;line-height:1.6;margin:0 auto 24px;max-width:680px}.page-ban-ca__cta-buttons{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;width:100%;max-width:100%;box-sizing:border-box;overflow:hidden}.page-ban-ca__cta-buttons .page-ban-ca__btn--primary{background:#ffffff;color:#E53935;border:2px solid #ffffff}.page-ban-ca__cta-buttons .page-ban-ca__btn--ghost{background:transparent;color:#ffffff;border:2px solid #ffffff}@media (max-width:1024px){.page-ban-ca__game-grid{grid-template-columns:repeat(2,1fr)}.page-ban-ca__feature-list{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:2/1;max-width:100%;height:auto !important}.page-ban-ca__hero-content{padding:20px 12px 18px}.page-ban-ca__hero-buttons{flex-direction:column;align-items:center}.page-ban-ca__btn{width:100%;max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word;font-size:0.95rem;padding:11px 18px}.page-ban-ca__intro-section,.page-ban-ca__features-section,.page-ban-ca__guide-section,.page-ban-ca__tips-section,.page-ban-ca__promo-section,.page-ban-ca__faq-section,.page-ban-ca__cta-section{padding:32px 12px 28px}.page-ban-ca__game-grid,.page-ban-ca__feature-list{grid-template-columns:1fr}.page-ban-ca__game-image img{max-width:100%;height:auto !important}.page-ban-ca__guide-item{flex-direction:column}.page-ban-ca__promo-banner{flex-direction:column}.page-ban-ca__promo-content{text-align:center;padding:18px 16px}.page-ban-ca__promo-content .page-ban-ca__btn{width:100%;max-width:100%}.page-ban-ca__cta-buttons{flex-direction:column;align-items:center}.page-ban-ca__cta-title{font-size:1.2rem}.page-ban-ca__faq-question{font-size:0.95rem}}